:root{--navy:#0a1f44;--navy2:#1a3a6e;--navy3:#2a5099;--gold:#c9a84c;--white:#fff;--bg:#f0f4f8;--card:#fff;--text:#1a2535;--muted:#6b7a90;--border:#dde3ed;--green:#16a34a;--red:#dc2626}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.topbar{background:var(--navy);color:#fff;z-index:100;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0003}.topbar-logo{letter-spacing:3px;font-size:13px;font-weight:800}.topbar-logo span{color:var(--gold)}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-time{color:#ffffff80;font-size:12px}.logout-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:6px;transition:color .2s;display:flex}.logout-btn:hover{color:#fff}.nav-tabs{border-bottom:1px solid var(--border);background:#fff;gap:0;padding:0 24px;display:flex;overflow-x:auto}.nav-tab{color:var(--muted);cursor:pointer;white-space:nowrap;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:16px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.nav-tab:hover{color:var(--navy)}.nav-tab.active{color:var(--navy);border-bottom-color:var(--navy)}.nav-badge{background:var(--navy);color:#fff;text-align:center;border-radius:99px;min-width:18px;padding:2px 6px;font-size:10px;font-weight:700}.content{max-width:1400px;margin:0 auto;padding:24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{color:var(--navy);font-size:20px;font-weight:800}.section-sub{color:var(--muted);margin-top:2px;font-size:13px}.refresh-btn{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.refresh-btn:hover{background:var(--navy2)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px;display:grid}.kpi-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000f}.kpi-label{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600}.kpi-value{color:var(--navy);font-size:32px;font-weight:800;line-height:1}.kpi-sub{color:var(--muted);margin-top:4px;font-size:12px}.james-card{background:var(--navy);color:#fff;border-radius:16px;margin-bottom:24px;padding:28px;box-shadow:0 4px 20px #0a1f444d}.james-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.james-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.james-title{letter-spacing:2px;color:#fff9;font-size:12px;font-weight:700}.james-current{margin-bottom:8px;font-size:18px;font-weight:700}.james-detail{color:#ffffffa6;font-size:13px;line-height:1.6}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.info-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000f}.info-card-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.info-card-icon{background:var(--navy);border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.info-card-title{color:var(--navy);font-size:14px;font-weight:700}.info-card-sub{color:var(--muted);font-size:12px}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.info-row:last-child{border-bottom:none}.info-row-label{color:var(--muted)}.info-row-value{color:var(--navy);text-align:right;font-weight:600}.status-badge{border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700}.badge-green{color:#16a34a;background:#dcfce7}.badge-yellow{color:#ca8a04;background:#fef9c3}.badge-red{color:#dc2626;background:#fee2e2}.badge-navy{color:var(--navy);background:#dce6f5}.iframe-wrap{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.iframe-wrap iframe{border:none;width:100%;height:700px}.todo-list{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000f}.todo-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 0;transition:opacity .2s;display:flex}.todo-item:last-child{border-bottom:none}.todo-check{border:2px solid var(--border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:all .2s;display:flex}.todo-item.done .todo-check{background:var(--green);border-color:var(--green)}.todo-text{color:var(--text);font-size:14px;line-height:1.5}.todo-item.done .todo-text{color:var(--muted);text-decoration:line-through}.todo-meta{color:var(--muted);margin-top:2px;font-size:11px}.prio-high{color:var(--red);font-weight:700}.prio-mid{color:#ca8a04;font-weight:700}.cron-table{border-collapse:collapse;width:100%}.cron-table th{color:var(--muted);letter-spacing:1px;text-transform:uppercase;text-align:left;border-bottom:2px solid var(--border);padding:8px 12px;font-size:11px;font-weight:600}.cron-table td{border-bottom:1px solid var(--border);padding:12px;font-size:13px}.cron-table tr:last-child td{border-bottom:none}.cron-table tr:hover td{background:#f8fafc}.cron-status{align-items:center;gap:5px;display:inline-flex}.cron-dot{border-radius:50%;width:7px;height:7px}.dot-green{background:#22c55e}.dot-yellow{background:#f59e0b}.office-room-wrap{box-sizing:border-box;background:#fff;border-radius:16px;max-width:100%;margin-bottom:24px;padding:24px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.office-room-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.office-room-label{letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.office-live-badge{color:#16a34a;letter-spacing:.5px;background:#dcfce7;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.office-live-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.office-canvas{border:2px solid var(--border);box-sizing:border-box;background:#f0f4f8;border-radius:14px;width:100%;max-width:100%;height:420px;position:relative;overflow:hidden}.room-zone-label{letter-spacing:1.5px;text-transform:uppercase;color:#0a1f4440;pointer-events:none;font-size:9px;font-weight:700;position:absolute}.furn{border-radius:6px;position:absolute}.furn-desk{background:var(--navy);opacity:.85;border-radius:8px}.furn-desk-small{background:var(--navy2);opacity:.7;border-radius:6px}.furn-coffee{opacity:.8;background:#7c5c3a;border-radius:50%}.furn-coffee-table{opacity:.6;background:#a07850;border-radius:8px}.furn-whiteboard{border:2px solid var(--navy2);opacity:.9;background:#fff;border-radius:4px}.furn-plant{opacity:.6;background:#22c55e;border-radius:50%}.furn-server{opacity:.9;background:#1a3a6e;border-radius:4px}.furn-chair{background:#0a1f4440;border-radius:50%}.room-wall{background:var(--border);position:absolute}.bot-figure{cursor:default;z-index:10;filter:drop-shadow(0 2px 4px #00000040);width:32px;height:52px;transition:left 1.8s cubic-bezier(.4,0,.2,1),top 1.8s cubic-bezier(.4,0,.2,1);position:absolute}.bot-figure svg{width:100%;height:100%}.bot-name-label{letter-spacing:.5px;text-align:center;pointer-events:none;z-index:10;width:56px;font-size:9px;font-weight:700;transition:left 1.8s cubic-bezier(.4,0,.2,1),top 1.8s cubic-bezier(.4,0,.2,1);position:absolute}.bot-name-james{color:#22c55e}.bot-name-other{color:var(--muted)}@keyframes walk{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.bot-walking{transform-origin:bottom;animation:.6s ease-in-out infinite walk}.bot-figure:hover .bot-tip{display:block}.bot-tip{background:var(--navy);color:#fff;white-space:nowrap;z-index:20;pointer-events:none;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700;display:none;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.bot-bubble{border:1.5px solid var(--border);color:var(--navy);white-space:normal;z-index:15;pointer-events:none;background:#fff;border-radius:10px;max-width:180px;padding:6px 10px;font-size:10px;font-weight:600;line-height:1.3;transition:opacity .4s;position:absolute;box-shadow:0 2px 8px #0000001a}.bot-bubble:after{content:"";border:5px solid #0000;border-top-color:var(--border);position:absolute;bottom:-7px;left:14px}.office-log{background:#f8fafc;border-radius:10px;margin-top:16px;padding:14px}.office-log-label{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:700}.office-log-entry{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:6px 0;font-size:12px;display:flex}.office-log-entry:last-child{border-bottom:none}.office-log-time{color:var(--muted);flex-shrink:0;min-width:45px}.office-log-text{color:var(--text);line-height:1.4}.notion-task{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.notion-task:last-child{border-bottom:none}.task-prio{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.task-title{color:var(--text);font-size:13px;font-weight:500}.task-db{color:var(--muted);margin-top:2px;font-size:11px}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:40px;font-size:13px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--navy);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes mc-ping{75%,to{opacity:0;transform:scale(2.2)}}.mc-agent-card{cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:10px;transition:box-shadow .15s;overflow:hidden}.mc-agent-card:hover{box-shadow:0 0 0 2px #2563eb44}.mc-agent-card.open{box-shadow:0 0 0 2px #2563eb}.mc-kpi{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:8px;flex:1;min-width:0;padding:14px 8px}.mc-kpi-val{color:#f1f5f9;font-size:24px;font-weight:800;line-height:1}.mc-kpi-label{color:#64748b;letter-spacing:.06em;text-transform:uppercase;margin-top:5px;font-size:9.5px;font-weight:700}.mc-card-inner{padding:14px 16px}.mc-card-tasks{background:#0f172a;border-top:1px solid #334155;padding:10px 16px}.mc-step-symbol{text-align:center;width:14px;font-size:11px;font-weight:700}.mc-approval-item{border-radius:6px;align-items:center;gap:8px;margin-bottom:5px;padding:8px 10px;display:flex}.mc-section-label{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;padding-left:2px;font-size:11px;font-weight:700}.mc-right-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}@media (width<=640px){.topbar{height:52px;padding:0 14px}.topbar-logo{letter-spacing:2px;font-size:11px}.topbar-time{display:none}.nav-tabs{padding:0 8px}.nav-tab{gap:4px;padding:12px 10px;font-size:11px}.content{padding:14px}.section-title{font-size:16px}.section-sub{font-size:12px}.refresh-btn{padding:7px 12px;font-size:11px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-value{font-size:26px}.james-card{padding:18px}.james-current{font-size:15px}.cards-grid{grid-template-columns:1fr}.office-canvas{height:300px}.room-zone-label{font-size:7px}.bot-name-label{font-size:8px}.bot-bubble{max-width:130px;padding:4px 7px;font-size:9px}.bot-figure{width:24px;height:40px}.cron-table th:nth-child(3),.cron-table td:nth-child(3),.cron-table th:nth-child(4),.cron-table td:nth-child(4){display:none}.cron-table td,.cron-table th{padding:8px 6px;font-size:11px}.info-row{font-size:12px}.todo-text{font-size:13px}.iframe-wrap iframe{height:500px}.login-box{padding:32px 20px}.mc-kpi{flex:50px!important;min-width:50px!important;padding:8px!important}.mc-kpi-val{font-size:17px!important}.mc-kpi-label{font-size:8.5px!important}}