:root{--ink:#172033;--muted:#718096;--line:#e6eaf0;--bg:#f5f7fb;--panel:#fff;--navy:#101827;--teal:#0d9488;--teal-dark:#087f76;--teal-pale:#e7f7f4;--amber:#b7791f;--amber-pale:#fff7e6;--red:#c24141;--red-pale:#fff0f0;--green:#17805d;--green-pale:#e9f8f0;--radius:16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;background:var(--navy);color:#dce4ef;padding:24px 14px 16px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 32px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#25b6a4,#087f76);display:grid;place-items:center;color:white;font-weight:900;font-size:23px;box-shadow:0 8px 20px #0d948833}.brand strong{display:block;color:white;font-size:16px;letter-spacing:.2px}.brand span{display:block;font-size:9px;letter-spacing:2px;color:#8fa0b8;margin-top:3px}.workspace-label{font-size:10px;letter-spacing:1.8px;color:#73849b;padding:0 14px 12px;font-weight:800}nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#aebbd0;padding:12px 13px;border-radius:10px;text-align:left;display:flex;align-items:center;gap:12px;font:inherit;cursor:pointer;transition:.15s}.nav-item span{width:18px;text-align:center;font-size:17px}.nav-item:hover{background:#ffffff0c;color:#fff}.nav-item.active{background:#0d948829;color:#70dfd2;font-weight:700}.nav-count{margin-left:auto;border-radius:7px;background:#b7791f33;color:#ffd68a;font-size:11px;padding:2px 7px}.sidebar-bottom{margin-top:auto;display:grid;gap:12px;padding-top:24px}.environment{border:1px solid #ffffff17;background:#ffffff08;padding:12px;border-radius:12px;display:flex;gap:10px;align-items:center}.environment strong,.environment small{display:block}.environment strong{font-size:12px;color:#e7edf5}.environment small{font-size:10px;color:#8fa0b8;margin-top:4px}.pulse{width:8px;height:8px;border-radius:50%;background:#f0b54b;box-shadow:0 0 0 4px #f0b54b22}.main{min-width:0;flex:1}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.breadcrumbs{font-size:12px;color:var(--muted)}.breadcrumbs span{padding:0 8px;color:#c4cbd5}.breadcrumbs strong{color:var(--ink);font-weight:700}.top-actions{display:flex;align-items:center;gap:17px}.role-switch{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.role-switch select{border:1px solid var(--line);border-radius:9px;padding:8px 26px 8px 10px;background:#fff;color:var(--ink);font:inherit}.avatar{width:34px;height:34px;background:#dff4f0;color:#087f76;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:11px}.page-content{max-width:1440px;margin:auto;padding:32px 38px 20px}.welcome-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--teal);margin-bottom:8px}h1{font-size:27px;letter-spacing:-.8px;margin:0;font-weight:760}h2{font-size:20px;margin:0;letter-spacing:-.3px}h3{font-size:14px;margin:0;font-weight:750}p{margin:7px 0 0;color:var(--muted);line-height:1.55}.button{border:1px solid transparent;border-radius:10px;padding:10px 15px;font:inherit;font-weight:700;cursor:pointer;transition:.15s;white-space:nowrap}.button.primary{background:var(--teal);color:#fff;box-shadow:0 4px 12px #0d94881c}.button.primary:hover{background:var(--teal-dark);transform:translateY(-1px)}.button.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.button.danger{background:var(--red-pale);color:var(--red)}.button.small{font-size:12px;padding:7px 10px}.notice{display:flex;align-items:flex-start;gap:12px;background:#eff7ff;border:1px solid #d9eafa;color:#315777;border-radius:12px;padding:13px 15px;margin-bottom:22px}.notice>span{font-size:17px}.notice strong{font-size:12px}.notice p{font-size:11px;margin-top:3px;color:#52718f}.notice button{margin-left:auto;border:0;background:transparent;font-size:21px;color:#7890a7;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat-card,.panel,.table-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 7px #192e4a04}.stat-card{padding:19px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.stat-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--teal-pale);color:var(--teal);font-size:17px}.stat-number{font-size:28px;font-weight:780;letter-spacing:-1px;margin-top:15px}.stat-foot{font-size:11px;color:var(--muted);margin-top:5px}.positive{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:18px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.panel-head p{font-size:11px;margin-top:4px}.text-link{border:0;background:none;color:var(--teal);font:inherit;font-weight:700;font-size:12px;cursor:pointer}.activity-list{display:grid}.activity{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid #eef1f5}.activity:last-child{border-bottom:0;padding-bottom:0}.activity-dot{width:32px;height:32px;flex-shrink:0;border-radius:10px;background:#f0f3f8;display:grid;place-items:center;color:#53637a}.activity strong{display:block;font-size:12px}.activity p{font-size:11px;margin-top:4px}.activity time{display:block;font-size:10px;color:#9aa4b3;margin-top:5px}.progress-row{margin:16px 0}.progress-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.progress-label span:last-child{color:var(--muted)}.progress{height:7px;border-radius:20px;background:#edf0f5;overflow:hidden}.progress>span{display:block;height:100%;background:var(--teal);border-radius:20px}.table-panel{overflow:hidden;margin-top:20px}.table-head{display:flex;justify-content:space-between;align-items:center;padding:19px 20px;gap:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead{background:#f8fafc}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#8994a4;font-weight:800;padding:12px 20px;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}td{padding:14px 20px;border-bottom:1px solid #f0f2f6;font-size:12px}tbody tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:10px}.person-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e8eef9;color:#526aa2;font-size:10px;font-weight:800}.person strong{display:block;font-size:12px}.person small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:800;background:#f0f2f5;color:#657184}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.active,.status.approved,.status.completed{background:var(--green-pale);color:var(--green)}.status.pending,.status.in-review{background:var(--amber-pale);color:var(--amber)}.status.paused,.status.rejected,.status.inactive{background:#f0f2f5;color:#657184}.status.live{background:var(--teal-pale);color:var(--teal)}.row-actions{display:flex;gap:6px}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.empty-state .empty-icon{font-size:26px;margin-bottom:12px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search{min-width:220px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;background:white;outline:none}.search:focus,input:focus,select:focus,textarea:focus{border-color:#5fc8bc;box-shadow:0 0 0 3px #0d948814;outline:none}.filter-select,.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:white;font:inherit;color:var(--ink);width:100%}.field label{display:block;font-size:11px;font-weight:750;margin-bottom:7px;color:#566174}.field{margin-bottom:15px}.field textarea{min-height:80px;resize:vertical}.field-help{font-size:10px;color:var(--muted);margin-top:5px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.form-grid .field.full{grid-column:1/-1}.call-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.call-card{padding:24px}.call-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.call-big{font-size:28px;font-weight:800;letter-spacing:-.7px;margin:22px 0 6px}.call-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.call-controls .button{flex:1}.soft-card{background:#f8fafc;border-radius:12px;padding:16px}.settings-list{display:grid;gap:0}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid #eef1f5}.setting-row:last-child{border-bottom:0}.setting-row strong{font-size:12px}.setting-row p{font-size:11px}.toggle{width:38px;height:22px;border-radius:20px;background:#d7dde6;border:0;position:relative;cursor:pointer;flex-shrink:0}.toggle:after{content:"";width:16px;height:16px;position:absolute;left:3px;top:3px;border-radius:50%;background:white;transition:.15s;box-shadow:0 1px 3px #0002}.toggle.on{background:var(--teal)}.toggle.on:after{left:19px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.modal-head .eyebrow{margin-bottom:6px}dialog{border:1px solid var(--line);border-radius:18px;padding:24px;width:min(520px,calc(100vw - 28px));box-shadow:0 24px 80px #0f172a35}dialog::backdrop{background:#0b1220a8;backdrop-filter:blur(3px)}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:9px;cursor:pointer;color:#5c687a;font-size:19px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px}.toast{position:fixed;right:24px;bottom:24px;background:#172033;color:#fff;padding:13px 17px;border-radius:11px;box-shadow:0 12px 35px #17203333;font-size:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:10;max-width:calc(100vw - 48px)}.toast.show{opacity:1;transform:translateY(0)}footer{font-size:10px;color:#9aa4b3;padding:27px 2px 5px}footer span{padding:0 5px}.footer-right{float:right}.mobile-menu{display:none}.metric-note{font-size:10px;color:var(--muted);margin-top:8px}.report-bars{display:flex;align-items:flex-end;gap:12px;height:150px;padding:14px 4px 0;border-bottom:1px solid var(--line)}.bar-col{flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:8px;height:100%}.bar{width:min(34px,80%);background:#9adbd3;border-radius:7px 7px 2px 2px;min-height:4px}.bar-col:nth-child(2n) .bar{background:var(--teal)}.bar-label{font-size:10px;color:var(--muted)}.bar-value{font-size:10px;color:#667085}@media(max-width:1100px){.sidebar{width:220px}.page-content{padding:26px 24px}.topbar{padding:0 24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{position:fixed;z-index:5;top:0;bottom:0;left:-260px;width:248px;transition:left .2s;box-shadow:10px 0 30px #10182733}.sidebar.open{left:0}.topbar{height:62px;padding:0 16px}.mobile-menu{display:block}.breadcrumbs{font-size:11px}.top-actions{gap:8px}.role-switch{font-size:0}.role-switch select{font-size:11px;max-width:108px}.page-content{padding:22px 15px}.welcome-row{align-items:flex-start}.welcome-row h1{font-size:23px}.welcome-row p{font-size:12px}.welcome-row>.button{font-size:11px;padding:9px 10px}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-number{font-size:24px}.dashboard-grid,.call-layout{grid-template-columns:1fr}.notice{padding:11px}.form-grid{grid-template-columns:1fr}.form-grid .field.full{grid-column:auto}.search{min-width:150px;flex:1}.footer-right{float:none;display:block;margin-top:7px}.table-head{align-items:flex-start;flex-direction:column}.call-card{padding:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}