@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font: "Outfit", "Segoe UI", sans-serif;--brand-black: #130600;--brand-signal-orange: #ff5300;--brand-peach-light: #f6c9a0;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px}[data-theme=light]{--bg-app: #f3eee8;--bg-canvas: #fbf9f6;--bg-surface: #ffffff;--bg-surface-2: #f7f2ec;--bg-surface-3: #efe6db;--bg-sidebar-active: #130600;--text-primary: #1a1310;--text-secondary: #7a7168;--text-tertiary: #a99e92;--text-inverse: #ffffff;--border-subtle: #e9e2d9;--border-strong: #d9cdbf;--accent: #ff5300;--accent-soft: #fde3d2;--success: #4c7a4f;--success-soft: #e3eedf;--warning: #c68a1e;--warning-soft: #f8e9cb;--error: #c13b2e;--error-soft: #f8deda;--info: #4c6b8a;--info-soft: #e1e9f0;--shadow: 0 8px 24px rgba(19, 6, 0, .06);--shadow-lg: 0 20px 48px rgba(19, 6, 0, .1)}[data-theme=dark]{--bg-app: #0a0503;--bg-canvas: #130600;--bg-surface: #1b0b03;--bg-surface-2: #241005;--bg-surface-3: #2e1608;--bg-sidebar-active: #ff5300;--text-primary: #fbf3ec;--text-secondary: #b79e8f;--text-tertiary: #8a7364;--text-inverse: #130600;--border-subtle: #2e1608;--border-strong: #3e1f0d;--accent: #ff5300;--accent-soft: #3a1a08;--success: #7bae7e;--success-soft: #1c2a17;--warning: #e8b14a;--warning-soft: #2e2308;--error: #e8695a;--error-soft: #301410;--info: #7c9bc0;--info-soft: #14202e;--shadow: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 56px rgba(0, 0, 0, .55)}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg-app);color:var(--text-primary)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin:0}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:var(--space-5) var(--space-3);border-right:1px solid var(--border-subtle);background:var(--bg-canvas);display:flex;flex-direction:column;gap:var(--space-5)}.brand{display:flex;align-items:center;gap:10px;padding:0 10px}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--brand-signal-orange);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;transform:rotate(45deg)}.brand-mark span{transform:rotate(-45deg)}.brand-title{font-size:20px;font-weight:600}.brand-sub{color:var(--text-secondary);font-size:12px}.nav-stack{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500}.nav-item.active{background:var(--bg-sidebar-active);color:var(--text-inverse)}.nav-item:hover{background:var(--bg-surface-2);color:var(--text-primary)}.nav-item.active:hover{background:var(--bg-sidebar-active);color:var(--text-inverse)}.sidebar-foot{margin-top:auto;display:grid;gap:10px}.mini-note{display:flex;align-items:center;gap:8px;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:10px 14px;font-size:13px}.main-panel{min-width:0;padding:var(--space-6)}.page-header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-5)}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-bottom:6px}.page-header h1{font-size:32px;font-weight:600;letter-spacing:0}.page-header p{color:var(--text-secondary);margin-top:8px;max-width:680px;line-height:1.5}.page-action{flex-shrink:0}.btn{border:0;border-radius:var(--radius-pill);padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:500;color:inherit}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-sm{padding:8px 14px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.full{width:100%}.card,.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-4)}.search-hero{display:flex;align-items:center;gap:12px;background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow);border-radius:var(--radius-pill);padding:16px 22px;margin-bottom:var(--space-3);color:var(--text-secondary)}.search-hero input{border:0;outline:0;background:transparent;color:var(--text-primary);width:100%;font-size:16px}.drive-toolbar{margin-bottom:var(--space-3)}.drive-search{margin-bottom:0}.drive-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:var(--space-4)}.drive-breadcrumb button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--text-secondary);cursor:pointer;padding:6px 4px;border-radius:8px}.drive-breadcrumb button:hover{color:var(--text-primary);background:var(--bg-surface-2)}.drive-section{margin-bottom:var(--space-5)}.drive-section h2{font-size:18px;margin-bottom:var(--space-3)}.drive-list{display:grid;gap:8px}.drive-row{width:100%;display:flex;align-items:center;gap:var(--space-3);text-align:left;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:12px;color:var(--text-primary)}.folder-row{cursor:pointer}.folder-row:hover{background:var(--bg-surface-2)}.drive-thumb{width:44px;height:44px;border-radius:12px}.drive-row h3{font-size:15px;font-weight:600}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-4)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;background:var(--accent-soft);color:var(--accent);border:0}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip-success{background:var(--success-soft);color:var(--success)}.chip-warning{background:var(--warning-soft);color:var(--warning)}.chip-error{background:var(--error-soft);color:var(--error)}.chip-info{background:var(--info-soft);color:var(--info)}.chip-neutral{background:var(--bg-surface-2);color:var(--text-secondary)}.results-list,.event-list,.sync-stack{display:grid;gap:var(--space-3)}.asset-card,.event-card,.sync-row{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-4)}.asset-thumb{width:64px;height:64px;border-radius:16px;background:var(--bg-surface-2);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.asset-body{min-width:0;flex:1}.asset-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.asset-title-row h2,.event-card h2,.top-post h2{font-size:18px;font-weight:600}.breadcrumb-text,.meta-line,.asset-body p,.event-card p,.top-post p,.sync-row p{color:var(--text-secondary);font-size:13px;line-height:1.5}.asset-body p{margin:8px 0 10px}.board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:var(--space-3);overflow-x:auto;padding-bottom:8px}.kanban-column{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:12px;min-height:520px}.column-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:4px 2px}.column-head h2{font-size:14px;font-weight:600}.column-head span{color:var(--text-secondary);font-size:12px}.task-stack{display:grid;gap:10px}.task-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:var(--space-3);box-shadow:var(--shadow);cursor:grab;transition:opacity .15s ease,transform .15s ease}.task-card:hover{border-color:var(--border-strong)}.task-card.dragging{opacity:.4}.task-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}.task-top h3{font-size:15px;line-height:1.35;font-weight:600}.task-foot{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:12px;margin-top:14px}.task-links{margin-left:auto;display:flex;gap:8px}.kanban-column.drag-over{border-color:var(--accent);background:var(--accent-soft)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#13060080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.modal-card{width:min(560px,100%);max-height:90vh;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-5)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.modal-head h2{font-size:20px;font-weight:600}.btn-icon{border:0;background:transparent;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;display:inline-flex}.btn-icon:hover{background:var(--bg-surface-2);color:var(--text-primary)}.modal-foot{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3)}.modal-foot-actions{display:flex;gap:10px;margin-left:auto}.textarea{resize:vertical;min-height:72px}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{text-align:left;color:var(--text-tertiary);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:0 12px 12px;border-bottom:1px solid var(--border-subtle)}tbody td{padding:14px 12px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}tbody tr:last-child td{border-bottom:0}.table-card{overflow-x:auto}.compact{margin-top:var(--space-4)}.compact h2,.chart-card h2,.side-panel h2,.section-line h2{font-size:18px;margin-bottom:var(--space-3)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.stat-icon{width:34px;height:34px;border-radius:50%;background:var(--bg-surface-2);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:14px}.muted-label{color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.stat-value{font-size:30px;font-weight:600;margin-top:4px}.stat-delta{color:var(--accent);font-size:12px;margin-top:4px}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.chart-card h2{margin-bottom:var(--space-4)}.top-post{display:grid;gap:10px}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-4)}.calendar-title{font-size:20px;font-weight:600;margin-bottom:var(--space-3)}.weekday-row{display:grid;grid-template-columns:repeat(7,1fr);color:var(--text-secondary);font-size:12px;margin-bottom:8px;text-align:center}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.month-cell{aspect-ratio:1;border:0;border-radius:var(--radius-sm);background:var(--bg-surface-2);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.month-cell strong{font-size:11px;color:inherit}.month-cell.selected,.heat-3{background:var(--accent);color:#fff}.heat-1{background:var(--accent-soft);color:var(--accent)}.heat-2{background:var(--brand-peach-light);color:var(--brand-black)}.side-panel{align-self:start}.mini-post{border-bottom:1px solid var(--border-subtle);padding:14px 0}.mini-post:last-child{border-bottom:0}.mini-post h3{font-size:15px;margin:8px 0}.mini-post p,.empty-small{color:var(--text-secondary);font-size:13px}.event-card{justify-content:space-between}.event-card div{display:grid;gap:8px}.admin-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:var(--space-4);align-items:start}.section-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:var(--space-3)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.span-2{grid-column:span 2}.field label{display:block;color:var(--text-secondary);font-size:12px;font-weight:600;margin-bottom:6px}.input,.select{width:100%;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg-surface-2);color:var(--text-primary);padding:11px 14px;outline:none}.input:focus,.select:focus{border-color:var(--accent);background:var(--bg-surface)}.sync-row{justify-content:space-between;align-items:flex-start}.sync-row h3{font-size:15px;margin-bottom:4px}.sync-meta{display:grid;gap:8px;justify-items:end;color:var(--text-secondary);font-size:12px}.span-all{grid-column:1 / -1}.compact-select{min-width:120px;padding:8px 10px}.empty-state,.empty-column{color:var(--text-secondary);background:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;font-size:14px}.empty-column{background:transparent;padding:var(--space-3)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--bg-app)}.login-card,.auth-card{width:min(440px,100%);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-5)}.login-brand{padding:0;margin-bottom:var(--space-5)}.login-card h1{font-size:28px;font-weight:600;margin-bottom:10px}.login-card p{color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-4)}.login-form{display:grid;gap:var(--space-3)}.alert-inline{margin-top:var(--space-3);border-radius:12px;background:var(--warning-soft);color:var(--warning);padding:12px 14px;font-size:13px}.skel-line{height:14px;border-radius:999px;background:var(--bg-surface-3);margin-bottom:12px}.skel-line.short{width:60%}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border-subtle)}.nav-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-foot{grid-template-columns:repeat(2,minmax(0,1fr))}.board{grid-template-columns:repeat(5,260px)}.metric-grid,.chart-grid,.calendar-layout,.admin-grid{grid-template-columns:1fr}}@media(max-width:720px){.main-panel{padding:var(--space-4)}.page-header,.asset-card,.event-card,.sync-row,.drive-row{flex-direction:column;align-items:stretch}.page-header h1{font-size:26px}.nav-stack,.metric-grid{grid-template-columns:1fr}.form-grid,.span-2{grid-template-columns:1fr;grid-column:auto}}