:root{--primary:#1a1f36;--primary-light:#252b47;--accent:#6366f1;--accent-light:#eef2ff;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--bg:#f8fafc;--card:#fff;--border:#e2e8f0;--text:#1e293b;--text-muted:#64748b;--font:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'JetBrains Mono','Fira Code',monospace;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.10);--shadow-lg:0 10px 30px rgba(0,0,0,.12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}a{text-decoration:none;color:inherit}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--primary);color:white;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.sidebar-logo{font-size:1.5rem;font-weight:800;padding:24px}.sidebar-nav{display:flex;flex-direction:column;gap:6px;padding:8px 12px}.sidebar-nav a{padding:12px;border-radius:10px;color:#cbd5e1}.sidebar-nav a:hover{background:var(--primary-light);color:white}.sidebar-footer{margin-top:auto;padding:16px;color:#94a3b8}.main-wrapper{margin-left:240px;flex:1}.topbar{height:72px;background:white;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 28px}.page-content{padding:28px}.card,.kpi-card,.agent-card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.card-header,.card-body,.card-footer{padding:18px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.kpi-value{font-size:2rem;font-weight:800}.kpi-label,.text-muted{color:var(--text-muted)}.data-table{width:100%;border-collapse:collapse;background:white}.data-table th,.data-table td{padding:12px;border-bottom:1px solid var(--border);text-align:left}.table-wrapper{overflow:auto}.table-filters{display:flex;gap:10px;margin-bottom:16px}.badge{border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:700;background:#e2e8f0}.badge-active,.badge-done{background:#dcfce7;color:#166534}.badge-inactive,.badge-todo{background:#f1f5f9;color:#475569}.badge-archived,.badge-failed,.badge-critical{background:#fee2e2;color:#991b1b}.badge-running,.badge-high{background:#dbeafe;color:#1d4ed8}.badge-normal,.badge-mock{background:#eef2ff;color:#4338ca}.badge-low{background:#ecfeff;color:#0e7490}.badge-hermes{background:#fef3c7;color:#92400e}.btn{border:0;border-radius:10px;padding:10px 14px;background:#e2e8f0;cursor:pointer;font-weight:700}.btn-primary{background:var(--accent);color:white}.btn-secondary{background:#334155;color:white}.btn-danger{background:var(--danger);color:white}.btn-success{background:var(--success);color:white}.btn-ghost{background:transparent;border:1px solid var(--border)}.btn-sm{padding:7px 10px;font-size:.82rem}.btn-icon{padding:8px}.form-group{margin-bottom:14px}.form-label{display:block;font-weight:700;margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px;font:inherit}.form-textarea{min-height:110px}.form-hint{font-size:.82rem;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;z-index:50}.modal-box{background:white;border-radius:18px;box-shadow:var(--shadow-lg);width:min(760px,92vw);max-height:90vh;overflow:auto}.modal-header,.modal-body,.modal-footer{padding:18px;border-bottom:1px solid var(--border)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;border-bottom:0}.kanban-board{display:grid;grid-template-columns:repeat(5,280px);gap:16px;overflow-x:auto}.kanban-col{background:#f1f5f9;border-radius:16px;padding:12px;min-height:420px}.kanban-col-header{display:flex;justify-content:space-between;font-weight:800;margin-bottom:12px}.kanban-cards{display:flex;flex-direction:column;gap:10px}.kanban-card{background:white;border:1px solid var(--border);border-radius:14px;padding:12px}.kanban-card-meta,.kanban-card-footer{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.85rem}.log-line{display:grid;grid-template-columns:170px 90px 130px 1fr;gap:10px;padding:9px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.88rem}.log-DEBUG{background:#f8fafc}.log-INFO{background:#eff6ff}.log-WARN{background:#fffbeb}.log-ERROR{background:#fef2f2}.log-CRITICAL{background:#ffe4e6}.toast-container{position:fixed;right:18px;top:18px;z-index:100}.toast{opacity:0;transform:translateX(120%);transition:.25s;background:white;border-left:5px solid var(--info);padding:12px;border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:10px}.toast.show{opacity:1;transform:translateX(0)}.toast-success{border-color:var(--success)}.toast-error{border-color:var(--danger)}.toast-info{border-color:var(--info)}.toast-warning{border-color:var(--warning)}.agent-card{padding:18px}.agent-card-top{display:flex;align-items:center;gap:12px}.agent-avatar{font-size:2.2rem;width:52px;height:52px;background:var(--accent-light);border-radius:16px;display:grid;place-items:center}.agent-name{margin:0}.agent-role,.agent-status{color:var(--text-muted)}.agent-meta,.agent-stats,.agent-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.timeline{display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;gap:12px}.timeline-dot{width:12px;height:12px;background:var(--accent);border-radius:99px;margin-top:6px}.timeline-content{background:white;border:1px solid var(--border);border-radius:12px;padding:10px;flex:1}.code-editor{font-family:var(--font-mono);background:#0f172a;color:#e2e8f0;line-height:1.6}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-bottom:16px}.tab-btn{padding:10px 12px;border:0;background:transparent;cursor:pointer;font-weight:800}.tab-btn.active{color:var(--accent);border-bottom:3px solid var(--accent)}.tab-pane{display:none}.tab-pane.active{display:block}.floating-action{position:fixed;right:24px;bottom:24px}@media(max-width:900px){.sidebar{position:static;width:100%}.app-layout{flex-direction:column}.main-wrapper{margin-left:0}.grid-4,.grid-3{grid-template-columns:1fr}}

/* MameOS friendly/novice layer */
.text-soft{color:#cbd5e1}.btn-lg{padding:14px 20px;font-size:1rem}.btn-full{width:100%;justify-content:center;margin-top:18px}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.landing-body{background:linear-gradient(180deg,#f8fafc 0%,#eef2ff 48%,#f8fafc 100%)}.landing-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.9)}.landing-brand{font-size:1.45rem;font-weight:900;color:var(--primary)}.landing-nav nav{display:flex;align-items:center;gap:18px;color:var(--text-muted);font-weight:700}.landing-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:42px;align-items:center;padding:82px 5vw 56px}.landing-hero h1{font-size:clamp(2.4rem,5vw,4.9rem);line-height:.98;margin:12px 0 18px;color:var(--primary)}.hero-lead{font-size:1.18rem;line-height:1.75;color:var(--text-muted);max-width:760px}.hero-actions,.trust-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.trust-row{margin-top:22px;color:#334155;font-weight:700}.hero-panel{display:flex;justify-content:center}.mini-window{background:#0f172a;color:#e2e8f0;border-radius:28px;padding:28px;box-shadow:var(--shadow-lg);max-width:440px}.mini-window h3{font-size:1.6rem;margin:14px 0}.mini-window-head{display:flex;gap:8px}.mini-window-head span{width:12px;height:12px;border-radius:50%;background:#64748b}.mini-window-head span:first-child{background:#ef4444}.mini-window-head span:nth-child(2){background:#f59e0b}.mini-window-head span:nth-child(3){background:#22c55e}.clean-list{list-style:none;padding:0;margin:0}.clean-list li{margin:10px 0}.numbered{counter-reset:step}.numbered li{counter-increment:step;padding-left:34px;position:relative}.numbered li:before{content:counter(step);position:absolute;left:0;top:-1px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:white;font-weight:900}.landing-section{padding:64px 5vw}.landing-section.alt{background:rgba(255,255,255,.62);border-block:1px solid rgba(226,232,240,.8)}.section-heading{max-width:860px;margin:0 auto 32px;text-align:center}.section-heading h2{font-size:clamp(1.8rem,3vw,3rem);margin:10px 0;color:var(--primary)}.section-heading p{color:var(--text-muted);font-size:1.08rem;line-height:1.7}.feature-grid{display:grid;gap:18px}.feature-grid.four{grid-template-columns:repeat(4,1fr)}.feature-grid.three{grid-template-columns:repeat(3,1fr)}.feature-card,.workflow-card,.helper-card,.welcome-card{background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:var(--shadow-sm)}.feature-card h3,.workflow-card h3{margin-top:0;color:var(--primary)}.feature-card p,.workflow-card p{color:var(--text-muted);line-height:1.65}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.flow-line{margin-top:18px;padding:12px;border-radius:14px;background:var(--accent-light);color:#3730a3;font-weight:800}.landing-cta{text-align:center;padding:64px 5vw 84px}.landing-cta h2{font-size:2.3rem;margin-bottom:8px}.login-body{min-height:100vh;background:radial-gradient(circle at top left,#eef2ff 0,#f8fafc 45%,#ffffff 100%)}.login-shell{display:grid;grid-template-columns:1fr 430px;gap:42px;align-items:center;min-height:100vh;padding:7vw}.login-info h1{font-size:clamp(2rem,4vw,4rem);line-height:1.05;color:var(--primary)}.login-info p{font-size:1.12rem;color:var(--text-muted);line-height:1.7}.login-card{box-shadow:var(--shadow-lg)}.welcome-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;background:linear-gradient(135deg,#fff,#eef2ff)}.welcome-card h2{font-size:2rem;margin:8px 0}.welcome-card p{color:var(--text-muted);max-width:760px}.welcome-steps{display:grid;gap:8px;min-width:280px}.welcome-steps span{background:#fff;border:1px solid var(--border);border-radius:999px;padding:10px 14px;font-weight:800}.dashboard-grid{margin-top:18px}.helper-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.helper-card{display:flex;flex-direction:column;gap:8px}.helper-card span{color:var(--text-muted)}.helper-card a{color:var(--accent);font-weight:900}.review-row{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:10px}.review-row p{margin:.35rem 0 0;color:var(--text-muted)}.empty-state{color:var(--text-muted);background:#f8fafc;border:1px dashed var(--border);border-radius:14px;padding:16px}.kpi-trend{color:var(--text-muted);font-size:.85rem;margin-top:6px}@media(max-width:1050px){.landing-hero,.login-shell{grid-template-columns:1fr}.feature-grid.four,.feature-grid.three,.workflow-grid,.helper-grid{grid-template-columns:1fr 1fr}.welcome-card{flex-direction:column;align-items:flex-start}.landing-nav{align-items:flex-start;gap:14px}.landing-nav nav{flex-wrap:wrap}}@media(max-width:680px){.landing-hero{padding-top:48px}.feature-grid.four,.feature-grid.three,.workflow-grid,.helper-grid{grid-template-columns:1fr}.landing-nav{position:static}.landing-nav nav a:not(.btn){display:none}.login-shell{padding:24px}.review-row{flex-direction:column;align-items:flex-start}}

/* Audit hardening additions */
.text-muted{color:var(--text-muted)}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.wide{grid-column:1/-1}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.btn-success{background:var(--success);color:#fff}.big{font-size:2.6rem}.agent-control-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm)}.detail-actions{justify-content:flex-end}.urgent-card{margin:16px 0}.action-line{display:block;padding:12px 14px;border-radius:12px;border:1px solid var(--border);margin-bottom:8px;text-decoration:none;color:var(--text);font-weight:700}.action-line.danger{background:#fef2f2;border-color:#fecaca}.action-line.warning{background:#fffbeb;border-color:#fde68a}.action-line.info{background:#eff6ff;border-color:#bfdbfe}.activity-row{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:8px;background:#fff}.activity-error{border-color:#fecaca;background:#fef2f2}.logs-panel{margin-top:12px}.orchestrator-status{display:grid;gap:16px}.review-row{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;background:#fff}.review-row p{margin:.25rem 0 0}.kanban-card-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:8px 0}.task-actions{display:flex;flex-wrap:wrap;gap:6px}.empty-state{padding:18px;border:1px dashed var(--border);border-radius:14px;color:var(--text-muted);background:#fff}.badge-error,.badge-failed{background:#fee2e2;color:#991b1b}.badge-active{background:#dcfce7;color:#166534}.badge-inactive,.badge-todo{background:#f1f5f9;color:#475569}.badge-archived{background:#1f2937;color:#fff}.badge-running{background:#dbeafe;color:#1d4ed8}.badge-done{background:#dcfce7;color:#166534}.badge-pending_validation{background:#fef3c7;color:#92400e}.badge-critical{background:#fee2e2;color:#991b1b}.badge-high{background:#ffedd5;color:#9a3412}.badge-normal{background:#e0e7ff;color:#3730a3}.badge-low{background:#f1f5f9;color:#475569}.log-ERROR,.log-CRITICAL{color:#991b1b}.log-WARN{color:#92400e}.log-INFO{color:#1d4ed8}.log-DEBUG{color:#64748b}
@media(max-width:760px){.agent-control-card{grid-template-columns:1fr}.detail-actions{justify-content:flex-start}.review-row,.activity-row{flex-direction:column}.table-wrapper{overflow-x:auto}.data-table{min-width:760px}.btn,.btn-sm{min-height:42px}.kanban-board{grid-template-columns:1fr}.modal-box{width:94vw}.topbar{gap:8px}.topbar h1{font-size:1.1rem}}

/* Test login accounts — phase test MameOS */
.login-shell-wide{max-width:1180px;grid-template-columns:minmax(300px,420px) 1fr;align-items:start}.login-stack{display:grid;gap:18px}.test-mode-note{margin-top:22px;padding:14px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.test-accounts-card{box-shadow:var(--shadow-md)}.test-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.test-account{display:grid;gap:9px;padding:14px;border:1px solid var(--border);border-radius:16px;background:#f8fafc}.test-account strong{display:block;color:var(--text)}.test-account span{display:block;color:var(--text-muted);font-size:.82rem;margin-top:2px}.test-account code{display:block;padding:8px 10px;border-radius:10px;background:#111827;color:#e5e7eb;font-family:var(--font-mono);font-size:.78rem;overflow:auto}.btn-full{width:100%;justify-content:center;margin-top:14px}@media(max-width:900px){.login-shell-wide{grid-template-columns:1fr}.test-account-grid{grid-template-columns:1fr}}