:root{--font-family-sans: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3.5rem;--line-height-tight: 1.2;--line-height-base: 1.6;--line-height-relaxed: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--container-max: 1200px;--container-padding-x: 2rem;--container-padding-x-sm: 1rem;--grid-gap: 2rem;--card-min-col: 350px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--radius-control: var(--radius-sm);--radius-surface: var(--radius-lg);--radius-chip: var(--radius-full);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .3);--shadow-1: var(--shadow-md);--shadow-hover: var(--shadow-lg), 0 0 20px rgba(var(--brand-rgb), .2);--card-shine-border: rgba(var(--brand-rgb), .3);--backdrop-blur: 10px;--duration-rapid: .12s;--duration-fast: .3s;--duration-medium: .4s;--duration-slow: .6s;--duration-hero: 1s;--duration-fade: .8s;--easing-standard: cubic-bezier(.2, 0, .2, 1);--easing-emphasized: cubic-bezier(.175, .885, .32, 1.275);--easing-out: ease-out;--z-negative: -1;--z-base: 0;--z-overlay: 1000;--z-cursor: 9999;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--color-black-900: #0c0c0c;--color-black-800: #0f0f0f;--color-black-700: #1a1a1a;--color-white: #ffffff;--color-text: #e0e0e0;--color-text-muted: #b0b0b0;--color-text-subtle: #888;--color-primary: #4ecdc4;--color-primary-hover: #26c6da;--color-secondary: #ff6b6b;--color-secondary-hover: #ff5252;--color-tertiary: #7f3fff;--color-tertiary-hover: #6a2fe0;--brand-rgb: 78, 205, 196;--color-brand: var(--color-primary);--color-brand-hover: var(--color-primary-hover);--color-accent: var(--color-tertiary);--color-accent-strong: var(--color-tertiary-hover);--color-error: var(--color-secondary);--color-error-strong: var(--color-secondary-hover);--color-success: var(--color-primary);--color-warning: #ffbf3f;--color-surface: rgba(30, 30, 30, .8);--color-surface-2: rgba(20, 20, 20, .9);--color-surface-elevated: var(--color-surface-2);--color-border: rgba(255, 255, 255, .1);--color-overlay: rgba(0, 0, 0, .3);--surface: var(--color-surface);--surface-elevated: var(--color-surface-2);--surface-border: var(--color-border);--surface-border-strong: rgba(255, 255, 255, .2);--surface-active: rgba(255, 255, 255, .08);--surface-hover: rgba(255, 255, 255, .06);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--text-tertiary: var(--color-text-subtle);--text-heading: var(--color-white);--brand: var(--color-brand);--brand-contrast: var(--color-white);--accent: var(--color-accent);--danger: var(--color-error);--bg-app: linear-gradient(135deg, var(--color-black-900) 0%, var(--color-black-700) 50%, var(--color-black-800) 100%);--bg-hero-gradient: linear-gradient(45deg, var(--color-error), var(--brand), var(--color-accent));--gradient-brand: linear-gradient(135deg, var(--color-error), var(--brand));--bg-scrollbar-thumb: linear-gradient(45deg, var(--color-error), var(--brand));--bg-scrollbar-thumb-hover: linear-gradient(45deg, var(--color-error-strong), var(--color-accent-strong));--border-width-1: 1px;--focus-ring-width: 2px;--focus-ring-color: var(--brand);--particle-size: 2px;--category-color-1: rgba(153,153,255,.9);--category-color-2: rgba(255,153,153,.9);--category-color-3: rgba(102,255,255,.9);--category-color-4: rgba(191, 127, 255, .9);--category-color-5: rgba(255, 191, 63, .9);--category-color-6: rgba(63, 255, 191, .9);--category-color-7: rgba(127, 63, 255, .9);--category-color-8: rgba(255, 127, 191, .9);--category-color-9: rgba(191, 255, 127, .9);--palette-berry-red: #b8255f;--palette-red: #db4035;--palette-orange: #ff9933;--palette-yellow: #fad000;--palette-olive-green: #afb83b;--palette-lime-green: #7ecc49;--palette-green: #299438;--palette-mint-green: #6accbc;--palette-teal: #158fad;--palette-sky-blue: #14aaf5;--palette-light-blue: #96c3eb;--palette-blue: #4073ff;--palette-grape: #884dff;--palette-violet: #af38eb;--palette-lavender: #eb96eb;--palette-magenta: #e05194;--palette-salmon: #ff8d85;--palette-charcoal: #808080;--palette-grey: #b8b8b8;--palette-taupe: #ccac93;--palette-periwinkle: #a3a3ff;--palette-coral: #ffa3a3;--palette-cyan: #75ffff;--palette-orchid: #c58cff;--palette-gold: #ffc552;--palette-spring-green: #52ffc5;--palette-indigo: #8c52ff;--palette-pink: #ff8cc5;--palette-chartreuse: #c5ff8c;--palette-category-1: var(--palette-periwinkle);--palette-category-2: var(--palette-coral);--palette-category-3: var(--palette-cyan);--palette-category-4: var(--palette-orchid);--palette-category-5: var(--palette-gold);--palette-category-6: var(--palette-spring-green);--palette-category-7: var(--palette-indigo);--palette-category-8: var(--palette-pink);--palette-category-9: var(--palette-chartreuse);--chart-grid-color: rgba(255, 255, 255, .1);--chart-axis-color: var(--text-tertiary)}[data-theme=light]{--text-primary: #111111;--text-secondary: #555555;--text-tertiary: #777777;--text-heading: #000000;--surface: #ffffff;--surface-elevated: #f7f8fa;--surface-border: rgba(0, 0, 0, .1);--surface-border-strong: rgba(0, 0, 0, .2);--surface-active: rgba(0, 0, 0, .06);--surface-hover: rgba(0, 0, 0, .05);--color-surface: #ffffff;--color-surface-elevated: #f7f8fa;--color-border: rgba(0, 0, 0, .1);--color-text: #111111;--color-text-muted: #555555;--color-text-subtle: #777777;--bg-app: linear-gradient(135deg, #fafafa 0%, #f2f2f2 50%, #ffffff 100%);--brand: var(--color-brand);--brand-contrast: #ffffff;--accent: var(--color-accent);--danger: var(--color-error);--bg-scrollbar-thumb: linear-gradient(45deg, var(--color-error), var(--brand));--bg-scrollbar-thumb-hover: linear-gradient(45deg, var(--color-error-strong), var(--color-accent-strong))}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;min-height:100vh;font-family:var(--font-family-sans);line-height:var(--line-height-base);background:var(--bg-app);background-attachment:fixed;color:var(--color-text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 15% 20%,var(--color-brand),transparent),radial-gradient(1.5px 1.5px at 80% 35%,rgba(var(--brand-rgb),.7),transparent),radial-gradient(1px 1px at 45% 70%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 65% 88%,var(--color-brand),transparent),radial-gradient(1px 1px at 30% 50%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 92% 78%,rgba(var(--brand-rgb),.6),transparent),radial-gradient(1px 1px at 8% 80%,rgba(255,255,255,.5),transparent);background-size:220px 220px;background-repeat:repeat;animation:site-twinkle 6s ease-in-out infinite,site-drift 90s linear infinite}@keyframes site-twinkle{0%,to{opacity:.35}50%{opacity:.9}}@keyframes site-drift{0%{background-position:0 0}to{background-position:0 -220px}}@media (prefers-reduced-motion: reduce){body:before{animation:none}}.lucide{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-border-strong);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--surface-border-strong) transparent}}.ui-particles{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-negative);overflow:hidden}.ui-particle{position:absolute;width:var(--particle-size);height:var(--particle-size);background:var(--color-brand);border-radius:var(--radius-full);opacity:0;animation:ui-particle-float 6s ease-in-out infinite}@keyframes ui-particle-float{0%,to{transform:translateY(0) translate(0);opacity:0}50%{transform:translateY(-100px) translate(50px);opacity:1}}@media (prefers-reduced-motion: reduce){.ui-particle{animation:none}}.ui-card{position:relative;overflow:hidden;background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border);box-shadow:var(--shadow-md);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur))}.ui-card--shine,.ui-card--lift{transition:transform var(--duration-medium) var(--easing-emphasized),box-shadow var(--duration-medium) var(--easing-emphasized),border-color var(--duration-medium) var(--easing-emphasized)}.ui-card--shine:before{content:"";position:absolute;inset:0 auto 0 -100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left var(--duration-slow) var(--easing-standard);pointer-events:none}.ui-card--shine:hover:before{left:100%}.ui-card--shine:hover{box-shadow:var(--shadow-hover);border-color:var(--card-shine-border)}.ui-card--shine:hover .ui-card__title{color:var(--color-brand)}.ui-card--lift{cursor:pointer}.ui-card--lift:hover{transform:translateY(-10px)}@media (prefers-reduced-motion: reduce){.ui-card--shine,.ui-card--shine:before,.ui-card--lift{transition:none}.ui-card--lift:hover{transform:none}}.ui-card__meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--text-tertiary)}.ui-card__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-4);transition:color var(--duration-fast) var(--easing-standard)}.ui-card__excerpt{color:var(--text-secondary);margin-bottom:var(--space-5);line-height:var(--line-height-relaxed)}.ui-link-more{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-brand);text-decoration:none;font-weight:600;transition:transform var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.ui-link-more:after{content:"→";transition:transform var(--duration-fast) var(--easing-standard)}.ui-link-more:hover{transform:translate(5px);color:var(--color-secondary)}.ui-link-more:hover:after{transform:translate(5px)}.ui-btn{display:inline-flex;align-items:center;gap:var(--space-2);font:inherit;padding:.6rem .9rem;border:var(--border-width-1) solid transparent;border-radius:var(--radius-control);white-space:nowrap;flex-shrink:0;cursor:pointer;transition:background var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.ui-btn--primary{background:var(--color-brand);color:var(--brand-contrast)}.ui-btn--primary:hover:not(:disabled){background:var(--color-brand-hover)}.ui-btn--ghost{background:var(--color-surface);color:inherit;border-color:var(--color-border)}.ui-btn--danger{background:var(--color-error);color:#fff}.ui-btn--danger:hover:not(:disabled){background:var(--color-error-strong)}.ui-field label{display:block;font-size:var(--font-size-sm);margin:.75rem 0 .25rem}.ui-field input,.ui-field .ui-select{width:100%;box-sizing:border-box;padding:.6rem .75rem;border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit}.ui-select-wrap{position:relative}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-7);font:inherit;cursor:pointer}.ui-select__chevron{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.ui-msg{margin-top:.6rem;font-size:var(--font-size-sm);min-height:1.2em;color:var(--color-error)}.ui-msg--ok{color:var(--color-success)}.ui-navbar{position:fixed;top:0;left:0;width:100%;z-index:var(--z-overlay);padding:var(--space-4) 0;background:var(--color-surface-2);backdrop-filter:blur(calc(var(--backdrop-blur) * 2));-webkit-backdrop-filter:blur(calc(var(--backdrop-blur) * 2));border-bottom:var(--border-width-1) solid var(--color-border);transition:transform var(--duration-fast) var(--easing-standard)}.ui-navbar--hidden{transform:translateY(-100%)}.ui-navbar__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding-x);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.ui-navbar__logo{font-size:var(--font-size-xl);font-weight:700;color:var(--text-heading)}.ui-navbar__links{display:flex;list-style:none;gap:var(--space-6);margin:0;padding:0}.ui-navbar__actions{display:flex;align-items:center;gap:var(--space-5);margin-left:auto}.ui-navbar__link{position:relative;display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary);text-decoration:none;font-weight:500;transition:color var(--duration-fast) var(--easing-standard),transform var(--duration-fast) var(--easing-standard)}.ui-navbar__link svg{width:16px;height:16px;flex-shrink:0}.ui-navbar__link:hover{color:var(--color-brand);transform:translateY(-2px)}.ui-navbar__link:after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:2px;background:var(--bg-scrollbar-thumb);transform:translate(-50%);transition:width var(--duration-fast) var(--easing-standard)}.ui-navbar__link:hover:after,.ui-navbar__link--active:after{width:100%}.ui-navbar__link--active{color:var(--color-brand)}.ui-account{display:flex;align-items:center;gap:var(--space-3)}.ui-account__name{color:var(--text-primary);text-decoration:none;font-weight:600;transition:color var(--duration-fast) var(--easing-standard)}.ui-account__name:hover{color:var(--color-brand)}.ui-account__logout{font:inherit;font-size:var(--font-size-sm);padding:.3rem .7rem;color:var(--text-secondary);background:transparent;border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:color var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard)}.ui-account__logout:hover{color:var(--color-error);border-color:var(--color-error)}.ui-account__logout:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.ui-account__name--button{background:none;border:none;padding:0;font:inherit;cursor:pointer}.ui-dropdown{position:relative;display:inline-flex}.ui-dropdown__panel{position:absolute;top:100%;right:0;z-index:var(--z-overlay);margin-top:var(--space-2);min-width:12rem;background:var(--color-surface-2);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-surface);box-shadow:var(--shadow-lg);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.ui-dropdown__panel--left{right:auto;left:0;font-size:var(--font-size-md);font-weight:400}.ui-dropdown__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.ui-dropdown__item{display:flex;align-items:center;gap:var(--space-2);width:100%;box-sizing:border-box;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);color:var(--text-primary);text-decoration:none;font:inherit;background:transparent;border:none;cursor:pointer;transition:background var(--duration-rapid) var(--easing-standard)}a.ui-dropdown__item:hover,button.ui-dropdown__item:hover:not(:disabled){background:#ffffff0f}.ui-dropdown__item svg{width:16px;height:16px;flex-shrink:0}.ui-dropdown__item--active{color:var(--text-tertiary);cursor:default}.ui-dropdown__divider{height:var(--border-width-1);margin:var(--space-1) 0;background:var(--color-border)}@media (max-width: 768px){.ui-navbar__links{display:none}.ui-navbar__container{padding:0 var(--container-padding-x-sm)}}@media (prefers-reduced-motion: reduce){.ui-navbar,.ui-navbar__link,.ui-navbar__link:after{transition:none}.ui-navbar__link:hover{transform:none}}.ui-iconbtn{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:var(--space-2);border:none;border-radius:var(--radius-control);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background var(--duration-rapid) var(--easing-standard),color var(--duration-rapid) var(--easing-standard)}.ui-iconbtn:hover:not(:disabled),.ui-iconbtn:focus-visible{background:#ffffff0f;color:var(--text-primary)}.ui-iconbtn--danger:hover:not(:disabled),.ui-iconbtn--danger:focus-visible{background:#ffffff0f;color:var(--danger)}.ui-iconbtn:disabled{opacity:.5;cursor:not-allowed}.ui-iconbtn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-overlay);animation:ui-modal-fade var(--duration-fast) var(--easing-standard)}.ui-modal-backdrop--top{align-items:flex-start;padding-top:var(--space-6)}.ui-modal{width:calc(100% - 2 * var(--space-4));max-width:40rem;max-height:calc(100vh - 2 * var(--space-4));overflow-y:auto;box-sizing:border-box;padding:var(--space-6);background:var(--surface-elevated);border:var(--border-width-1) solid var(--surface-border);border-radius:var(--radius-surface);box-shadow:var(--shadow-lg);animation:ui-modal-in var(--duration-fast) var(--easing-standard)}.ui-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:var(--border-width-1) solid var(--surface-border)}.ui-modal__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-heading)}.ui-modal__body{color:var(--text-primary)}.ui-modal__foot{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5)}@keyframes ui-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-in{0%{opacity:0;transform:translateY(var(--space-2)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.ui-modal-backdrop,.ui-modal{animation:none}}.ui-toast{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%);z-index:var(--z-overlay);display:flex;align-items:center;gap:var(--space-3);max-width:calc(100% - 2 * var(--space-4));padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:var(--border-width-1) solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-primary);animation:ui-toast-in var(--duration-fast) var(--easing-standard)}.ui-toast__icon{flex:none;color:var(--text-secondary)}.ui-toast__icon--success{color:var(--brand)}.ui-toast__icon--error{color:var(--danger)}.ui-toast__message{flex:1;min-width:0}.ui-toast__action{flex:none;font:inherit;background:transparent;border:none;color:var(--brand);font-weight:600;cursor:pointer}@keyframes ui-toast-in{0%{opacity:0;transform:translate(-50%,var(--space-3))}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.ui-toast{animation:none}}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-chip);font-size:var(--font-size-xs);font-weight:600;line-height:1.4}.ui-badge--brand{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand)}.ui-badge--neutral{background:color-mix(in srgb,var(--text-secondary) 14%,transparent);color:var(--text-secondary)}.ui-badge--danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.ui-badge--warning{background:color-mix(in srgb,var(--color-warning) 14%,transparent);color:var(--color-warning)}.ui-seg{display:inline-flex;border:var(--border-width-1) solid var(--surface-border);border-radius:var(--radius-control);overflow:hidden}.ui-seg__btn{font:inherit;white-space:nowrap;padding:var(--space-1) var(--space-3);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-rapid) var(--easing-standard),color var(--duration-rapid) var(--easing-standard)}.ui-seg__btn.is-active{background:var(--surface-active);color:var(--brand);font-weight:600}.ui-seg__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.ui-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:var(--border-width-1) solid var(--surface-border);list-style:none}.ui-row:last-child{border-bottom:none}.ui-row__body{flex:1;min-width:0}.ui-row__actions{flex:none;display:flex;gap:var(--space-2);opacity:0;transition:opacity var(--duration-rapid) var(--easing-standard)}.ui-row:hover .ui-row__actions,.ui-row__actions:focus-within{opacity:1}@media (hover: none){.ui-row__actions{opacity:1}}.ui-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-7) var(--space-4);color:var(--text-tertiary)}.ui-empty__icon{margin-bottom:var(--space-3);font-size:2rem}.ui-spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-chip);animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ui-spinner{animation-duration:1.6s}}.ui-pagehead{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.ui-pagehead__title{flex:1;min-width:0}.ui-pagehead__title h1{margin:0;font-size:var(--font-size-xl);color:var(--text-heading)}.ui-pagehead__subtitle{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary)}.ui-pagehead__actions{flex:none;display:flex;gap:var(--space-2)}.ui-swatch{position:relative;flex:0 0 auto;line-height:0}.ui-swatch__dot{display:block;width:14px;height:14px;border-radius:var(--radius-full);border:1px solid var(--surface-border-strong);padding:0;cursor:pointer}.ui-swatch__pop{position:absolute;top:calc(100% + 4px);left:0;z-index:var(--z-overlay);display:grid;grid-template-columns:repeat(5,18px);gap:var(--space-2);padding:var(--space-3);background:var(--surface-elevated);border:var(--border-width-1) solid var(--surface-border-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-lg);max-width:calc(100vw - 2 * var(--space-4))}.ui-swatch__pop--right{left:auto;right:0}.ui-swatch__cell{display:block;width:18px;height:18px;border-radius:var(--radius-full);border:2px solid transparent;padding:0;cursor:pointer}.ui-swatch__cell.is-on{border-color:var(--text-primary)}.ui-manage-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:var(--border-width-1) solid var(--surface-border)}.ui-manage-row--add{border-bottom:none;border-top:2px solid var(--surface-border-strong);padding-top:var(--space-4);margin-top:var(--space-2)}.ui-manage-dot{width:12px;height:12px;border-radius:var(--radius-full);flex:0 0 12px}.ui-manage-name{flex:1 1 auto;min-width:0;border:var(--border-width-1) solid transparent;border-radius:var(--radius-control);padding:var(--space-1) var(--space-2);font-size:var(--font-size-md);background:transparent;color:var(--text-primary)}.ui-manage-name:focus{border-color:var(--surface-border-strong);outline:none}.ui-manage-row-group{display:flex;flex-direction:column}.ui-manage-row__extra{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-bottom:var(--space-2)}.ui-manage-row__extra-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary)}.ui-tree-list{display:flex;flex-direction:column;gap:var(--space-2)}.ui-tree-row{gap:var(--space-3)}.ui-tree-row.is-dragging{opacity:.45}.ui-tree-row.is-drop-before{box-shadow:inset 0 2px 0 var(--brand)}.ui-tree-row.is-drop-after{box-shadow:inset 0 -2px 0 var(--brand)}.ui-tree-row.is-drop-nest{background:color-mix(in srgb,var(--brand) 14%,transparent);box-shadow:inset 0 0 0 1px var(--brand);border-radius:var(--radius-control)}.ui-tree-row__handle{flex:0 0 auto;cursor:grab;color:var(--text-secondary);line-height:1;padding:0 var(--space-1);-webkit-user-select:none;user-select:none}.ui-tree-row__handle:active{cursor:grabbing}.ui-tree-row__handle--placeholder{visibility:hidden}.ui-tree-row__star,.ui-tree-row__act{flex:0 0 auto;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-control);padding:var(--space-1);line-height:1;font-size:var(--font-size-md)}.ui-tree-row__star:hover,.ui-tree-row__act:hover{background:var(--surface-hover)}.ui-tree-row__star.is-on{color:var(--color-warning)}.ui-tree-row__act--danger:hover{color:var(--danger)}body{padding-top:72px}.home{min-height:100vh;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-family-sans);overflow-x:hidden;padding-top:var(--space-6);padding-bottom:var(--space-8)}.home-section{max-width:var(--container-max);margin:0 auto;padding:var(--space-6) var(--container-padding-x) 0}@media (max-width: 720px){.home-section{padding:var(--space-5) var(--container-padding-x-sm) 0}}.home-section__label{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:var(--space-2);margin-bottom:var(--space-4)}.home-section__title-group{display:flex;align-items:baseline;gap:var(--space-3)}.home-section__num{font-size:var(--font-size-lg);font-weight:800;font-family:monospace;color:#ffffff26;letter-spacing:.1em}.home-section h2{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--text-heading);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(90deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-section__more-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--easing-standard)}.home-section__more-link:hover{color:var(--brand)}.home-section__more-link svg{transition:transform var(--duration-fast) var(--easing-standard)}.home-section__more-link:hover svg{transform:translate(3px)}.home-blog-wrapper{position:relative;width:100%}.home-blog-slider{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:var(--space-2) 0 var(--space-4);scrollbar-width:none}.home-blog-slider::-webkit-scrollbar{display:none}.home-blog-card{flex:0 0 calc(33.333% - var(--space-4));scroll-snap-align:start;min-width:290px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-surface);padding:var(--space-4);display:flex;flex-direction:column;justify-content:space-between;height:200px;text-decoration:none;transition:all var(--duration-medium) var(--easing-emphasized);box-shadow:var(--shadow-sm)}@media (max-width: 960px){.home-blog-card{flex:0 0 calc(50% - var(--space-3))}}@media (max-width: 600px){.home-blog-card{flex:0 0 100%}}.home-blog-card:hover{transform:translateY(-6px);background:#ffffff0f;border-color:var(--card-shine-border);box-shadow:var(--shadow-hover)}.home-blog-card--skeleton{opacity:.6;pointer-events:none}.home-blog-card__skeleton-line{height:16px;background:#ffffff0f;border-radius:var(--radius-xs)}.home-blog-card__skeleton-block{height:40px;background:#ffffff08;border-radius:var(--radius-xs);margin-top:var(--space-2)}.home-blog-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.home-blog-card__categories{display:flex;gap:var(--space-1)}.home-blog-card__date{font-size:var(--font-size-xs);color:var(--text-tertiary)}.home-blog-card__title{margin:0 0 var(--space-2);font-size:var(--font-size-md);font-weight:700;color:var(--text-heading);line-height:var(--line-height-tight);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--duration-fast) var(--easing-standard)}.home-blog-card:hover .home-blog-card__title{color:var(--brand)}.home-blog-card__excerpt{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-blog-card__footer{margin-top:auto;display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:600;color:var(--brand)}.home-blog-card__footer svg{transition:transform var(--duration-fast) var(--easing-standard)}.home-blog-card:hover .home-blog-card__footer svg{transform:translate(3px)}.home-blog-controls{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:calc(-1 * var(--space-2));margin-bottom:var(--space-2)}.home-blog-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--easing-standard)}.home-blog-btn:hover{background:#ffffff14;color:var(--brand);border-color:var(--card-shine-border)}.home-blog-btn:active{transform:scale(.92)}.home-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-2)}@media (max-width: 900px){.home-grid-2col{grid-template-columns:1fr;gap:var(--space-4)}}.home-widget{background:#ffffff05;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-surface);padding:var(--space-5);box-shadow:var(--shadow-md);display:flex;flex-direction:column}.home-widget__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.home-widget__title{display:flex;align-items:center;gap:var(--space-3)}.home-widget__icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);background:rgba(var(--brand-rgb),.12);color:var(--brand)}.home-widget__icon--purple{background:#7f3fff1f;color:var(--color-tertiary)}.home-widget__icon--coral{background:#ff6b6b1f;color:var(--color-secondary)}.home-widget h3{margin:0;font-size:var(--font-size-md);font-weight:700;color:var(--text-heading)}.home-widget__desc{margin:2px 0 0;font-size:var(--font-size-xs);color:var(--text-tertiary)}.todo-cal-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-3)}.todo-cal-nav__label{font-size:var(--font-size-sm);font-weight:700;color:var(--text-secondary);min-width:9em;text-align:center}.todo-widget__calendar{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.todo-days-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:var(--space-2)}.todo-days-header__cell{font-size:var(--font-size-xs);font-weight:700;color:var(--text-tertiary)}.todo-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.todo-days-grid--month{grid-template-rows:repeat(6,1fr)}.todo-days-grid--month .todo-day-cell{aspect-ratio:auto;min-height:34px}.todo-day-cell{aspect-ratio:1;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm);padding:4px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;position:relative;transition:all var(--duration-fast) var(--easing-standard)}.todo-day-cell:hover{background:#ffffff0d;border-color:rgba(var(--brand-rgb),.2)}.todo-day-cell--today{background:rgba(var(--brand-rgb),.08);border-color:var(--brand)}.todo-day-cell--selected{background:rgba(var(--brand-rgb),.15);border-color:var(--brand);box-shadow:0 0 10px rgba(var(--brand-rgb),.15)}.todo-day-number{font-size:var(--font-size-xs);font-weight:700;color:var(--text-secondary)}.todo-day-cell--today .todo-day-number{color:var(--brand)}.todo-day-cell--outside{opacity:.35}.todo-task-indicator-row{display:flex;justify-content:center;gap:2px}.todo-task-dot{width:4px;height:4px;border-radius:50%;background:var(--brand)}.todo-task-dot--completed{background:var(--text-tertiary);opacity:.5}.todo-agenda{background:#00000026;border-radius:var(--radius-control);padding:var(--space-3);min-height:120px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.03)}.todo-agenda__title{font-size:var(--font-size-xs);font-weight:700;color:var(--text-secondary);margin-bottom:var(--space-2)}.todo-task-list{display:flex;flex-direction:column;gap:6px;max-height:140px;overflow-y:auto}.todo-task-item{display:flex;align-items:center;gap:var(--space-2);padding:4px var(--space-2);border-radius:var(--radius-xs);background:#ffffff05;border:1px solid transparent;transition:all var(--duration-fast) var(--easing-standard);cursor:pointer}.todo-task-item:hover{background:#ffffff0a;border-color:#ffffff0a}.todo-checkbox{flex:none;width:16px;height:16px;border-radius:50%;border:2px solid var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--easing-standard)}.todo-checkbox--completed{border-color:var(--text-tertiary);background:#ffffff1a}.todo-checkbox__inner{width:8px;height:8px;border-radius:50%;background:transparent;transition:background var(--duration-fast) var(--easing-standard)}.todo-task-item:hover .todo-checkbox{border-color:var(--brand)}.todo-task-item:hover .todo-checkbox__inner{background:rgba(var(--brand-rgb),.4)}.todo-checkbox--completed .todo-checkbox__inner{background:var(--text-tertiary)}.todo-task-text{font-size:var(--font-size-sm);color:var(--text-primary);transition:all var(--duration-fast) var(--easing-standard);-webkit-user-select:none;user-select:none}.todo-task-text--completed{color:var(--text-tertiary);text-decoration:line-through}.todo-empty-state{font-size:var(--font-size-sm);color:var(--text-tertiary);text-align:center;padding:var(--space-4) 0}.todo-quickadd{display:flex;gap:var(--space-2);margin-top:var(--space-3);border-top:1px solid rgba(255,255,255,.04);padding-top:var(--space-3)}.todo-quickadd__input{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--font-size-sm);outline:none;transition:all var(--duration-fast) var(--easing-standard)}.todo-quickadd__input:focus{border-color:var(--brand);background:#ffffff0f;box-shadow:0 0 0 var(--focus-ring-width) rgba(var(--brand-rgb),.15)}.todo-quickadd__btn{background:var(--brand);color:#000;border:0;border-radius:var(--radius-control);padding:0 var(--space-3);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--easing-standard)}.todo-quickadd__btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.todo-quickadd__btn:active{transform:scale(.96)}.db-widget__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.db-stat-mini{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);text-align:center}.db-stat-mini__label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:2px}.db-stat-mini__val{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary)}.db-chart-panel{position:relative;background:#00000026;border-radius:var(--radius-control);padding:var(--space-3);border:1px solid rgba(255,255,255,.03)}.db-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.db-chart-toggle{display:flex;background:#ffffff0a;border-radius:var(--radius-control);padding:2px}.db-chart-toggle__btn{background:transparent;border:0;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;padding:3px var(--space-3);border-radius:var(--radius-control);cursor:pointer;transition:all var(--duration-fast) var(--easing-standard)}.db-chart-toggle__btn--active{background:#ffffff14;color:var(--brand)}.xfin-section{margin-top:var(--space-5)}.xfin-widget{background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-surface);padding:var(--space-5);box-shadow:var(--shadow-md);margin-top:var(--space-2)}.mt-table-wrap{overflow-x:auto;border:1px solid var(--surface-border);border-radius:var(--radius-surface)}.mt-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.mt-table th,.mt-table td{border-bottom:1px solid var(--surface-border);padding:var(--space-2) var(--space-3);white-space:nowrap}.mt-table thead th{color:var(--text-tertiary);font-weight:500;text-align:center;background:var(--surface)}.mt-sticky{position:sticky;left:0;z-index:1;background:var(--bg-app);text-align:left}.mt-table thead .mt-sticky{background:var(--surface);z-index:2}.mt-corner{min-width:160px}.mt-day{min-width:56px}.mt-day.is-today,.mt-cell.is-today,.mt-detail-cell.is-today{background:color-mix(in srgb,var(--brand) 10%,transparent)}.mt-aggregate-head{min-width:96px}.mt-rowhead{min-width:160px}.mt-rowtoggle{display:inline-flex;align-items:center;gap:var(--space-1);font:inherit;color:var(--text-primary);background:transparent;border:none;cursor:pointer;padding:0}.mt-rowtoggle svg{width:14px;height:14px;flex-shrink:0;color:var(--text-tertiary)}.mt-cell{text-align:center;min-width:56px}.mt-cell--aggregate{font-weight:500}.mt-amount-lines{display:flex;flex-direction:column;gap:1px}.mt-amount-line{white-space:nowrap}.mt-amount-currency{margin-right:2px;font-size:var(--font-size-xs);color:var(--text-tertiary)}.mt-committed{color:var(--text-primary);font-variant-numeric:tabular-nums}.mt-delta{margin-left:2px;font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.mt-delta--red{color:var(--color-error)}.mt-delta--green{color:var(--color-success)}.mt-row--detail .mt-detail-cell{background:var(--surface);padding:var(--space-2) var(--space-3);white-space:normal;vertical-align:top}.mt-chips{display:flex;flex-direction:column;gap:var(--space-1);align-items:stretch}.mt-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px var(--space-2);border:1px solid var(--surface-border);border-radius:var(--radius-control);background:var(--surface);font:inherit;font-size:var(--font-size-xs);color:var(--text-primary);text-align:left;cursor:default}button.mt-chip--committed{cursor:pointer}button.mt-chip--committed:hover{border-color:var(--brand)}.mt-chip--pending{background:color-mix(in srgb,var(--color-warning) 15%,transparent);border-color:color-mix(in srgb,var(--color-warning) 40%,transparent)}button.mt-chip--pending{cursor:pointer}button.mt-chip--pending:hover{border-color:var(--color-warning)}.mt-chip-swatch{flex:0 0 auto;width:10px;height:10px;border-radius:50%}.mt-chip-name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:16em}.mt-chip-amount{flex:0 0 auto;font-variant-numeric:tabular-nums}.mt-chip--unpostable{border-color:var(--color-warning)}.mt-chip-warning{flex:0 0 auto;width:12px;height:12px;color:var(--color-warning)}.home-tile-row{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4)}.home-tile{flex:1 1 260px;display:flex;align-items:flex-start;gap:var(--space-3);background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-surface);padding:var(--space-4);text-decoration:none;color:inherit;transition:all var(--duration-fast) var(--easing-standard)}a.home-tile:hover{transform:translateY(-2px);border-color:var(--card-shine-border);box-shadow:var(--shadow-hover);background:#ffffff0a}.home-tile--upcoming{opacity:.6}.home-tile__icon{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-full);background:rgba(var(--brand-rgb),.12);color:var(--brand)}.home-tile__body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.home-tile__name{font-weight:700;color:var(--text-heading)}.home-tile__desc{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-tight)}.home-tile__arrow{flex:none;margin-left:auto;color:var(--text-tertiary);transition:transform var(--duration-fast) var(--easing-standard)}a.home-tile:hover .home-tile__arrow{transform:translate(3px);color:var(--brand)}