:root{--color-primary: #1e3a6e;--color-accent: #0e1526;--color-accent-hover: #0e1526c4;--color-gold: #b8860b;--color-gold-muted: #9a7209;--color-success: #16a34a;--color-success-subtle: rgba(22, 163, 74, .1);--color-danger: #dc2626;--color-danger-subtle: rgba(220, 38, 38, .1);--color-warning: #d97706;--color-warning-subtle: rgba(217, 119, 6, .1);--color-info: #2563eb;--color-info-subtle: rgba(37, 99, 235, .1);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-on-dark: #ffffff;--surface-base: #f8fafc;--surface-raised: #ffffff;--surface-subtle: #f1f5f9;--surface-card: rgba(0, 0, 0, .02);--border-subtle: rgba(0, 0, 0, .08);--border-default: #e2e8f0;--border-strong: #cbd5e1;--border-active: #0e1526;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-card: 0 2px 12px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .04);--transition-fast: all .15s ease;--transition-base: all .25s ease;--font-sans: "Roboto", system-ui, sans-serif;--sidebar-width: 240px;--sidebar-bg: #0e1526;--sidebar-text: rgba(255, 255, 255, .75);--sidebar-text-active: #ffffff;--sidebar-item-hover: rgba(255, 255, 255, .08);--sidebar-item-active: rgba(255, 255, 255, .12);--header-height: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:36px;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--text-on-dark)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-danger{background:var(--color-danger);color:var(--text-on-dark)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-success{background:var(--color-success);color:var(--text-on-dark)}.btn-success:hover:not(:disabled){background:#15803d}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.btn-ghost:hover:not(:disabled){background:var(--surface-subtle);border-color:var(--border-strong)}.btn-sm{height:30px;padding:0 var(--space-3);font-size:.8125rem}.btn-lg{height:44px;padding:0 var(--space-6);font-size:1rem}.btn-full{width:100%;justify-content:center}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-primary);background:var(--surface-raised);transition:var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0e152614}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-error{font-size:.8125rem;color:var(--color-danger)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.text-danger{color:var(--color-danger)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.page-content{background:var(--surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.card{background:var(--surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-6)}.divider{border:none;border-top:1px solid var(--border-default);margin:var(--space-4) 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.main-content{margin-left:0!important}}.md-preview{font-size:.9375rem;line-height:1.85;color:var(--text-secondary);word-break:break-word}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4,.md-preview h5,.md-preview h6{color:var(--text-primary);font-weight:700;line-height:1.3;margin:1.6em 0 .5em;letter-spacing:-.01em}.md-preview h1{font-size:1.85rem}.md-preview h2{font-size:1.4rem;padding-bottom:.35em;border-bottom:2px solid var(--border-default)}.md-preview h3{font-size:1.15rem}.md-preview h4{font-size:1rem;color:var(--text-secondary)}.md-preview h5,.md-preview h6{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.md-preview p{margin:.85em 0}.md-preview strong{font-weight:700;color:var(--text-primary)}.md-preview em{font-style:italic}.md-preview del{text-decoration:line-through;color:var(--text-muted)}.md-preview mark{background:#fef08a;padding:.1em .25em;border-radius:2px}.md-preview a{color:var(--color-info);text-decoration:underline;text-underline-offset:2px;text-decoration-color:transparent;transition:text-decoration-color .15s}.md-preview a:hover{text-decoration-color:currentColor}.md-preview ul,.md-preview ol{padding-left:1.75em;margin:.6em 0}.md-preview li{margin:.3em 0}.md-preview li>ul,.md-preview li>ol{margin:.2em 0}.md-preview ul li::marker{color:var(--color-accent)}.md-preview ol li::marker{color:var(--color-accent);font-weight:600}.md-preview blockquote{border-left:4px solid var(--color-accent);margin:1.25em 0;padding:.75em 1.25em;background:var(--surface-subtle);color:var(--text-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}.md-preview blockquote p{margin:0}.md-preview blockquote strong{color:var(--text-primary)}.md-preview code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.84em;background:#fee2e2;color:#b91c1c;padding:.15em .45em;border-radius:var(--radius-sm);font-style:normal}.md-preview pre{background:#0f172a;border-radius:var(--radius-md);padding:1.1em 1.4em;overflow-x:auto;margin:1.25em 0;box-shadow:0 2px 8px #00000026}.md-preview pre code{background:none;padding:0;color:#e2e8f0;font-size:.875rem;line-height:1.7;border-radius:0}.md-figure{margin:1.5em 0;text-align:center}.md-figure img{max-width:100%;height:auto;border-radius:var(--radius-md);display:block;margin:0 auto;box-shadow:0 2px 12px #0000001a}.md-figure figcaption{margin-top:.5em;font-size:.8rem;color:var(--text-muted);font-style:italic;line-height:1.4}.md-preview p>img{max-width:100%;border-radius:var(--radius-md);display:block;margin:.5em auto}.md-preview iframe{max-width:100%;border-radius:var(--radius-md);display:block;margin:1.25em 0}.md-preview video{max-width:100%;border-radius:var(--radius-md);display:block;margin:1.25em 0;background:#000}.md-preview table{width:100%;border-collapse:collapse;margin:1.25em 0;font-size:.875rem;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-default)}.md-preview th{background:var(--surface-subtle);color:var(--text-primary);font-weight:600;text-align:left;padding:.6em .9em;border-bottom:2px solid var(--border-default)}.md-preview td{padding:.55em .9em;border-bottom:1px solid var(--border-default);color:var(--text-secondary)}.md-preview tr:last-child td{border-bottom:none}.md-preview tbody tr:nth-child(2n){background:var(--surface-subtle)}.md-preview tbody tr:hover{background:var(--surface-card)}.md-preview hr{border:none;border-top:2px solid var(--border-default);margin:2em 0}.md-preview input[type=checkbox]{margin-right:.4em;accent-color:var(--color-accent)}.md-preview>:first-child{margin-top:0}.md-preview>:last-child{margin-bottom:0}