:root{--color-primary: #2563eb;--color-secondary: #3b82f6;--color-accent: #60a5fa;--bg-app: #0f1524;--bg-surface: #182035;--bg-surface-hover: #263351;--border-color: #384971;--active-bg: rgba(37, 99, 235, .16);--text-primary: #f9fafb;--text-secondary: #9da7be;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--color-success: #34d399;--color-success-bg: rgba(52, 211, 153, .1);--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .1);--color-error: #f87171;--color-error-bg: rgba(248, 113, 113, .1);--color-info: #60a5fa;--color-info-bg: rgba(96, 165, 250, .1);--secondary-border: #4f6392}*{box-sizing:border-box}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:20px;line-height:1;display:inline-flex;flex-shrink:0}html,body,#root{height:100%}body{margin:0;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}code,pre{font-family:var(--font-mono);font-size:.8125rem}a{color:var(--color-secondary);text-decoration:none}a:hover{color:var(--color-accent)}h1{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}h2{font-size:1.125rem;font-weight:500;margin:0 0 .75rem}small,.caption{font-size:.75rem;color:var(--text-secondary)}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.25rem 1rem}.sidebar-toggle{display:none;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);cursor:pointer}.sidebar-toggle:hover{background:var(--bg-surface-hover)}.sidebar-backdrop{display:none}.sidebar-brand{display:flex;align-items:center;gap:.625rem;padding:0 .5rem 1.5rem}.sidebar-brand img{height:34px;width:auto}.sidebar-brand span{font-weight:600;font-size:1.05rem;letter-spacing:-.01em}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-nav a{display:flex;align-items:center;gap:.625rem;padding:.55rem .75rem;border-radius:var(--radius-md);border-left:2px solid transparent;color:var(--text-secondary);font-weight:500;font-size:.875rem}.sidebar-nav a:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.sidebar-nav a.active{background:var(--active-bg);border-left-color:var(--color-secondary);color:var(--color-accent)}.sidebar-nav a.active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.user-spot{display:flex;align-items:center;gap:.5rem;max-width:220px}.user-spot-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--active-bg);color:var(--color-accent)}.user-spot-avatar .material-symbols-outlined{font-size:16px}.user-spot-name{min-width:0;font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-spot-logout{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.user-spot-logout:hover{background:var(--bg-surface-hover);color:var(--color-error)}.user-spot-logout .material-symbols-outlined{font-size:16px}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:60px;flex-shrink:0;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.topbar-start{display:flex;align-items:center}.credit-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);font-size:.8125rem;transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .15s ease}.credit-badge strong{color:var(--color-accent);font-weight:600}.credit-badge .material-symbols-outlined{font-size:16px;color:var(--color-accent)}.credit-badge:hover{border-color:var(--color-secondary);background:var(--active-bg);color:var(--text-primary);transform:translateY(-1px)}.sidebar-footer .credit-badge{display:flex;width:100%;justify-content:center}.content{flex:1;padding:1.75rem;max-width:1100px;width:100%;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-secondary)}.btn-secondary{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--secondary-border)}.btn-secondary:hover:not(:disabled){background:var(--secondary-border)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}.btn-danger{background:transparent;color:var(--color-error);border-color:#f8717159}.btn-danger:hover:not(:disabled){background:var(--color-error-bg)}.btn-sm{padding:.35rem .65rem;font-size:.8125rem}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.card+.card{margin-top:1rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.field{margin-bottom:1rem}.field label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.field .hint{margin-top:.375rem}input[type=text],input[type=password],input[type=url],input[type=file],select,textarea{width:100%;background:var(--bg-app);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);padding:.55rem .7rem;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .15s ease}textarea{resize:vertical;min-height:80px}input:focus,select:focus,textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #3b82f626}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}.color-field{display:flex;align-items:center;gap:.6rem}.color-field input[type=text]{flex:1;font-family:var(--font-mono)}.color-field input[type=color]{width:42px;height:38px;flex-shrink:0;padding:2px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-app);cursor:pointer}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.color-field input[type=color]::-moz-color-swatch{border:none;border-radius:3px}.color-dots{display:flex;align-items:center;gap:.35rem}.color-dot{width:14px;height:14px;border-radius:50%;border:1px solid var(--border-color);flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:500}.badge-success{color:var(--color-success);background:var(--color-success-bg)}.badge-warning{color:var(--color-warning);background:var(--color-warning-bg)}.badge-error{color:var(--color-error);background:var(--color-error-bg)}.badge-info{color:var(--color-info);background:var(--color-info-bg)}.badge-muted{color:var(--text-secondary);background:var(--bg-surface-hover)}.table-scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.65rem .75rem;border-bottom:1px solid var(--border-color);font-size:.875rem}th{color:var(--text-secondary);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}tbody tr:hover{background:var(--bg-surface-hover)}.alert{border-radius:var(--radius-md);padding:.65rem .85rem;font-size:.8125rem;margin-bottom:1rem}.alert-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid rgba(248,113,113,.25)}.alert-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(52,211,153,.25)}.alert-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid rgba(96,165,250,.25)}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--text-secondary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{width:100%;max-width:380px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.75rem;text-align:center}.login-brand img{height:72px;width:auto}.login-brand .tagline{color:var(--text-secondary);font-size:.8125rem}.page-header{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.page-header p{color:var(--text-secondary);margin:.25rem 0 0}.search-input{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.7rem;color:var(--text-secondary);pointer-events:none}.search-input input{padding-left:2.1rem}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.25rem;align-items:stretch}.doc-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.9rem}.doc-card-header{display:flex;align-items:center;gap:.75rem;min-width:0}.doc-card-header img{width:42px;height:42px;flex-shrink:0;border-radius:var(--radius-md);border:1px solid var(--border-color);object-fit:contain;background:var(--bg-app);padding:5px}.doc-card-header-text{min-width:0;flex:1}.doc-card-title{font-weight:600;font-size:.9375rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-card-slug{color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;line-height:1.3;margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-card-description{margin:0;color:var(--text-secondary);font-size:.8125rem;line-height:1.5;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.doc-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.doc-card-brand{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-card-actions{display:flex;gap:.5rem}.doc-card-actions>*{flex:1}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pagination{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-top:1rem}.divider{height:1px;background:var(--border-color);margin:1.25rem 0;border:none}.file-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.logo-preview{width:56px;height:56px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-app);object-fit:contain;padding:6px}@media (max-width: 768px){.sidebar-toggle{display:inline-flex}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:40;transform:translate(-100%);transition:transform .25s ease;box-shadow:12px 0 32px #0006}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:30}.topbar{padding:0 1rem}.content{padding:1.1rem}.login-page{padding:1.25rem}}@media (max-width: 480px){.doc-card-actions{flex-wrap:wrap}.doc-card-actions>*{flex:1 1 calc(50% - .25rem)}}