:root{--bg:#f8fafc;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--blue:#2563eb;--navy:#0f172a;--navy2:#1e293b;--orange:#ea580c;--orange-light:#fff7ed;--orange-border:#ffedd5;--green:#16a34a;--red:#dc2626;--panel:#fff;--sidebar-bg:#fff}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{grid-template-columns:240px minmax(0,1fr);width:100%;min-height:100vh;transition:grid-template-columns .24s cubic-bezier(.4,0,.2,1);display:grid;position:relative}.app.sidebar-closed{grid-template-columns:0 minmax(0,1fr)}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--line);color:#1e293b;z-index:100;flex-direction:column;flex-shrink:0;gap:8px;width:240px;height:100vh;padding:16px 12px 14px;transition:transform .24s cubic-bezier(.4,0,.2,1),opacity .2s,width .24s;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar.closed{opacity:0;pointer-events:none;width:0;padding-left:0;padding-right:0;transform:translate(-100%)}.sidebar.open{opacity:1;pointer-events:auto;width:240px;transform:translate(0)}.sidebar-close-btn{color:#64748b;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:background .15s,color .15s;display:none}.sidebar-close-btn:hover{color:#0f172a;background:#f1f5f9}.mobile-overlay{display:none}.brand{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;padding:4px 6px 14px;display:flex}.brand-mark{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.brand-text{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.brand-text strong{letter-spacing:-.01em;color:#0f172a;font-size:18px}.brand-text span{color:#ea580c;font-size:10px;font-weight:800}nav{flex-direction:column;gap:3px;display:flex}.nav-item{color:#475569;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:flex}.nav-item:hover{color:#0f172a;background:#f1f5f9}.nav-item.active{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;font-weight:700;box-shadow:0 1px 2px #0000000a}.nav-item.active svg{color:#ea580c}.sidebar-spacer{flex:1;min-height:12px}.plan-card{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.plan-title{color:#0f172a;margin-bottom:3px;font-size:12px;font-weight:700}.plan-card small{color:#64748b;margin-bottom:10px;font-size:11px;display:block}.plan-card button{color:#fff;background:#ea580c;border:0;border-radius:7px;width:100%;padding:8px;font-size:11.5px;font-weight:700;transition:background .15s,transform .1s}.plan-card button:hover{background:#c2410c}.help{margin-top:2px}.company-switcher{cursor:pointer;color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:9px;margin-top:4px;padding:8px 10px;transition:background .15s,border-color .15s;display:flex}.company-switcher:hover{background:#f1f5f9;border-color:#cbd5e1}.company-switcher>div:nth-child(2){flex:1;min-width:0}.company-switcher strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;display:block;overflow:hidden}.company-switcher small{color:#64748b;font-size:10px}.avatar{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:11.5px;font-weight:800;display:grid}.avatar.company{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.main{flex-direction:column;width:100%;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;gap:14px;height:72px;padding:0 24px;display:flex;position:sticky;top:0}.icon-button{border:1px solid var(--line);color:#435268;background:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;transition:background .15s,border-color .15s,color .15s;display:grid;position:relative}.icon-button:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.top-search{border:1px solid var(--line);color:#8a96a7;background:#fff;border-radius:10px;align-items:center;gap:9px;width:min(420px,40vw);height:40px;margin-left:auto;padding:0 12px;display:flex}.top-search input{color:#223047;border:0;outline:0;flex:1;min-width:0;font-size:13px}.top-search kbd{border:1px solid var(--line);color:#8b97a6;background:#fbfcfe;border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:11px}.clock{border:1px solid var(--line);background:#fff;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;min-width:154px;height:42px;padding:5px 11px;display:flex}.clock>div{flex-direction:column;display:flex}.clock span{color:#7e8b9c;letter-spacing:.06em;font-size:9px;font-weight:800}.clock strong{color:#1e293b;font-size:14px}.bell .badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;padding:2px 5px;font-size:9px;font-weight:700;position:absolute;top:-5px;right:-4px}.profile{flex-shrink:0;align-items:center;gap:8px;display:flex}.profile strong{font-size:12px;display:block}.profile small{color:#7a889a;align-items:center;gap:3px;font-size:10px;display:flex}.content{flex:1;padding:22px 26px 32px}.welcome-row{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.welcome-row h1{letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:800}.welcome-row p{color:var(--muted);margin:0;font-size:14px}.today-pill{border:1px solid var(--line);color:#647287;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:8px 13px;font-size:12.5px;display:flex}.metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:40px 1fr;column-gap:10px;min-height:108px;padding:14px 12px 10px;display:grid}.metric-icon{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.metric-icon svg{width:22px}.metric-icon.blue{color:#2779f1;background:#eaf2ff}.metric-icon.green{color:#1da762;background:#e8f9ef}.metric-icon.amber{color:#e38c24;background:#fff2df}.metric-icon.violet{color:#7d47df;background:#f1eaff}.metric-text{min-width:0}.metric-text strong{letter-spacing:-.02em;word-break:break-word;font-size:19px;line-height:1.2;display:block}.metric-text span{color:#4b5b70;font-size:11.5px;line-height:1.3;display:block}.metric-hint{grid-column:2;margin-top:8px;font-size:10px;font-weight:700}.metric-hint.blue{color:#1d6fdc}.metric-hint.green{color:#15935a}.metric-hint.amber{color:#cf7916}.metric-hint.violet{color:#7340cc}.dashboard-grid{grid-template-columns:minmax(340px,.9fr) minmax(500px,1.7fr);gap:14px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:50px;padding:0 14px;display:flex}.panel-title h2{margin:0;font-size:13.5px;font-weight:700}.panel-title small{color:#8b97a7;margin-top:2px;font-size:10px;display:block}.panel-title button,.panel-link{color:#1970d8;background:0 0;border:0;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.opportunity{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto 20px;align-items:center;gap:10px;padding:12px 14px;display:grid}.score{text-align:center;border-radius:8px;padding:7px 4px;font-size:11px;font-weight:800}.score.good{color:#15935a;background:#e9f8ef}.score.medium{color:#b88b14;background:#fff6d9}.score.low{color:#c17c15;background:#fff1da}.op-main strong,.op-main span,.op-value small,.op-value strong{display:block}.op-main strong{margin-bottom:3px;font-size:11.5px}.op-main span,.op-value small{color:#69778a;font-size:9.5px}.op-value{text-align:right;min-width:108px}.op-value strong{margin-top:3px;font-size:10.5px}.opportunity>svg{color:#56708b}.panel-link{justify-content:center;align-items:center;gap:5px;width:100%;padding:11px;text-decoration:none;display:flex}.pipeline{grid-template-columns:repeat(5,minmax(125px,1fr));gap:9px;min-height:382px;padding:11px;display:grid;overflow-x:auto}.pipeline-column{border:1px solid;border-radius:8px;padding:9px}.pipeline-column.blue{background:#f1f6ff;border-color:#dce8fb}.pipeline-column.amber{background:#fff9e9;border-color:#f4e8bb}.pipeline-column.violet{background:#f7f2ff;border-color:#e7dafc}.pipeline-column.cyan{background:#f0f9fb;border-color:#d6ecef}.pipeline-column.green{background:#f2faee;border-color:#dcedd5}.pipeline-head{justify-content:space-between;margin-bottom:10px;font-size:10px;font-weight:700;display:flex}.pipeline-column.blue .pipeline-head{color:#255c9b}.pipeline-column.amber .pipeline-head{color:#9b7116}.pipeline-column.violet .pipeline-head{color:#6f36a7}.pipeline-column.cyan .pipeline-head{color:#25858b}.pipeline-column.green .pipeline-head{color:#2b7a42}.pipeline-card{cursor:grab;background:#fff;border:1px solid #dfe5ed;border-radius:7px;margin-bottom:8px;padding:10px 9px;box-shadow:0 2px 6px #2030470d}.pipeline-card:active{cursor:grabbing}.pipeline-card strong,.pipeline-card span,.pipeline-card small{display:block}.pipeline-card strong{margin-bottom:5px;font-size:10.5px}.pipeline-card span,.pipeline-card small{color:#526176;font-size:9px}.pipeline-card small{margin-top:7px}.lower-grid{grid-template-columns:1fr 1.1fr 1.1fr;gap:14px;margin-top:14px;display:grid}.alert-row{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:11px 14px;display:grid}.alert-row:last-child{border-bottom:0}.alert-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.alert-icon svg{width:16px}.alert-icon.red{color:#e54848;background:#ffeded}.alert-icon.amber{color:#db9021;background:#fff4dd}.alert-icon.blue{color:#2f78dc;background:#eaf2ff}.alert-icon.green{color:#1ca462;background:#e9f8ef}.alert-icon.violet{color:#7b48db;background:#f1eaff}.alert-copy strong,.alert-copy span{display:block}.alert-copy strong{margin-bottom:2px;font-size:10.5px}.alert-copy span{color:#6f7d8e;font-size:9px}.alert-meta{white-space:nowrap;font-size:9.5px;font-weight:600}.alert-meta.red{color:#dc4545}.alert-meta.amber{color:#ce841b}.alert-meta.blue{color:#2e71ce}.alert-meta.green{color:#198e57}.alert-meta.violet{color:#7542cf}.op2-filter{border:1px solid var(--line);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;display:flex}.op2-filter>.search-box{border:1px solid var(--line);color:#718095;box-sizing:border-box;border-radius:8px;flex:2;align-items:center;gap:8px;min-width:220px;height:38px;padding:0 11px;display:flex}.op2-filter>.filter-select{border:1px solid var(--line);color:#435268;cursor:pointer;box-sizing:border-box;background:#fff;border-radius:8px;outline:none;align-items:center;gap:6px;height:38px;padding:0 10px;font-size:12px;display:flex}.op2-filter input{border:0;outline:0;flex:1;font-size:12.5px}.op2-filter>button{border:1px solid var(--line);color:#1e293b;cursor:pointer;box-sizing:border-box;background:#fff;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 12px;font-size:12px;transition:all .15s;display:flex}.op2-filter>button.primary-btn{background:var(--brand);border-color:var(--brand);color:#fff!important}.op2-filter>button.primary-btn:hover{background:#005bb5;color:#fff!important}#btn-advanced-toggle{cursor:pointer;font-weight:600;transition:all .15s;color:#0f172a!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}#btn-advanced-toggle:hover{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}#btn-advanced-toggle.active{font-weight:700;color:#1d4ed8!important;background:#eff6ff!important;border-color:#93c5fd!important}#btn-advanced-toggle.active:hover{color:#fff!important;background:#1d4ed8!important;border-color:#1d4ed8!important}.op2-list{flex-direction:column;gap:10px;display:flex}.op2-card{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:90px 1fr 150px;gap:14px;padding:15px;transition:border-color .15s,box-shadow .15s;display:grid}.op2-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.op2-score{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:76px;display:flex}.op2-score.high{color:#168c55;background:#e9f8ef}.op2-score.mid{color:#a97515;background:#fff4dc}.op2-score.low{color:#c17c15;background:#fff1da}.op2-score strong{font-size:22px}.op2-score span{font-size:9px;font-weight:800}.op2-top{justify-content:space-between;align-items:flex-start;display:flex}.op2-top small{color:#8290a0;font-size:8.5px;font-weight:800}.op2-top h2{margin:2px 0;font-size:15px}.op2-pot{color:#168c55;white-space:nowrap;background:#edf8f1;border-radius:999px;align-items:center;gap:4px;height:max-content;padding:5px 8px;font-size:9px;font-weight:800;display:flex}.op2-org{color:#58687c;align-items:center;gap:5px;margin-top:4px;font-size:10.5px;display:flex}.op2-main>p{color:#34445a;margin:8px 0;font-size:11.5px}.op2-meta{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.op2-meta span{color:#4d7097;align-items:center;gap:5px;font-size:9.5px;display:flex}.op2-meta b{color:#405168}.op2-why{color:#3974bc;background:#f7f9fc;border-radius:8px;gap:7px;margin-top:10px;padding:8px 9px;font-size:9.5px;display:flex}.op2-actions{flex-direction:column;gap:7px;display:flex}.op2-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:36px;font-size:10px;font-weight:700;transition:all .15s;display:flex}.op2-actions button:hover{background:#f8fafc}.op2-actions .primary{color:#fff;background:#2677ee;border:0}.op2-actions .primary:hover{background:#1a6ade}.op2-actions .primary:disabled{color:#168c55;background:#e8f8ef}.page-head,.lic-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-head h1,.lic-head h1{letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:800}.page-head p,.lic-head p{color:var(--muted);margin:0;font-size:13px}.padded{padding:18px}.primary-btn,.secondary-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:9px 13px;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.primary-btn{color:#fff;background:#2677ee;border:0}.primary-btn:hover{background:#1b6adb}.secondary-btn{border:1px solid var(--line);color:#41536a;background:#fff}.secondary-btn:hover{background:#f8fafc}.secondary-btn.small{padding:6px 10px;font-size:9.5px}.kanban-wide{grid-template-columns:repeat(6,minmax(190px,1fr));gap:11px;padding-bottom:8px;display:grid;overflow-x:auto}.kanban-col{border:1px solid var(--line);background:#f4f7fb;border-radius:9px;flex-direction:column;gap:8px;min-height:420px;padding:11px;display:flex}.kanban-title{color:#1e293b;justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.kanban-card{border:1px solid var(--line);color:inherit;cursor:pointer;background:#fff;border-radius:8px;margin-bottom:4px;padding:11px;text-decoration:none;transition:transform .1s,box-shadow .1s;display:block;box-shadow:0 1px 3px #00000008}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000f}.kanban-card strong,.kanban-card span,.kanban-card small{display:block}.kanban-card strong{font-size:11px}.kanban-card span,.kanban-card small{color:#69788a;margin-top:4px;font-size:9.5px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-title h2{margin:0;font-size:15px}.section-title p{color:var(--muted);margin:4px 0 0;font-size:11px}.document-row,.team-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:12px 0;display:grid}.document-row:last-child,.team-row:last-child{border-bottom:0}.document-row div,.team-row div{flex-direction:column;display:flex}.document-row strong,.team-row strong{font-size:11.5px}.document-row span,.team-row span{color:#718094;font-size:9.5px}.agenda-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:all .15s;display:flex}.agenda-row:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000000a}.green-text{color:#168c55;font-weight:700}.amber-text{color:#b47913;font-weight:700}.red-text{color:#d74444;font-weight:700}.report-metrics,.admin-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.report-metrics>div,.admin-metrics>div{border:1px solid var(--line);background:#fff;border-radius:9px;padding:16px}.report-metrics strong,.admin-metrics strong{letter-spacing:-.01em;font-size:20px;display:block}.report-metrics span,.admin-metrics span{color:#718094;font-size:10.5px}.table-wrap{margin-top:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11.5px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 10px}th{color:#6f7d90;font-size:10.5px;font-weight:600}.company-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.company-card{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;gap:15px;padding:16px;display:flex}.company-card div{flex-direction:column;display:flex}.company-card span,.company-card small{color:#718094;margin-top:4px;font-size:10px}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.toggle-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:11px 0;font-size:12.5px;display:flex}.toggle-row:last-child{border-bottom:0}.lic-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.lic-summary>div{border:1px solid var(--line);background:#fff;border-radius:9px;padding:13px}.lic-summary span,.lic-summary strong{display:block}.lic-summary span{color:#718094;font-size:9.5px}.lic-summary strong{margin-top:4px;font-size:13.5px}.tabs{gap:6px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.tabs button{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:7px;padding:8px 12px;font-size:11px;font-weight:600;transition:all .15s}.tabs button.active{color:#fff;background:#2677ee;border-color:#2677ee}.notes{border:1px solid var(--line);resize:vertical;border-radius:8px;outline:none;width:100%;min-height:140px;padding:12px;font-family:inherit;font-size:12.5px}.notice-card{border:1px solid var(--line);background:#f7f9fc;border-radius:8px;flex-direction:column;gap:4px;margin-top:12px;padding:12px;display:flex}.notice-card strong{color:#1e293b;font-size:11.5px}.notice-card span{color:#6f7d90;font-size:10.5px}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;background:#03121f8c;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:540px;max-height:90vh;animation:.18s scaleUp;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{margin:0;font-size:16px;font-weight:700}.modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.modal-footer{border-top:1px solid var(--line);background:#fbfcfe;border-radius:0 0 12px 12px;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:#334155;font-size:11.5px;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--line);background:#fff;border-radius:8px;outline:none;padding:8px 12px;font-size:12.5px;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2376f3;box-shadow:0 0 0 3px #2376f31f}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.toast-box{color:#fff;z-index:3000;background:#0d2740;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:12.5px;font-weight:600;animation:.2s slideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #0003}.notifications-dropdown{border:1px solid var(--line);z-index:1000;background:#fff;border-radius:10px;width:320px;padding:12px 0;animation:.15s fadeIn;position:absolute;top:54px;right:120px;box-shadow:0 12px 30px #0000001f}.notif-header{border-bottom:1px solid var(--line);justify-content:space-between;padding:0 14px 8px;font-size:12px;font-weight:700;display:flex}.notif-item{border-bottom:1px solid var(--line);cursor:pointer;padding:10px 14px;font-size:11.5px}.notif-item:hover{background:#f8fafc}.notif-item:last-child{border-bottom:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.metrics{grid-template-columns:repeat(3,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}}@media (max-width:1024px){.app,.app.sidebar-open,.app.sidebar-closed{grid-template-columns:1fr}.sidebar{z-index:1000;width:260px;height:100vh;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:18px 0 40px #051c3052}.sidebar.open{opacity:1;pointer-events:auto;width:260px;transform:translate(0)}.sidebar.closed{opacity:0;pointer-events:none;width:260px;transform:translate(-100%)}.sidebar-close-btn{display:inline-flex}.mobile-overlay{z-index:999;cursor:pointer;background:#03121f73;border:0;padding:0;display:block;position:fixed;inset:0}.report-metrics,.admin-metrics,.lic-summary,.settings-grid,.company-cards{grid-template-columns:1fr 1fr}.op2-card{grid-template-columns:80px 1fr}.op2-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.op2-meta{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.topbar{gap:8px;padding:0 14px}.top-search{flex:1;width:auto}.clock{min-width:auto}.clock span,.profile>div:nth-child(2){display:none}.content{padding:16px 14px 26px}.metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.metrics{grid-template-columns:1fr}.clock,.top-search{display:none}.report-metrics,.admin-metrics,.lic-summary,.settings-grid,.company-cards{grid-template-columns:1fr}.opportunity{grid-template-columns:42px 1fr 20px}.op-value{text-align:left;grid-column:2}.op2-actions,.form-row{grid-template-columns:1fr}}