:root{--room-bg: #F8F9FA;--room-panel: #FFFFFF;--room-accent: #00C48C;--room-text: #1A1A2E;--room-muted: #6B7280;--room-border: #E5E7EB;--room-amber: #F59E0B;--room-success: #10B981;--room-danger: #EF4444;--room-shadow: 0 1px 3px rgba(0,0,0,.08);--room-radius: 12px}.rooms-layout{background:var(--room-bg);min-height:100vh;color:var(--room-text);font-family:system-ui,-apple-system,sans-serif;--bg: #F0F1F3;--surface: #FFFFFF;--border: #E5E7EB;--border-hi: #D1D5DB;--text: #1A1A2E;--muted: #6B7280;--accent: #00C48C;--accent-dim: rgba(0,196,140,.08);--danger: #EF4444;--warn: #F59E0B}.rooms-topbar{background:var(--room-panel);border-bottom:1px solid var(--room-border);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.rooms-topbar-left,.rooms-topbar-right{display:flex;align-items:center;gap:1rem}.rooms-brand{font-weight:700;font-size:.9rem;letter-spacing:-.02em}.rooms-brand span{color:var(--room-accent)}.rooms-company{font-size:.82rem;color:var(--room-muted)}.room-nav{background:var(--room-panel);border-bottom:1px solid var(--room-border);padding:0 1.5rem;display:flex;gap:0}.room-tab{padding:.75rem 1.25rem;font-size:.85rem;font-weight:500;color:var(--room-muted);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;transition:all .2s}.room-tab:hover{color:var(--room-text)}.room-tab.active{color:var(--room-accent);border-bottom-color:var(--room-accent);font-weight:600}.room-content{max-width:960px;margin:0 auto;padding:1.5rem}.room-panel{background:var(--room-panel);border-radius:var(--room-radius);box-shadow:var(--room-shadow);padding:1.5rem;margin-bottom:1rem}.room-panel-header{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--room-muted);margin-bottom:1rem}.room-progress{height:6px;background:var(--room-border);border-radius:3px;overflow:hidden;margin:.5rem 0}.room-progress-fill{height:100%;background:var(--room-accent);border-radius:3px;transition:width .5s ease}.room-status{display:inline-flex;align-items:center;gap:.5rem}.room-status-dot{width:10px;height:10px;border-radius:50%}.room-status-dot.green{background:var(--room-success)}.room-status-dot.amber{background:var(--room-amber)}.room-status-dot.red{background:var(--room-danger)}.room-task-card{background:var(--room-panel);border-radius:var(--room-radius);border:1px solid var(--room-border);padding:1.5rem}.room-task-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--room-text)}.room-task-meta{font-size:.82rem;color:var(--room-muted);margin-bottom:1rem}.room-btn-primary{background:var(--room-accent);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .2s}.room-btn-primary:hover{opacity:.9}.room-btn-primary:disabled{opacity:.5;cursor:not-allowed}.room-btn-secondary{background:transparent;color:var(--room-muted);border:1px solid var(--room-border);padding:.6rem 1.25rem;border-radius:8px;font-size:.85rem;cursor:pointer}.room-btn-ghost{background:none;border:none;color:var(--room-muted);font-size:.82rem;cursor:pointer;text-decoration:underline;padding:.25rem 0}.room-chat{background:var(--room-panel);border-radius:var(--room-radius);box-shadow:var(--room-shadow);overflow:hidden}@media (max-width: 768px){.room-content,.room-panel{padding:1rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0b;--surface:#111114;--border:#1e1e24;--border-hi:#2e2e38;--text:#e8e8f0;--muted:#6b6b80;--accent:#00e5a0;--accent-dim:#00e5a022;--danger:#ff4d6d;--warn:#f59e0b;--mono:"Space Mono",monospace;--sans:"DM Sans",sans-serif;--radius:6px;--max:960px}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:400;line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--sans);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--sans);font-size:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.75rem 1rem;width:100%;transition:border-color .15s}input:focus,textarea:focus{outline:none;border-color:var(--accent)}input::placeholder{color:var(--muted)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:2px}