*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f1117;--bg-secondary: #1a1d27;--bg-tertiary: #252832;--border: #2e3140;--text: #e4e4e7;--text-muted: #9ca3af;--primary: #3b82f6;--primary-hover: #2563eb;--success: #22c55e;--warning: #eab308;--danger: #ef4444}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-muted)}.app-layout{display:flex;height:100vh}.sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:1.25rem;border-bottom:1px solid var(--border)}.sidebar-header h1{font-size:1.125rem;font-weight:600}.sidebar-nav{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.sidebar-nav a{display:block;padding:.5rem .75rem;color:var(--text-muted);text-decoration:none;border-radius:6px;font-size:.875rem}.sidebar-nav a:hover{background:var(--bg-tertiary);color:var(--text)}.sidebar-nav a.active{background:var(--bg-tertiary);color:var(--primary)}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--border)}.user-email{font-size:.75rem;color:var(--text-muted)}.main-content{flex:1;overflow-y:auto;padding:2rem}.btn{display:inline-flex;align-items:center;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.usage-bar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1.5rem;font-size:.875rem}.usage-progress{height:6px;background:var(--bg-tertiary);border-radius:3px;margin-top:.5rem;overflow:hidden}.usage-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.empty-state{color:var(--text-muted);grid-column:1 / -1;text-align:center;padding:3rem}.project-card{display:block;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;text-decoration:none;color:var(--text);transition:border-color .15s}.project-card:hover{border-color:var(--primary)}.project-card-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.project-card h3{font-size:1rem;margin-bottom:.25rem}.project-card time{font-size:.75rem;color:var(--text-muted)}.project-type,.project-status{font-size:.7rem;padding:.125rem .5rem;border-radius:9999px;text-transform:uppercase;font-weight:600}.type-dashboard{background:#1e3a5f;color:#93c5fd}.type-cron{background:#3b2f1e;color:#fcd34d}.type-alert{background:#3b1e1e;color:#fca5a5}.status-draft{background:var(--bg-tertiary);color:var(--text-muted)}.status-active{background:#1a3a2a;color:#86efac}.status-archived{background:var(--bg-tertiary);color:var(--text-muted)}.project-view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.project-view-header h2{margin-bottom:.5rem}.project-config pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;overflow-x:auto;font-size:.8rem;margin-top:.5rem}.project-tasks{margin-top:2rem}.task-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;margin-top:.5rem;font-size:.875rem}.task-row code{font-size:.8rem;background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:4px}.enabled{color:var(--success)}.disabled{color:var(--text-muted)}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 4rem)}.chat-messages{flex:1;overflow-y:auto;padding-bottom:1rem}.chat-message{margin-bottom:1rem;max-width:720px}.chat-message-role{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem}.chat-message-role.assistant{color:var(--primary)}.chat-message-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;font-size:.875rem;line-height:1.6;white-space:pre-wrap}.chat-message-content.user{background:var(--bg-tertiary)}.chat-tool-call{font-size:.8rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;margin-top:.5rem}.chat-tool-call summary{cursor:pointer;color:var(--text-muted)}.chat-input-form{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.chat-input{flex:1;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.875rem;font-family:inherit;resize:none}.chat-input:focus{outline:none;border-color:var(--primary)}.chat-input::placeholder{color:var(--text-muted)}.chat-warning{background:#3b2f1e;border:1px solid #92400e;color:#fcd34d;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;margin-bottom:.5rem}.chat-error{background:#3b1e1e;border:1px solid #991b1b;color:#fca5a5;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;margin-bottom:.5rem}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.login-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:2.5rem;width:100%;max-width:380px}.login-card h1{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.login-card form{display:flex;flex-direction:column;gap:1rem}.login-card label{display:flex;flex-direction:column;gap:.375rem;font-size:.8rem;color:var(--text-muted)}.login-card input{padding:.625rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.875rem;font-family:inherit}.login-card input:focus{outline:none;border-color:var(--primary)}.login-card .btn{width:100%;justify-content:center;padding:.625rem;margin-top:.5rem}.login-error{background:#3b1e1e;border:1px solid #991b1b;color:#fca5a5;padding:.5rem .75rem;border-radius:6px;font-size:.8rem}.btn-logout{display:block;margin-top:.5rem;background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:0}.btn-logout:hover{color:var(--danger)}