.control-shell{min-height:100vh;display:flex;background:#f4f6f5}.control-sidebar{width:275px;flex:0 0 275px;background:#152e25;color:#d6dfd9;min-height:100vh;padding:26px 16px;flex-direction:column}.control-logo img{display:block;width:208px;height:58px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);margin:0 9px 24px}.workspace-select{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #365247;border-radius:9px;background:#1b392e}.workspace-monogram{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#d1ee8c;color:#193b2c;font-size:11px;font-weight:800}.workspace-select b,.workspace-select small{display:block;font-size:12px}.workspace-select small{font-size:10px;color:#9eb2a7;margin-top:2px}.workspace-select>i{margin-left:auto;color:#aabcb2;font-size:11px}.control-nav{display:grid;gap:4px}.control-nav-title{font-size:9px;letter-spacing:.12em;color:#84998e;font-weight:800;margin:29px 10px 8px}.control-nav a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#c5d0c9;padding:11px;border-radius:8px;font-size:13px;font-weight:600}.control-nav a:hover,.control-nav a.active{background:#385348;color:#fff}.control-nav a>i{width:17px;text-align:center;font-size:16px}.control-nav em{font-style:normal;font-size:9px;margin-left:auto;background:#4a6258;border-radius:10px;padding:2px 6px}.control-nav em.nav-alert{background:#cce969;color:#244130}.compact a{padding:8px 11px;font-size:12px}.compact .department-marker{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 7px}.compact .new-department{color:#cde88c;margin-top:4px}.sidebar-account{margin-top:auto;padding-top:15px;border-top:1px solid #365247}.sidebar-account>a{display:flex;gap:11px;padding:9px;color:#bfcdc5;text-decoration:none;font-size:12px}.account-person{display:flex;align-items:center;gap:9px;padding:15px 7px 0;font-size:10px}.account-person>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#afc3b8;color:#1d362a;font-weight:800}.account-person b,.account-person small{display:block}.account-person small{color:#9db0a5;font-size:9px;margin-top:2px}.account-person>i{margin-left:auto;color:#aec0b6}.control-main{width:calc(100% - 275px);max-width:1550px;padding:0 54px 60px}.control-header{height:101px;background:#fff;border-bottom:1px solid #dce3df;margin:0 -54px;padding:0 54px;display:flex;align-items:center;justify-content:space-between}.control-header p,.control-header .header-eyebrow,.panel-title p{font-size:10px;letter-spacing:.1em;font-weight:800;color:#7e8a83;margin:0 0 4px}.control-header h1{font-size:27px;letter-spacing:-.04em;font-weight:720;margin:0}.header-tools{display:flex;align-items:center;gap:10px}.header-icon{width:38px;height:38px;border:1px solid #dfe6e1;background:#fff;border-radius:8px;color:#415249;position:relative}.header-icon.notification:after{content:"";height:7px;width:7px;border-radius:50%;background:#db745f;border:1px solid white;position:absolute;right:8px;top:8px}.profile-pill{display:flex;align-items:center;gap:8px;border:1px solid #dfe6e1;border-radius:23px;background:#fff;padding:5px 10px 5px 5px;text-align:left}.profile-pill>span{display:grid;place-items:center;width:32px;height:32px;background:#2e6e21;border-radius:50%;color:#fff;font-size:10px;font-weight:800}.profile-pill b,.profile-pill small{display:block;font-size:11px}.profile-pill small{font-size:9px;color:#849087;margin-top:1px}.profile-pill>i{color:#849087;font-size:10px;margin-left:5px}.mobile-control-logo{position:absolute;right:18px;top:30px}.mobile-control-logo img{width:130px;height:36px;object-fit:contain}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:31px}.metric-card{position:relative;overflow:hidden;padding:24px 25px;background:#fff;border:1px solid #e0e7e2;border-radius:13px;box-shadow:0 2px 3px #19332606}.metric-icon{position:absolute;right:18px;top:15px;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;font-size:24px;opacity:.85}.metric-icon.mint{background:#e7f2e3;color:#82ae76}.metric-icon.blue{background:#e8f1ff;color:#739bd1}.metric-icon.amber{background:#fff3dd;color:#d7a55d}.metric-icon.coral{background:#ffebe5;color:#d98c76}.metric-card p{font-size:11px;font-weight:800;letter-spacing:.05em;color:#69776f;margin:12px 0}.metric-card h2{font-size:32px;letter-spacing:-.04em;margin:0 0 8px}.metric-card small{font-size:10px;color:#718078}.metric-card small i{color:#5a9d4e}.action-banner{margin-top:23px;padding:25px 28px;background:#e5f3d6;border:1px solid #d4e7c0;border-radius:13px;display:flex;align-items:center;gap:16px}.banner-icon{height:47px;width:47px;display:grid;place-items:center;border-radius:10px;background:#d2e9b6;color:#51783b;font-size:21px}.action-banner>div:nth-child(2){flex:1}.action-banner span{font-size:9px;letter-spacing:.1em;color:#587044;font-weight:800}.action-banner h2{font-size:18px;letter-spacing:-.025em;margin:3px 0}.action-banner p{font-size:12px;color:#64745f;margin:0}.filter-box{margin-top:24px;background:#fff;border:1px solid #dde5e0;border-radius:12px;padding:17px 22px;display:flex;align-items:end;gap:25px}.filter-title{white-space:nowrap;font-size:12px;font-weight:700;color:#45554d}.filter-title i{color:#5c9a48;margin-right:5px}.filter-fields{display:flex;align-items:end;gap:14px;flex:1}.filter-fields label{display:grid;gap:5px;flex:1;font-size:9px;font-weight:800;letter-spacing:.07em;color:#718078}.filter-fields select{height:38px;border:1px solid #d6ded9;border-radius:7px;background:#fff;padding:0 10px;color:#304239;font-size:12px;outline-color:#7faf58}.filter-fields .btn{white-space:nowrap;font-size:12px}.operations-panel{margin-top:28px;background:#fff;border:1px solid #dde5e0;border-radius:12px;overflow:hidden}.panel-title{padding:21px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6ece8}.panel-title h2{font-size:19px;letter-spacing:-.025em;margin:0;font-weight:720}.operations-table th{background:#f8faf9;color:#6f7b74;font-size:11px;font-weight:700;white-space:nowrap;padding:15px 24px;border-bottom-color:#dfe6e1}.operations-table td{padding:16px 24px;font-size:12px;color:#34443b;white-space:nowrap;border-bottom-color:#edf1ee}.operations-table tr:last-child td{border-bottom:0}.table-department{display:flex;align-items:center;gap:10px}.table-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:11px}.table-department b,.table-department small{display:block}.table-department small{font-size:10px;color:#7c8780;margin-top:2px}.agent-count{display:inline-flex;align-items:center;gap:4px;background:#f0f5f1;color:#56685d;border-radius:12px;padding:5px 8px;font-size:10px}.work-label{font-size:11px}.work-label i{display:inline-block;height:6px;width:6px;background:#80b44d;border-radius:50%;margin-right:5px}.approval-state{font-size:10px;font-weight:700;padding:5px 8px;border-radius:12px}.all-clear{background:#e9f5e6;color:#477b39}.needs-review{background:#fff0d1;color:#9b6e16}.last-update{color:#7e8982!important;font-size:11px!important}.table-more{border:0;background:transparent;color:#849087}.lower-control-panels{margin-top:0}.lower-control-panels .operations-panel{margin-top:0}.panel-link{font-size:11px;font-weight:700;color:#397649;text-decoration:none}.activity-list{padding:0 24px}.activity-list article{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid #edf1ee}.activity-list article:last-child{border-bottom:0}.activity-person{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;font-size:11px;font-weight:800}.activity-list b,.activity-list small{display:block;font-size:12px}.activity-list small{font-size:10px;color:#7d8981;margin-top:3px}.activity-list time{font-size:10px;color:#8a958e;margin-left:auto}.activity-state{font-style:normal;font-size:9px;font-weight:700;padding:5px 7px;border-radius:11px}.underway{background:#e7f4d6;color:#568338}.waiting{background:#fff0d2;color:#9a711a}.finished{background:#ececff;color:#595e97}.approval-center .panel-title h2 span{display:inline-grid;place-items:center;height:19px;width:19px;border-radius:50%;font-size:10px;background:#dff0c8;color:#497b36;vertical-align:2px}.approval-row{display:flex;gap:10px;padding:17px 24px;border-bottom:1px solid #edf1ee}.approval-row b,.approval-row small{display:block;font-size:12px}.approval-row small{font-size:10px;color:#7d8981;margin:3px 0 7px}.approval-row a{font-size:10px;font-weight:700;color:#397649;text-decoration:none}.offcanvas-header img{width:190px;height:50px;object-fit:contain}.mobile-control-link{display:block;text-decoration:none;color:#52635a;padding:11px 8px;border-radius:7px;font-size:14px;font-weight:600}.mobile-control-link.active{background:#e8f4e4;color:#225e42}.offcanvas-body>p{font-size:10px;letter-spacing:.1em;font-weight:800;color:#7e8a83;margin:20px 8px 8px}@media(max-width:1250px){.metrics-grid{gap:13px}.metric-card{padding:18px}.metric-card h2{font-size:27px}.control-main{padding-left:30px;padding-right:30px}.control-header{margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px}.filter-box{display:block}.filter-fields{margin-top:13px}}@media(max-width:991px){.control-main{width:100%;padding:0 18px 45px}.control-header{height:86px;margin:0 -18px;padding:0 18px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.filter-box{margin-top:18px}.filter-fields{flex-wrap:wrap}.filter-fields label{min-width:30%}}@media(max-width:575px){.control-header h1{font-size:23px}.header-tools .header-icon,.profile-pill>div,.profile-pill>i{display:none}.profile-pill{padding:4px}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.metric-card{padding:15px}.metric-card p{font-size:9px;margin:7px 0}.metric-card h2{font-size:25px}.metric-card small{font-size:8px}.metric-icon{width:43px;height:43px;font-size:17px;right:10px;top:9px}.action-banner{padding:18px;align-items:flex-start}.action-banner .btn{display:none}.action-banner h2{font-size:16px}.action-banner p{font-size:11px}.filter-fields label{min-width:100%}.filter-fields .btn{width:100%}.operations-panel{margin-top:20px}.panel-title{padding:17px}.activity-list{padding:0 17px}.activity-list article{align-items:flex-start;flex-wrap:wrap}.activity-list time{margin-left:auto}.activity-state{margin-left:44px;margin-top:-9px}.approval-row{padding:15px 17px}}
