.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:.625rem .875rem}.site-header .nav-bar{background:var(--nav-bar-bg, rgba(250, 250, 250, .72));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle);border-radius:10px;padding:.375rem .375rem .375rem .5rem;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:0 auto;transition:background .25s ease,border-color .25s ease}[data-theme=dark] .site-header .nav-bar{--nav-bar-bg: rgba(9, 9, 11, .72)}.site-header .nav-brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;padding:.125rem .625rem .125rem .125rem;flex-shrink:0}.site-header .brand-badge{width:2rem;height:2rem;background:var(--color-text-primary);color:var(--color-bg);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:800;letter-spacing:.04em;flex-shrink:0;font-family:Satoshi,system-ui,sans-serif;transition:background .25s ease,color .25s ease,opacity .15s ease}.site-header .nav-brand:hover .brand-badge{opacity:.82}.site-header .brand-name{font-family:Georgia,Palatino Linotype,serif;font-size:.6875rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-secondary);transition:color .25s ease}.site-header .nav-right,.site-header .nav-links{display:flex;align-items:center;gap:.25rem}.site-header .nav-link{padding:.5rem .9375rem;border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:all .15s ease;cursor:pointer;background:none;border:none;font-family:inherit;white-space:nowrap;letter-spacing:.01em;line-height:1}.site-header .nav-link:hover{color:var(--color-text-primary);background:var(--color-surface-raised)}.site-header .nav-link.active{background:var(--color-text-primary);color:var(--color-bg);font-weight:600}.site-header .nav-link.active:hover{background:var(--color-text-primary);color:var(--color-bg);opacity:.88}.site-header .nav-register{border:1px solid var(--color-border)}.site-header .nav-register:hover{border-color:var(--color-text-secondary)}.site-header .nav-logout{color:var(--color-danger)!important}.site-header .nav-logout:hover{background:#dc282814;color:var(--color-danger)!important}.site-header .nav-actions{display:flex;align-items:center;gap:.125rem;border-left:1px solid var(--color-border);margin-left:.5rem;padding-left:.375rem}.site-header .nav-auth{display:flex;align-items:center;gap:.125rem}.site-header .nav-icon-btn{width:2rem;height:2rem;border-radius:9999px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8125rem;transition:all .15s ease;flex-shrink:0}.site-header .nav-icon-btn:hover{background:var(--color-surface-raised);color:var(--color-text-primary)}.site-header .nav-mobile-actions{display:none}.site-header .nav-burger{width:2rem;height:2rem;border-radius:6px;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;flex-shrink:0}.site-header .nav-burger span{display:block;width:15px;height:1.5px;background:var(--color-text-secondary);border-radius:9999px;transition:all .2s ease;transform-origin:center}.site-header .nav-burger:hover span{filter:brightness(1.2)}.site-header .nav-burger.open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.site-header .nav-burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.site-header .nav-burger.open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.site-header .mobile-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.5rem;margin-top:.375rem;max-width:1440px;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-lg);animation:siteHeaderSlideDown .18s ease}@keyframes siteHeaderSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.site-header .mobile-link{display:flex;align-items:center;gap:.75rem;padding:.6875rem .875rem;border-radius:7px;color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .15s ease;cursor:pointer;background:none;border:none;width:100%;font-family:inherit;letter-spacing:.01em}.site-header .mobile-link i{width:1.125rem;text-align:center;font-size:.875rem;opacity:.7;flex-shrink:0}.site-header .mobile-link:hover{background:var(--color-surface-raised);color:var(--color-text-primary)}.site-header .mobile-link.active{background:var(--color-text-primary);color:var(--color-bg);font-weight:600}.site-header .mobile-link.active i{opacity:1}.site-header .mobile-link.active:hover{opacity:.88}.site-header .mobile-register{margin-top:.25rem;border:1px solid var(--color-border)}.site-header .mobile-register:hover{border-color:var(--color-text-secondary)}.site-header .mobile-logout{color:var(--color-danger)!important}.site-header .mobile-logout:hover{background:#dc282814}.site-header .mobile-divider{height:1px;background:var(--color-border);margin:.5rem .25rem}@media(max-width:640px){.site-header .nav-right{display:none}.site-header .nav-mobile-actions{display:flex;align-items:center;gap:.25rem}.site-header .brand-name{display:none}}:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-surface-raised: #f4f4f5;--color-card: var(--color-surface);--color-border: #e4e4e7;--color-border-subtle: #f4f4f5;--color-accent: hsl(160, 75%, 18%);--color-accent-dark: hsl(160, 80%, 12%);--color-accent-light: hsl(158, 58%, 48%);--color-accent-subtle: hsl(160, 55%, 94%);--color-primary: var(--color-accent);--color-primary-dark: var(--color-accent-dark);--color-primary-light: var(--color-accent-light);--color-text-primary: #18181b;--color-text-secondary: #52525b;--color-text-muted: #5c5c5d;--status-active-bg: hsla(160, 75%, 18%, .07);--status-active-fg: hsl(160, 75%, 16%);--status-active-border: hsla(160, 75%, 18%, .22);--status-postponed-bg: hsla(38, 90%, 48%, .09);--status-postponed-fg: hsl(32, 75%, 28%);--status-postponed-border: hsla(38, 90%, 48%, .28);--status-muted-bg: #f4f4f5;--status-muted-fg: #52525b;--status-muted-border: #d4d4d8;--color-success: var(--color-accent);--color-danger: #dc2626;--color-warning: #d97706;--color-info: #2563eb;--color-secondary: #52525b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 2px 6px -1px rgb(0 0 0 / .07);--shadow-lg: 0 8px 18px -3px rgb(0 0 0 / .09);--shadow-xl: 0 16px 28px -5px rgb(0 0 0 / .1);--font-sans: "Satoshi", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "JetBrains Mono Variable", "Courier New", Courier, monospace;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-card: 2px;--radius-full: 9999px;--transition-all: all .18s ease}[data-theme=dark]{--color-bg: #09090b;--color-surface: #18181b;--color-surface-raised: #27272a;--color-card: var(--color-surface);--color-border: #3f3f46;--color-border-subtle: #27272a;--color-accent: hsl(158, 60%, 52%);--color-accent-dark: hsl(158, 60%, 42%);--color-accent-light: hsl(158, 68%, 64%);--color-accent-subtle: hsla(158, 60%, 52%, .12);--color-text-primary: #fafafa;--color-text-secondary: #a1a1aa;--color-text-muted: #5d5d5f;--status-active-bg: hsla(158, 60%, 52%, .12);--status-active-fg: hsl(158, 60%, 62%);--status-active-border: hsla(158, 60%, 52%, .28);--status-postponed-bg: hsla(38, 85%, 55%, .12);--status-postponed-fg: hsl(38, 85%, 68%);--status-postponed-border: hsla(38, 85%, 55%, .28);--status-muted-bg: #27272a;--status-muted-fg: #a1a1aa;--status-muted-border: #3f3f46;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .4);--shadow-md: 0 4px 8px -1px rgb(0 0 0 / .5);--shadow-lg: 0 10px 20px -3px rgb(0 0 0 / .55);--shadow-xl: 0 20px 30px -5px rgb(0 0 0 / .6)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;transition:background-color .25s ease,color .25s ease}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-content{padding-top:5.25rem;min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;border-radius:var(--radius-md);transition:var(--transition-all);cursor:pointer;border:none;font-size:.875rem;gap:var(--spacing-xs);letter-spacing:.01em;font-family:var(--font-sans)}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-dark)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{filter:brightness(90%)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-control{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition-all);width:100%;background-color:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-sans)}.form-control:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);transition:border-color .18s ease}.card:hover{border-color:var(--color-accent)}.container{width:90%;max-width:1200px;margin:0 auto;padding:var(--spacing-md)}.grid{display:grid;gap:var(--spacing-lg)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--spacing-md)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}a{color:inherit;text-decoration:none;transition:var(--transition-all)}.toast{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%) translateY(100%);background-color:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;transition:var(--transition-all);z-index:1000;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.02em;white-space:nowrap}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.toast.success{border-left:3px solid var(--color-success)}.toast.error{border-left:3px solid var(--color-danger)}.toast.info{border-left:3px solid var(--color-info)}.text-center{text-align:center}.text-primary{color:var(--color-accent)}.text-secondary{color:var(--color-text-secondary)}.font-bold{font-weight:700}.mt-2{margin-top:var(--spacing-md)}.mb-2{margin-bottom:var(--spacing-md)}