.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:50;overflow-y:auto;-webkit-user-select:none;user-select:none}.sidebar-brand{padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--border)}.sidebar-logo{font-size:1.25rem;color:var(--accent);display:block;margin-bottom:6px}.sidebar-title{font-size:var(--font-size-base);font-weight:600;color:var(--text);display:block;letter-spacing:.04em}.sidebar-subtitle{font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.sidebar-nav{flex:1;padding:var(--spacing-sm) 0;display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 16px;margin:0 8px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--sidebar-text);transition:all var(--transition-fast);text-decoration:none}.sidebar-link:hover{color:var(--text);background:var(--bg-card)}.sidebar-link--active{color:var(--sidebar-active);background:var(--sidebar-active-bg)}@media(max-width:768px){.sidebar{display:none}}.lg-screen{position:fixed;inset:0;overflow:hidden;background:#050d1c;z-index:9999;isolation:isolate}.lg-bg{position:absolute;inset:-3%;overflow:hidden;animation:lg-drift 60s ease-in-out infinite alternate;will-change:transform}@keyframes lg-drift{0%{transform:translateZ(0)}to{transform:translate3d(-1.6%,.5%,0)}}.lg-bg-img{width:100%;height:100%;object-fit:cover;object-position:center 56%;transform:scale(1.03);backface-visibility:hidden}.lg-galaxy{position:absolute;top:-16%;left:-6%;width:112%;height:auto;mix-blend-mode:screen;opacity:.92;pointer-events:none;filter:blur(.4px);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,0) 62%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 0% 52%,#0000 62% 100%);animation:lg-galaxy-drift 55s ease-in-out infinite alternate;will-change:transform}@keyframes lg-galaxy-drift{0%{transform:translateZ(0)}to{transform:translate3d(-2%,.7%,0)}}.lg-veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#060e1e00,#060e1e2e 55%,#030812a3),linear-gradient(180deg,#040a165c,#040a1608 24%,#040a160f 60%,#03081285)}.lg-grain{position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}.lg-stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.8}.lg-slowstar{position:absolute;width:var(--s, 4px);height:var(--s, 4px);opacity:0;transform:rotate(var(--rot, 0deg)) scale(.55);animation-name:lg-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:opacity,transform}.lg-slowstar .h,.lg-slowstar .v{position:absolute;left:50%;top:50%;border-radius:2px}.lg-slowstar .h{width:calc(var(--s, 4px) * 4.6);height:1.4px;transform:translate(-50%,-50%);background:linear-gradient(90deg,#cee4ff00,#e4f2fff2,#cee4ff00)}.lg-slowstar .v{width:1.4px;height:calc(var(--s, 4px) * 4.6);transform:translate(-50%,-50%);background:linear-gradient(180deg,#cee4ff00,#e4f2fff2,#cee4ff00)}.lg-slowstar .c{position:absolute;left:50%;top:50%;width:2px;height:2px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 5px 1px #d2e6fff2}.lg-slowstar .g{position:absolute;left:50%;top:50%;width:calc(var(--s, 4px) * 5);height:calc(var(--s, 4px) * 5);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#badaff66,#badaff00 70%);opacity:.25;animation:lg-halo 9s ease-in-out infinite}@keyframes lg-halo{0%,to{opacity:.16;transform:translate(-50%,-50%) scale(.85)}50%{opacity:.32;transform:translate(-50%,-50%) scale(1.12)}}@keyframes lg-twinkle{0%{opacity:0;transform:rotate(var(--rot, 0deg)) scale(.55)}50%{opacity:var(--op, .85);transform:rotate(var(--rot, 0deg)) scale(1.18)}to{opacity:0;transform:rotate(var(--rot, 0deg)) scale(.55)}}.lg-meteors{position:absolute;inset:0;pointer-events:none;overflow:hidden}.lg-meteor{position:absolute;background:linear-gradient(90deg,#96b9f000,#a0c3f624,#bed8ff80 60%,#e4f0ffe6 86%,#fff);border-radius:999px;transform:rotate(var(--ang, 24deg));transform-origin:left center;opacity:0;filter:drop-shadow(0 0 5px rgba(190,214,255,.55));animation-name:lg-meteor-run;animation-timing-function:cubic-bezier(.4,.02,.7,1);animation-iteration-count:infinite;will-change:transform,opacity}.lg-meteor:after{content:"";position:absolute;right:-3px;top:-2px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px #d2e2ffe6}@keyframes lg-meteor-run{0%{opacity:0;transform:rotate(var(--ang, 24deg)) translateZ(0) scaleX(.7)}5%{opacity:0}12%{opacity:var(--op, 1)}19%{opacity:calc(var(--op, 1) * .8)}27%{opacity:0;transform:rotate(var(--ang, 24deg)) translate3d(var(--travel, 500px),0,0) scaleX(1)}to{opacity:0;transform:rotate(var(--ang, 24deg)) translate3d(var(--travel, 500px),0,0) scaleX(1)}}.lg-slowstars{position:absolute;inset:0;pointer-events:none}@keyframes lg-twinkle{0%{opacity:0;transform:scale(.5)}50%{opacity:var(--op, .7);transform:scale(1.2)}to{opacity:0;transform:scale(.5)}}.lg-petals{position:absolute;inset:0;pointer-events:none;overflow:hidden}.lg-petal{position:absolute;top:-6vh;border-radius:62% 38% 55% 45%/55% 60% 40% 45%;background:linear-gradient(150deg,#f7d7db,#e7b0b8 55%,#d99aa4);box-shadow:0 0 6px #eebac259;animation-name:lg-petal-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes lg-petal-fall{0%{transform:translate3d(0,-4vh,0) rotate(0);opacity:0}8%{opacity:.9}78%{opacity:.9}to{transform:translate3d(var(--drift, 40px),106vh,0) rotate(340deg);opacity:0}}.lg-petals.is-burst .lg-petal{animation-duration:6s!important}.lg-stage{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center;padding:24px;transform:translateY(8vh)}.lg-form{width:min(430px,92vw);display:flex;flex-direction:column;align-items:center;animation:lg-card-in .9s cubic-bezier(.16,1,.3,1) both;transition:opacity .62s ease,transform .62s ease,filter .62s ease}@keyframes lg-card-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.lg-motto-text{margin:0;font-family:Songti SC,STSong,"Noto Serif SC","Source Han Serif SC",SimSun,serif;font-size:clamp(15px,1.85vw,18.5px);font-weight:400;letter-spacing:.14em;text-indent:.14em;line-height:2.05;color:#e0ecfab8;text-shadow:0 1px 3px rgba(3,8,18,.5),0 0 24px rgba(200,220,255,.3);text-align:center}.lg-motto-text span{display:block;animation:lg-line-in 1.15s cubic-bezier(.16,1,.3,1) both}.lg-motto-text span:nth-child(1){animation-delay:.18s}.lg-motto-text span:nth-child(2){animation-delay:.38s}.lg-motto-text span:nth-child(3){animation-delay:.58s}@keyframes lg-line-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.lg-motto{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0 26px}.lg-motto-line{width:46px;height:1px;background:linear-gradient(90deg,#d6e4fa00,#d6e4fa80)}.lg-motto-line:last-child{background:linear-gradient(90deg,#d6e4fa80,#d6e4fa00)}.lg-motto-star{color:#eedcc8e6;filter:drop-shadow(0 0 6px rgba(238,220,200,.5))}.lg-field{position:relative;width:100%;display:block}.lg-input{width:100%;height:54px;padding:0 44px;border-radius:999px;border:1px solid rgba(198,222,252,.2);background:#ffffff0b;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);box-shadow:0 1px #e0eeff1a inset,0 0 20px #96befa1a,0 12px 30px #040a1647;color:#f0f8fffa;font-size:15px;font-weight:500;letter-spacing:.14em;outline:none;transition:border-color .22s ease,box-shadow .26s ease,background .22s ease;font-family:inherit}.lg-input::placeholder{color:#d2e2f86b;letter-spacing:.12em;font-weight:400}.lg-input:focus{border-color:#d6eaff99;background:#ffffff12;box-shadow:0 1px #e0eeff29 inset,0 0 0 3px #aacdff24,0 0 34px #9ec8ff42,0 12px 30px #040a1652}.lg-input:disabled{opacity:.6}.lg-field.is-error .lg-input{border-color:#f08d96b8;background:#34101a38;box-shadow:0 1px #ffffff0f inset,0 0 26px #f08d9647,0 12px 30px #040a164d}.lg-field.is-error{animation:lg-shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes lg-shake{10%,90%{transform:translate(-1.5px)}20%,80%{transform:translate(2.5px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.lg-lock{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:#d4e4fa8c;pointer-events:none;transition:color .22s ease}.lg-field:focus-within .lg-lock{color:#e8f0fcd9}.lg-field.is-error .lg-lock{color:#f08d96e6}.lg-error{min-height:20px;display:flex;align-items:center;gap:6px;margin:9px 0 4px;font-size:12.5px;letter-spacing:.08em;color:#f2aab3;opacity:0;transition:opacity .3s ease}.lg-error:not(:empty){opacity:1}.lg-submit{height:50px;padding:0 40px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:.28em;text-indent:.28em;color:#f0f7fffa;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0d;border:1px solid rgba(198,222,252,.22);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);box-shadow:0 10px 28px #06102266,0 1px #e0eeff1a inset,0 0 34px #a0c8ff47;transition:transform .18s ease,box-shadow .26s ease,border-color .22s ease}.lg-submit:hover:not(:disabled){transform:translateY(-1px);border-color:#c4dafa80;box-shadow:0 14px 34px #0610228c,0 1px #e4f2ff3d inset,0 0 40px #a2caff52}.lg-submit:active:not(:disabled){transform:translateY(0) scale(.99)}.lg-submit:disabled{cursor:default;opacity:.7}.lg-arrow{font-size:13px;opacity:.75;transform:translateY(-.5px)}.lg-spin{animation:lg-spin .9s linear infinite}@keyframes lg-spin{to{transform:rotate(360deg)}}.lg-footnote{position:absolute;left:0;right:0;bottom:26px;text-align:center;font-size:12.5px;letter-spacing:.22em;color:#e0ecfab8;font-weight:300;pointer-events:none;z-index:2}.lg-phase-success .lg-form,.lg-phase-entering .lg-form{animation:none;opacity:0;transform:translateY(-10px) scale(.985);pointer-events:none}.lg-success{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;animation:lg-success-in .7s cubic-bezier(.16,1,.3,1) .12s both;padding-bottom:4vh}.lg-success:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,88vw);height:min(400px,58vh);border-radius:50%;background:radial-gradient(closest-side,#030914a8,#03091457 56%,#03091400);filter:blur(4px);pointer-events:none}.lg-success>*{position:relative;z-index:1}@keyframes lg-success-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lg-orbit{position:relative;width:196px;height:196px;margin-bottom:26px;display:grid;place-items:center}.lg-orbit:before{content:"";position:absolute;inset:-34%;border-radius:50%;background:radial-gradient(closest-side,#eef7ff4d,#c6e2ff29 34%,#a2caff0f 58%,#96beff00 76%);filter:blur(14px);animation:lg-orbit-bloom 2.4s ease-out both}@keyframes lg-orbit-bloom{0%{opacity:0;transform:scale(.55)}35%{opacity:1;transform:scale(1.08)}to{opacity:.88;transform:scale(1)}}.lg-orbit-rings{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.lg-orbit-rings circle{fill:none;stroke:#eaf4ffd9;stroke-width:1.3;stroke-dasharray:3 8;filter:drop-shadow(0 0 6px rgba(188,222,255,.6));animation:lg-ring-drift 60s linear infinite}.lg-orbit-rings circle:nth-child(2){stroke:#d6eaff6b;animation-direction:reverse;animation-duration:45s}.lg-orbit-rings circle:nth-child(3){stroke:#f8ced485;animation-duration:30s}@keyframes lg-ring-drift{to{stroke-dashoffset:-220}}.lg-orbit-dot{position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#fff;box-shadow:0 0 16px 4px #d6eefff2,0 0 34px 10px #aad0ff73;animation:lg-orbit-outer 11s linear infinite}.lg-orbit-dot--slow{width:4px;height:4px;margin:-2px 0 0 -2px;background:#ffe2e6;box-shadow:0 0 14px 3px #f4c4cae6,0 0 30px 9px #eebac259;animation:lg-orbit-inner 17s linear infinite reverse}@keyframes lg-orbit-outer{0%{transform:rotate(0) translate(86px)}to{transform:rotate(360deg) translate(86px)}}@keyframes lg-orbit-inner{0%{transform:rotate(0) translate(66px)}to{transform:rotate(360deg) translate(66px)}}.lg-orbit-core{color:#fff;filter:drop-shadow(0 0 14px rgba(255,236,240,.95)) drop-shadow(0 0 30px rgba(212,234,255,.8)) drop-shadow(0 0 64px rgba(160,200,255,.55));animation:lg-core-pulse 3.2s ease-in-out infinite}@keyframes lg-core-pulse{0%,to{opacity:.9;transform:scale(.96)}50%{opacity:1;transform:scale(1.1)}}.lg-burst{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1;transform:translateY(-98px)}.lg-spark{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 9px 2px #d6eeffe6;opacity:0;animation:lg-spark-fly 1.9s cubic-bezier(.16,1,.3,1) forwards}@keyframes lg-spark-fly{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.3)}16%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(1.15)}}.lg-phase-success .lg-stars,.lg-phase-entering .lg-stars{opacity:1;transition:opacity .9s ease}.lg-success-title{margin:0;font-family:Songti SC,STSong,"Noto Serif SC","Source Han Serif SC",SimSun,serif;font-size:26px;font-weight:500;letter-spacing:.34em;text-indent:.34em;color:#fff;text-shadow:0 2px 18px rgba(2,7,16,.9),0 0 22px rgba(232,244,255,.98),0 0 54px rgba(178,212,255,.75),0 0 110px rgba(150,192,255,.45);animation:lg-title-glow 1.9s ease-out .32s both}@keyframes lg-title-glow{0%{opacity:0;transform:scale(.92)}30%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.lg-success-sub{margin:10px 0 0;font-size:13.5px;letter-spacing:.3em;text-indent:.3em;color:#e8f3ffe0;font-weight:300;text-shadow:0 0 22px rgba(180,214,255,.6);animation:lg-sub-in 1.2s ease-out .62s both}@keyframes lg-sub-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lg-phase-entering:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(circle at 50% 52%,#fff8f680,#d6e4fa29 42%,#050d1c00 74%);animation:lg-flash 1.15s ease-out both}@keyframes lg-flash{0%{opacity:0}55%{opacity:1}to{opacity:0}}@media(max-width:520px){.lg-stage{transform:translateY(0)}.lg-motto-text{font-size:13px;letter-spacing:.08em;text-indent:.08em;line-height:2}.lg-bg-img{object-position:28% 50%}}@media(max-height:560px){.lg-stage{transform:none}.lg-motto{margin:10px 0 16px}}@media(prefers-reduced-motion:reduce){.lg-bg-img,.lg-meteor,.lg-slowstar,.lg-petal,.lg-form,.lg-success,.lg-success-title,.lg-success-sub,.lg-orbit,.lg-orbit:before,.lg-spark,.lg-orbit-dot,.lg-orbit-core,.lg-orbit-rings circle,.lg-phase-entering:after{animation:none!important}.lg-meteors,.lg-petals,.lg-stars,.lg-slowstars,.lg-galaxy,.lg-burst{display:none}}:root{--font-sans: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-mono: "Cascadia Code", "Fira Code", "JetBrains Mono", "Consolas", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.25);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 24px rgba(0,0,0,.35);--sidebar-width: 220px;--topbar-height: 0px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px}[data-theme=midnight]{--bg: #0a0a0f;--bg-secondary: #111118;--bg-card: #16161f;--bg-card-hover: #1c1c28;--text: #e8e8ed;--text-secondary: #9a9aab;--text-muted: #5a5a6e;--border: #1e1e2e;--border-light: #2a2a3a;--accent: #d4d4e0;--accent-hover: #f0f0f5;--accent-secondary: #6b6b8a;--accent-secondary-hover: #8a8aa8;--sidebar-bg: #06060a;--sidebar-text: #8888a0;--sidebar-active: #e0e0ec;--sidebar-active-bg: #141420;--input-bg: #111118;--input-border: #2a2a3a;--input-focus-border: #6b6b8a;--danger: #e0556a;--danger-hover: #f07080;--success: #4a9a6e;--star-color: rgba(220,220,240,.6);--star-color-bright: rgba(240,240,255,.85);--meteor-color: rgba(220,220,255,.7)}[data-theme=forest]{--bg: #f6f8f4;--bg-secondary: #eef2ea;--bg-card: #ffffff;--bg-card-hover: #f2f6ef;--text: #2c3428;--text-secondary: #6a7562;--text-muted: #9aa590;--border: #d8e0d0;--border-light: #e8efe2;--accent: #5c8a6e;--accent-hover: #4a7358;--accent-secondary: #c4827a;--accent-secondary-hover: #d8968e;--sidebar-bg: #ebf0e6;--sidebar-text: #7a846e;--sidebar-active: #3d5a44;--sidebar-active-bg: #dce5d4;--input-bg: #ffffff;--input-border: #c0ccb8;--input-focus-border: #5c8a6e;--danger: #c0545a;--danger-hover: #d4686e;--success: #4a8a5e;--star-color: rgba(140,180,140,.25);--star-color-bright: rgba(160,200,160,.4);--meteor-color: rgba(180,210,180,.5)}[data-theme=ocean]{--bg: #0a1622;--bg-secondary: #0f1d2e;--bg-card: #152636;--bg-card-hover: #1a2e42;--text: #dce8f2;--text-secondary: #7a9ab8;--text-muted: #4a6a88;--border: #1a3048;--border-light: #243e58;--accent: #6ab0e8;--accent-hover: #8cc4f0;--accent-secondary: #4a90c8;--accent-secondary-hover: #5ea8e0;--sidebar-bg: #060f1a;--sidebar-text: #5a80a8;--sidebar-active: #a0ccf0;--sidebar-active-bg: #0d1f32;--input-bg: #0f1d2e;--input-border: #1e3858;--input-focus-border: #4a90c8;--danger: #e0556a;--danger-hover: #f07080;--success: #4aa8a0;--star-color: rgba(150,200,240,.3);--star-color-bright: rgba(180,220,250,.55);--meteor-color: rgba(160,210,245,.45)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.65;color:var(--text);background:var(--bg);min-height:100vh;transition:background var(--transition-normal),color var(--transition-normal)}a{color:var(--accent);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-secondary);color:var(--bg)}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.page-container{flex:1;padding:var(--spacing-xl) var(--spacing-2xl);max-width:960px;width:100%}.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--text);letter-spacing:-.02em}.page-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-xs)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:background var(--transition-fast),border-color var(--transition-fast)}.card:hover{background:var(--bg-card-hover)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:8px 16px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);white-space:nowrap;line-height:1.4}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{color:var(--text);border-color:var(--text-muted)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text);background:var(--bg-card)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-icon{padding:6px;border-radius:var(--radius-sm);color:var(--text-secondary)}.btn-icon:hover{color:var(--text);background:var(--bg-card)}.input{width:100%;padding:10px 14px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--font-size-base);transition:border-color var(--transition-fast);outline:none}.input:focus{border-color:var(--input-focus-border)}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:3px;font-size:var(--font-size-xs);font-weight:500;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:3px;font-size:var(--font-size-xs);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast)}.tag:hover{color:var(--text);border-color:var(--text-muted)}.tag-active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.divider{height:1px;background:var(--border);margin:var(--spacing-md) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;color:var(--text-muted)}.empty-state svg{margin-bottom:var(--spacing-md);opacity:.4}.empty-state-title{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.empty-state-desc{font-size:var(--font-size-sm)}.highlight{background:var(--accent-secondary);color:var(--bg);border-radius:2px;padding:0 2px}.confirm-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.confirm-dialog{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);max-width:380px;width:90%}.confirm-dialog h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.confirm-dialog p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.confirm-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){:root{--sidebar-width: 0px}.app-main{margin-left:0}.page-container{padding:var(--spacing-md) var(--spacing-md)}}