@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #09090b;--panel: #121214;--panel-hover: #18181b;--border: #27272a;--text-main: #f4f4f5;--text-muted: #a1a1aa;--accent: #10b981;--accent-hover: #059669;--accent-bg: rgba(16, 185, 129, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--radius: 12px;font-family:Inter,system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-main);line-height:1.5;font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{background:var(--panel);border:1px solid var(--border);color:var(--text-main);padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;font-size:13px}button:hover:not(:disabled){background:var(--panel-hover);border-color:#3f3f46}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.danger{color:var(--danger);background:var(--danger-bg);border-color:transparent}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:var(--bg);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding:0 8px}.brand .mark{width:32px;height:32px;background:var(--accent);color:#000;display:grid;place-items:center;border-radius:8px;font-weight:800;font-size:18px}.brand div{display:flex;flex-direction:column}.brand strong{font-size:16px;letter-spacing:-.02em}.brand small{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}nav{display:flex;flex-direction:column;gap:4px}nav button{text-align:left;background:transparent;border:none;padding:10px 12px;color:var(--text-muted);display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;width:100%}nav button:hover{background:var(--panel);color:var(--text-main)}nav button.active{background:var(--panel);color:var(--accent)}nav button.active span{color:var(--accent)}.sidebar-bottom{margin-top:auto;padding-top:24px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:16px}.sidebar-bottom .status{display:flex;align-items:center;gap:8px;font-size:12px;padding:0 12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#52525b}.status-dot.running{background:var(--accent);box-shadow:0 0 8px var(--accent)}main{padding:32px 48px;max-width:1200px;margin:0 auto;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}header h1{font-size:24px;font-weight:600;letter-spacing:-.03em}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.panel-title{font-size:18px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.panel-title .badge{background:var(--accent-bg);color:var(--accent);font-size:12px;padding:4px 10px;border-radius:99px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metric{background:var(--bg);border:1px solid var(--border);padding:20px;border-radius:12px}.metric small{color:var(--text-muted);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:8px}.metric strong{font-size:32px;font-weight:700;letter-spacing:-.04em}.media-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.media-preview{aspect-ratio:16/9;background:#000;position:relative}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:contain}.media-card:has(video) .media-preview{aspect-ratio:9/16}.media-info{padding:16px;flex-grow:1;display:flex;flex-direction:column;gap:8px}.media-info h3{font-size:15px;font-weight:600}.media-info p{font-size:12px;color:var(--text-muted)}.media-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px}.list-item{padding:16px;border:1px solid var(--border);border-radius:8px;margin-bottom:12px;background:var(--bg)}.list-item h4{font-size:15px;margin-bottom:4px}.list-item p{color:var(--text-muted);font-size:13px}.list-item .meta{display:flex;gap:12px;margin-top:12px;font-size:12px;color:var(--text-muted)}.list-item .meta span{background:var(--panel);padding:4px 8px;border-radius:4px}.chat-container{display:flex;flex-direction:column;height:600px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);overflow:hidden}.chat-messages{flex-grow:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:12px;max-width:85%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message .avatar{width:32px;height:32px;border-radius:8px;background:var(--panel);display:grid;place-items:center;font-weight:600;flex-shrink:0}.message.assistant .avatar{background:var(--accent);color:#000}.message .bubble{padding:12px 16px;border-radius:12px;background:var(--panel);border:1px solid var(--border);font-size:14px;white-space:pre-wrap}.message.user .bubble{background:var(--accent-bg);border-color:#10b98133}.chat-input{padding:16px;border-top:1px solid var(--border);background:var(--panel);display:flex;gap:12px}.chat-input input{flex-grow:1;background:var(--bg);border:1px solid var(--border);padding:12px 16px;border-radius:8px;color:#fff;outline:none}.chat-input input:focus{border-color:var(--accent)}.auth-wrap{display:grid;place-items:center;min-height:100vh}.auth-card{background:var(--panel);padding:40px;border-radius:16px;border:1px solid var(--border);width:100%;max-width:400px;display:flex;flex-direction:column;gap:20px}.auth-card h2{font-size:24px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:500;color:var(--text-muted)}.form-group input{background:var(--bg);border:1px solid var(--border);padding:10px 12px;border-radius:6px;color:#fff;outline:none}.form-group input:focus{border-color:var(--accent)}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius)}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-2{gap:8px}.gap-4{gap:16px}@media(max-width:768px){.app-shell{grid-template-columns:1fr}aside{display:none}main{padding:24px 16px}}