@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, sans-serif;--color-bg:#f8f9fc;--color-surface:#fff;--color-surface-raised:#fff;--sidebar-bg:#0f1117;--sidebar-bg-hover:#ffffff0f;--sidebar-bg-active:#ffffff1a;--sidebar-border:#ffffff12;--sidebar-text:#ffffffbf;--sidebar-text-muted:#ffffff61;--sidebar-text-strong:#fffffff2;--color-primary:#5b6af0;--color-primary-hover:#4a58e0;--color-primary-light:#5b6af01f;--color-primary-glow:#5b6af040;--gradient-brand:linear-gradient(135deg, #5b6af0 0%, #8b5cf6 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-card:linear-gradient(160deg, #fff 0%, #f8f9fc 100%);--gradient-subtle:linear-gradient(135deg, #5b6af014 0%, #8b5cf60a 100%);--color-text:#111827;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-placeholder:#d1d5db;--color-border:#e5e7eb;--color-border-medium:#d1d5db;--color-border-subtle:#0000000d;--color-hover:#0000000a;--color-active:#5b6af014;--color-success:#10b981;--color-success-bg:#10b9811a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--sidebar-width:240px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:40px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 1px 3px #0000000a;--shadow-lg:0 10px 30px #0000001a, 0 2px 6px #0000000f;--shadow-xl:0 20px 60px #00000026, 0 4px 12px #00000014;--shadow-primary:0 4px 20px #5b6af059;--shadow-glow:0 0 0 3px var(--color-primary-glow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.app-layout{background:var(--color-bg);min-height:100vh;display:flex}.main-content{min-width:0;margin-left:var(--sidebar-width);flex:1}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-header{padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--sidebar-border)}.sidebar-workspace{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background .15s;display:flex}.sidebar-workspace:hover{background:var(--sidebar-bg-hover)}.workspace-icon{background:var(--gradient-brand);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex;box-shadow:0 2px 8px #5b6af066}.workspace-name{font-size:var(--text-sm);color:var(--sidebar-text-strong);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background .15s;display:flex}.sidebar-user:hover{background:var(--sidebar-bg-hover)}.user-avatar{background:var(--gradient-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex;box-shadow:0 2px 6px #5b6af04d}.user-name{font-size:var(--text-sm);color:var(--sidebar-text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sidebar-nav{padding:var(--spacing-sm);flex:1;overflow-y:auto}.sidebar-section-title{font-size:var(--text-xs);color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--spacing-md) var(--spacing-md) var(--spacing-xs);font-weight:600}.sidebar-link{padding:7px var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--sidebar-text);cursor:pointer;align-items:center;gap:10px;min-height:34px;text-decoration:none;transition:all .15s;display:flex;position:relative}.sidebar-link:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-strong)}.sidebar-link.active{background:var(--sidebar-bg-active);color:#fff;font-weight:500}.sidebar-link.active:before{content:"";background:var(--gradient-brand);border-radius:0 2px 2px 0;width:3px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link .link-icon{text-align:center;flex-shrink:0;width:20px;font-size:15px}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--sidebar-border)}.sidebar-footer .btn-ghost{color:var(--sidebar-text-muted);justify-content:flex-start;width:100%}.sidebar-footer .btn-ghost:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.page-header{padding:var(--spacing-3xl) var(--spacing-3xl) var(--spacing-xl);max-width:940px;margin:0 auto}.page-emoji{margin-bottom:var(--spacing-md);font-size:52px;display:block}.page-title{font-size:var(--text-4xl);color:var(--color-text);letter-spacing:-.03em;font-weight:800;line-height:1.1}.page-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-top:var(--spacing-sm);font-weight:400}.page-body{padding:0 var(--spacing-3xl) var(--spacing-3xl);max-width:940px;margin:0 auto}.notion-table-section{margin-bottom:var(--spacing-2xl)}.notion-table-title{font-size:var(--text-md);color:var(--color-text);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);letter-spacing:-.01em;font-weight:700;display:flex}.notion-table{border-collapse:separate;border-spacing:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-xs);font-size:var(--text-sm);overflow:hidden}.notion-table th{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:left;padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;font-weight:600}.notion-table th:last-child{text-align:center;width:80px}.notion-table td{padding:10px var(--spacing-lg);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.notion-table td:last-child{text-align:center;border-right:none;width:80px}.notion-table tr:last-child td{border-bottom:none}.notion-table tr{transition:background .12s}.notion-table tr:hover td{background:#5b6af005}.task-title-cell{color:var(--color-text);cursor:pointer;align-items:center;gap:var(--spacing-sm);font-weight:500;transition:color .15s;display:flex}.task-title-cell:hover{color:var(--color-primary)}.task-title-cell.done{color:var(--color-text-tertiary);text-decoration:line-through}.task-desc-cell{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:320px;line-height:1.5}.checkbox-wrapper{justify-content:center;align-items:center;display:flex}.notion-checkbox{border:2px solid var(--color-border-medium);cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.notion-checkbox:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:scale(1.1)}.notion-checkbox.checked{background:var(--gradient-brand);border-color:#0000;transform:scale(1.05);box-shadow:0 2px 8px #5b6af066}.notion-checkbox.checked:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:5px;display:block;transform:rotate(-45deg)translateY(-1px)}.progress-container{margin-bottom:var(--spacing-xl)}.progress-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.progress-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.progress-count{font-size:var(--text-sm);color:var(--color-primary);font-weight:700}.progress-track{background:var(--color-border);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill{background:var(--gradient-brand);border-radius:var(--radius-full);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;border:none;font-weight:600;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:#fff0;transition:background .15s;position:absolute;inset:0}.btn:hover:after{background:#ffffff14}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 2px 8px #5b6af059}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #5b6af073}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-ghost{color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm)}.btn-ghost:hover{background:var(--color-hover);color:var(--color-text)}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger)}.btn-danger:hover{background:#ef44442e}.btn-sm{font-size:var(--text-xs);border-radius:var(--radius-sm);padding:4px 10px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.card-cover{object-fit:cover;width:100%;height:140px;display:block}.card-cover-placeholder{background:var(--gradient-brand);justify-content:center;align-items:center;width:100%;height:140px;font-size:48px;display:flex;position:relative;overflow:hidden}.card-cover-placeholder:before{content:"";background:linear-gradient(135deg,#ffffff26 0%,#0000 60%);position:absolute;inset:0}.card-body{padding:var(--spacing-lg) var(--spacing-xl)}.card-emoji{margin-bottom:var(--spacing-sm);font-size:24px}.card-title{font-size:var(--text-md);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:-.01em;font-weight:700;line-height:1.3}.card-meta{font-size:var(--text-xs);color:var(--color-text-tertiary)}.grid-2{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-xs);transition:box-shadow .2s;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-brand);height:3px;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--spacing-md);font-weight:600}.stat-card-value{color:var(--color-text);margin-bottom:var(--spacing-xs);letter-spacing:-.03em;font-size:36px;font-weight:800;line-height:1}.stat-card-desc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table thead th{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:#f9fafb;font-weight:600}.data-table tbody td{padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle;color:var(--color-text);border-bottom:1px solid #0000000a}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover td{background:#5b6af008}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.badge-green{background:var(--color-success-bg);color:var(--color-success)}.badge-gray{color:var(--color-text-secondary);background:#6b72801a}.badge-blue{background:var(--color-primary-light);color:var(--color-primary)}.badge-orange{background:var(--color-warning-bg);color:var(--color-warning)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{font-size:var(--text-sm);color:var(--color-text);margin-bottom:6px;font-weight:600;display:block}.form-input{width:100%;padding:9px var(--spacing-md);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);outline:none;transition:all .18s}.form-input:hover{border-color:var(--color-border-medium)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.form-input::placeholder{color:var(--color-text-placeholder)}.divider{background:var(--color-border);height:1px;margin:var(--spacing-xl) 0}.callout{border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-md);margin:var(--spacing-lg) 0;display:flex}.callout-orange{background:var(--color-warning-bg);border-left:3px solid var(--color-warning)}.callout-blue{background:var(--color-primary-light);border-left:3px solid var(--color-primary)}.callout-icon{flex-shrink:0;font-size:18px}.callout-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.toggle-switch{align-items:center;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{cursor:pointer;background:#d1d5db;border-radius:11px;width:38px;height:22px;transition:all .2s;position:relative}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-track{background:var(--color-primary);box-shadow:0 2px 8px #5b6af059}.toggle-switch input:checked+.toggle-track:after{transform:translate(16px)}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;background:#0006;transition:opacity .25s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:all}.drawer{background:var(--color-surface);border-left:1px solid var(--color-border);z-index:201;flex-direction:column;width:480px;height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-10px 0 40px #0000001f}.drawer.open{transform:translate(0)}.drawer-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.drawer-title{font-size:var(--text-md);letter-spacing:-.01em;font-weight:700}.drawer-body{padding:var(--spacing-xl);flex:1;overflow-y:auto}.rich-content p{margin-bottom:var(--spacing-md);line-height:1.8}.rich-content strong{font-weight:700}.rich-content ul,.rich-content ol{padding-left:var(--spacing-xl);margin-bottom:var(--spacing-md)}.rich-content li{margin-bottom:var(--spacing-xs);line-height:1.7}.rich-content blockquote{border-left:3px solid var(--color-primary);padding-left:var(--spacing-lg);color:var(--color-text-secondary);margin:var(--spacing-lg) 0;background:var(--color-primary-light);padding:var(--spacing-md) var(--spacing-lg);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}.search-box{align-items:center;gap:var(--spacing-sm);padding:8px var(--spacing-md);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:260px;box-shadow:var(--shadow-xs);transition:all .18s;display:flex}.search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.search-box input{font-size:var(--text-sm);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.search-icon{color:var(--color-text-tertiary);font-size:13px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}.login-page{background:linear-gradient(135deg,#f0f2ff 0%,#f8f9fc 50%,#fdf4ff 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#5b6af01f 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-40%;left:-20%}.login-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf61a 0%,#0000 70%);width:500px;height:500px;position:absolute;bottom:-30%;right:-10%}.login-card{width:420px;padding:var(--spacing-3xl) var(--spacing-2xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);z-index:1;animation:.5s cubic-bezier(.4,0,.2,1) slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{text-align:center;margin-bottom:var(--spacing-2xl)}.login-logo-icon{margin-bottom:var(--spacing-sm);font-size:40px;display:block}.login-logo-name{font-size:var(--text-lg);color:var(--color-text);letter-spacing:-.02em;font-weight:800}.login-title{font-size:var(--text-2xl);text-align:center;letter-spacing:-.02em;margin-bottom:4px;font-weight:800}.login-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-2xl)}.login-forgot{font-size:var(--text-xs);color:var(--color-primary);cursor:pointer;text-align:right;margin-top:var(--spacing-sm);font-weight:500;transition:opacity .15s;display:block}.login-forgot:hover{opacity:.7}.admin-page{padding:var(--spacing-3xl);max-width:1100px;margin:0 auto}.admin-page-header{margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:center;display:flex}.admin-page-title{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:800}.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-tertiary)}.empty-state-icon{margin-bottom:var(--spacing-md);font-size:48px}.empty-state-text{font-size:var(--text-md);margin-bottom:var(--spacing-sm)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.w-full{width:100%}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-500{font-weight:500}.font-600{font-weight:600}.font-700{font-weight:700}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}.rich-content p{color:var(--color-text);margin-bottom:1em}.rich-content h3{font-size:var(--text-md);letter-spacing:-.01em;margin:1.25em 0 .5em;font-weight:700}.rich-content ul,.rich-content ol{margin-bottom:1em;padding-left:1.5em}.rich-content li{color:var(--color-text-secondary);margin-bottom:.4em;line-height:1.7}.rich-content strong{color:var(--color-text);font-weight:700}.rich-content em{color:var(--color-primary);font-style:italic}.rich-content blockquote{border-left:3px solid var(--color-primary);padding:var(--spacing-sm) var(--spacing-lg);margin:var(--spacing-lg) 0;background:var(--color-primary-light);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-primary);font-style:italic;font-weight:500}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0}.page-header,.page-body,.admin-page{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (width<=480px){.grid-3,.grid-2{grid-template-columns:1fr}}