*,:before,:after{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;background:0 0;border:none;font-family:inherit}:root{--navy:#0d1b2a;--navy-2:#1a2e42;--blue:#2454c7;--blue-lt:#e7edfa;--cream:#faf8f5;--cream-2:#f3f0eb;--cream-3:#e8e4dc;--stone:#6b6560;--stone-lt:#a8a29e;--red:#ef4444;--red-lt:#fef2f2;--green:#10b981;--green-lt:#ecfdf5;--amber:#f59e0b;--amber-lt:#fffbeb;--purple:#8b5cf6;--purple-lt:#f5f3ff;--gold:#b08d57;--gold-dk:#8c6e41;--gold-lt:#f1e7d6;--r:10px;--r-lg:14px;--r-xl:20px;--serif:"DM Serif Display",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif;--shadow:0 1px 4px #0d1b2a14,0 4px 16px #0d1b2a0f;--shadow-md:0 4px 20px #0d1b2a1f}html,body{height:100%;font-family:var(--sans);background:var(--cream);color:var(--navy);font-size:14px}.db-layout{grid-template-rows:56px 1fr;grid-template-columns:220px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--navy);flex-direction:column;grid-row:1/3;padding:0;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:16px 20px;display:flex}.sidebar-logo{font-family:var(--serif);color:#fff;letter-spacing:-.02em;font-size:18px}.sidebar-badge{color:#fff9;letter-spacing:.08em;text-transform:uppercase;background:#ffffff1f;border-radius:20px;padding:2px 7px;font-size:9px;font-weight:700}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-section{letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;padding:12px 10px 6px;font-size:9px;font-weight:700}.nav-item{border-radius:var(--r);color:#fff9;cursor:pointer;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.active{color:#fff;background:#ffffff1f}.nav-item-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.nav-badge{background:var(--red);color:#fff;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.nav-badge.amber{background:var(--amber)}.nav-badge.blue{background:var(--blue)}.sidebar-installer{border-top:1px solid #ffffff12;align-items:center;gap:10px;padding:16px 20px;display:flex}.installer-avatar{background:linear-gradient(135deg,#0d1b2a,#1a2e42);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.installer-name{color:#fff;font-size:12px;font-weight:600}.installer-role{color:#fff6;font-size:10px}.topbar{border-bottom:1px solid var(--cream-3);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex}.topbar-title{font-family:var(--serif);color:var(--navy);font-size:18px}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-date{color:var(--stone);font-size:12px}.topbar-notif{background:var(--cream);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex;position:relative}.topbar-notif-dot{background:var(--red);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.topbar-btn{background:var(--navy);color:#fff;border-radius:var(--r-lg);cursor:pointer;padding:7px 14px;font-size:12px;font-weight:600;transition:background .15s}.topbar-btn:hover{background:var(--navy-2)}.db-main{flex-direction:column;gap:24px;padding:24px;display:flex;overflow-y:auto}.kpi-row{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.kpi-card{border-radius:var(--r-xl);box-shadow:var(--shadow);cursor:pointer;background:#fff;padding:18px 20px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-accent{border-radius:var(--r-xl) var(--r-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-dot{border-radius:50%;width:10px;height:10px;margin-bottom:12px}.kpi-val{font-family:var(--serif);color:var(--navy);margin-bottom:4px;font-size:36px;line-height:1}.kpi-label{color:var(--stone);font-size:12px;font-weight:500;line-height:1.3}.kpi-delta{margin-top:8px;font-size:11px;font-weight:600}.kpi-delta.up{color:var(--green)}.kpi-delta.warn{color:var(--amber)}.body-grid{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}.panel{border-radius:var(--r-xl);box-shadow:var(--shadow);background:#fff;overflow:hidden}.panel-head{border-bottom:1px solid var(--cream-2);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-title{font-family:var(--serif);color:var(--navy);font-size:17px}.panel-subtitle{color:var(--stone);margin-top:1px;font-size:11px}.panel-action{color:var(--blue);cursor:pointer;font-size:12px;font-weight:600}.pipeline-scroll{padding:16px 20px 20px;overflow-x:auto}.pipeline{gap:14px;min-width:max-content;display:flex}.pipe-col{flex-shrink:0;width:190px}.pipe-col-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pipe-col-title{letter-spacing:.06em;text-transform:uppercase;color:var(--stone);font-size:11px;font-weight:700}.pipe-col-count{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.pipe-cards{flex-direction:column;gap:8px;display:flex}.job-card{background:var(--cream);border-radius:var(--r-lg);cursor:pointer;border:1.5px solid #0000;padding:12px 13px;transition:all .15s}.job-card:hover{border-color:#0d1b2a26;box-shadow:0 2px 8px #0d1b2a14}.job-card-name{color:var(--navy);margin-bottom:3px;font-size:13px;font-weight:600}.job-card-spec{color:var(--stone);margin-bottom:6px;font-size:11px;line-height:1.4}.job-card-footer{justify-content:space-between;align-items:center;display:flex}.job-card-date{color:var(--stone-lt);font-size:10px}.job-card-tag{letter-spacing:.06em;text-transform:uppercase;border-radius:10px;padding:2px 7px;font-size:9px;font-weight:700}.right-col{flex-direction:column;gap:16px;display:flex}.schedule-list{padding:0 20px 16px}.schedule-item{border-bottom:1px solid var(--cream-2);gap:12px;padding:12px 0;display:flex}.schedule-item:last-child{border-bottom:none}.schedule-time-col{text-align:right;flex-shrink:0;width:52px}.schedule-time{color:var(--navy);font-size:12px;font-weight:600}.schedule-ampm{color:var(--stone);font-size:10px}.schedule-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.schedule-body{flex:1;min-width:0}.schedule-title{color:var(--navy);margin-bottom:2px;font-size:13px;font-weight:600}.schedule-sub{color:var(--stone);font-size:11px}.schedule-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:10px;margin-top:4px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-block}.activity-list{padding:0 20px 16px}.activity-item{border-bottom:1px solid var(--cream-2);gap:10px;padding:10px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.activity-body{flex:1;min-width:0}.activity-text{color:var(--navy);font-size:12.5px;line-height:1.4}.activity-text strong{font-weight:600}.activity-time{color:var(--stone-lt);margin-top:2px;font-size:10px}.quick-actions{grid-template-columns:1fr 1fr;gap:8px;padding:16px 20px;display:grid}.qa-btn{border:1.5px solid var(--cream-3);border-radius:var(--r-lg);text-align:left;cursor:pointer;background:#fff;padding:12px;transition:all .15s}.qa-btn:hover{background:var(--cream);border-color:#0d1b2a33}.qa-btn-icon{margin-bottom:6px;font-size:20px;display:block}.qa-btn-label{color:var(--navy);font-size:12px;font-weight:600}@media (max-width:1100px){.kpi-row{grid-template-columns:repeat(3,1fr)}.body-grid{grid-template-columns:1fr}.right-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}}@media (max-width:860px){.db-layout{grid-template-columns:1fr}.sidebar{display:none}.kpi-row{grid-template-columns:repeat(2,1fr)}}.qr-list{flex-direction:column;display:flex}.qr-row{border-bottom:1px solid var(--cream-2);cursor:pointer;align-items:center;gap:16px;padding:14px 20px;transition:background .12s;display:flex}.qr-row:last-child{border-bottom:none}.qr-row:hover{background:var(--cream)}.qr-thumb{border-radius:var(--r-lg);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 2px 8px #0d1b2a26}.qr-details{flex:1;min-width:0}.qr-name{color:var(--navy);margin-bottom:2px;font-size:14px;font-weight:600}.qr-spec{color:var(--stone);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:12px;overflow:hidden}.qr-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qr-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.qr-views{color:var(--stone);font-size:11px}.qr-time{color:var(--stone-lt);font-size:11px}.qr-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.qr-btn{border-radius:var(--r);cursor:pointer;white-space:nowrap;border:none;padding:7px 13px;font-size:12px;font-weight:600;transition:all .12s}.qr-btn-primary{background:var(--navy);color:#fff}.qr-btn-primary:hover{background:var(--navy-2)}.qr-btn-secondary{background:var(--cream-2);color:var(--navy);border:1.5px solid var(--cream-3)}.qr-btn-secondary:hover{background:var(--cream-3)}.qr-btn-ghost{color:var(--stone-lt);background:0 0;padding:6px 8px;font-size:14px}.qr-btn-ghost:hover{color:var(--navy)}@media (max-width:700px){.qr-actions{display:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.live-dot{background:var(--green);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:5px;animation:1.8s infinite pulse;display:inline-block}.jm-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;background:#0d1b2a73;transition:opacity .25s;position:fixed;inset:0}.jm-backdrop.open{opacity:1;pointer-events:auto}.jm-modal{border-radius:var(--r-xl);z-index:101;opacity:0;background:#fff;width:min(520px,100vw - 32px);max-height:90vh;transition:opacity .25s,transform .25s;position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-46%);box-shadow:0 20px 60px #0d1b2a33}.jm-modal.open{opacity:1;transform:translate(-50%,-50%)}.jm-head{background:var(--navy);justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.jm-name{font-family:var(--serif);color:#fff;margin-bottom:3px;font-size:22px}.jm-spec{color:#ffffff8c;font-size:12px}.jm-close{color:#fff9;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.jm-body{padding:20px 22px}.jm-row{border-bottom:1px solid var(--cream-2);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.jm-row:last-child{border-bottom:none}.jm-key{color:var(--stone)}.jm-val{color:var(--navy);font-weight:600}.jm-actions{grid-template-columns:1fr 1fr;gap:8px;padding:0 22px 22px;display:grid}.jm-action-btn{border-radius:var(--r-lg);text-align:center;cursor:pointer;padding:11px;font-size:13px;font-weight:600;transition:all .15s}.jm-action-primary{background:var(--navy);color:#fff;border:none}.jm-action-primary:hover{background:var(--navy-2)}.jm-action-secondary{background:var(--cream);color:var(--navy);border:1px solid var(--cream-3)}.jm-action-secondary:hover{background:var(--cream-2)}