@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
.button-icon{flex-shrink:0;vertical-align:middle;display:inline-block;pointer-events:none}.reset{display:inline-flex;align-items:center;gap:5px}
.command-banner{background:linear-gradient(110deg,#112746,#244876);border-radius:12px;color:white;padding:28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:20px}.command-banner h2{font-size:29px;margin:12px 0}.command-banner p{color:#b0c3df;margin:0;font-size:11px}.command-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:22px;align-items:start}.command-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.command-card{border:1px solid #e7edf6;border-radius:9px;padding:18px;background:#fbfcff}.command-card>div:first-child{display:flex;justify-content:space-between;gap:9px;align-items:center}.command-card small{color:#8fa0b8;font-size:8px}.command-card h3{line-height:1.6;margin-top:15px}.command-card p{font-size:10px}.command-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#8b99ad;margin:14px 0}.command-meta b{display:block;color:#526985;font-size:10px;margin-top:5px}.command-alert{display:flex;gap:16px;align-items:center;border:1px solid #f0e6d2;background:#fffbf2;padding:16px;border-radius:8px;margin-bottom:12px;color:#8c7040;font-size:11px;line-height:1.6}.command-alert strong{font-size:25px;min-width:34px}@media(max-width:1100px){.command-layout{grid-template-columns:1fr}}@media(max-width:650px){.command-cards{grid-template-columns:1fr}.command-banner{align-items:flex-start;flex-direction:column}}
.map-legend{display:flex;flex-wrap:wrap;gap:10px 17px;margin:0 0 16px}.map-legend-item{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#71819a}.map-legend-item i{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #f0f3f8}
.master-hub{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;align-items:start}.master-categories{background:white;border:1px solid #e9edf4;border-radius:10px;padding:10px;position:sticky;top:15px}.master-category{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;gap:10px;border-radius:6px;font-size:11px;color:#71819a}.master-category b{padding:3px 6px;border-radius:4px;background:#f0f3f9;font-size:9px;color:#8191aa}.master-category:hover{background:#f5f8ff}.master-category.current{background:#edf3ff;color:#3967c5;font-weight:600}.master-category.current b{background:#dce8ff;color:#3967c5}.master-workspace{min-width:0}.master-editor{margin-top:20px;scroll-margin-top:20px}.master-filters{display:flex;align-items:center;gap:10px;margin-bottom:22px;flex-wrap:wrap}.master-filters input,.master-filters select{border:1px solid #dfe6f1;border-radius:6px;padding:10px;font-size:11px;color:#63748f}.master-filters input{flex:1;min-width:120px}.master-pagination{display:flex;align-items:center;justify-content:space-between;padding-top:20px;gap:12px;font-size:10px;color:#8b99ad}.master-pagination>div{display:flex;gap:8px}@media(max-width:950px){.master-hub{grid-template-columns:1fr}.master-categories{position:static;display:flex;overflow-x:auto;gap:5px}.master-category{white-space:nowrap;flex-shrink:0}}@media(max-width:650px){.master-pagination{align-items:flex-start;flex-direction:column}}
.sidebar{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#526b8e #101e35}.sidebar>*{flex-shrink:0}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#101e35}.sidebar::-webkit-scrollbar-thumb{background:#526b8e;border-radius:6px}.sidebar::-webkit-scrollbar-thumb:hover{background:#7891b1}
.master-picker{border:1px solid #dfe6f1;border-radius:9px;margin:17px 0;padding:13px;min-width:0}.master-picker legend{font-size:11px;color:#63748f;font-weight:600;padding:0 5px}.required-mark{color:#d96c65}.master-search{width:100%;padding:11px 12px;border:1px solid #dfe6f1;border-radius:6px;outline-color:#7398e7;font-size:11px;color:#3f526e}.picker-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:10px 0;font-size:9px;color:#8797ae}.picker-clear{border:0;background:none;color:#4d76cc;font-size:9px;padding:4px;display:inline-flex;gap:4px;align-items:center}.picker-options{max-height:215px;overflow:auto;border-top:1px solid #eef2f8}.picker-option{display:flex;gap:9px;align-items:flex-start;padding:10px 5px;margin:0;border-bottom:1px solid #f1f4f8;cursor:pointer;font-weight:400;font-size:11px}.picker-option:hover{background:#f5f8ff}.picker-option input{width:15px;height:15px;margin:0;flex-shrink:0;accent-color:#2c61e5}.picker-option small{display:block;font-size:9px;color:#95a3b8;margin-top:4px}.picker-option[hidden],.picker-empty[hidden]{display:none!important}.picker-selected{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px;max-height:95px;overflow:auto}.picker-chip{font-size:9px;color:#4c70ba;background:#edf3ff;border:1px solid #d9e5ff;border-radius:5px;padding:5px 7px;text-align:left}.picker-hint{display:block;font-size:9px;color:#95a3b7;line-height:1.7;margin-top:9px}.picker-empty{font-size:10px;padding:10px;color:#8293ac}
:root{--navy:#101e35;--blue:#2c61e5;--text:#1c2d46;--muted:#8691a4;--border:#e9edf4;--bg:#f5f7fb;--green:#119b79}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3{font-family:'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.5px}h1{font-size:27px;margin:8px 0 10px;font-weight:800}h2{font-size:16px;margin:0 0 8px}h3{font-size:14px}p{line-height:1.7;color:#79869a}small{font-size:10px}.sidebar{width:246px;height:100vh;position:fixed;left:0;top:0;background:var(--navy);color:#96a4bc;padding:28px 18px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:13px;color:white;font:bold 19px 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:.6px}.brand small{display:block;font:8px 'DM Sans',Arial,sans-serif;letter-spacing:1.5px;margin-top:6px;color:#b1c1d7}.crest{width:39px;height:47px;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);background:linear-gradient(135deg,#eecb6b,#b58b39);display:flex;align-items:center;justify-content:center;font:800 23px Georgia;color:#12253e;position:relative}.crest span{font-size:11px;position:absolute;top:3px}.workspace{display:flex;gap:10px;align-items:center;background:#1a2a43;border:1px solid #2a3a52;padding:13px 10px;border-radius:9px;margin:30px 0 23px;color:#e2e8f2;font-size:11px}.workspace small{display:block;color:#91a2b9;font-size:9px;margin-top:4px}.workspace-icon{font-size:21px;color:#7a9eea}.workspace>span:last-child{margin-left:auto}.nav-label{font-size:8px;letter-spacing:1.7px;color:#60728d;margin:17px 14px 12px;font-weight:bold}nav a{display:flex;gap:12px;align-items:center;padding:12px 13px;border-radius:7px;font-size:11px;margin:4px 0;transition:.2s}nav a>span{font-size:18px;width:20px;color:#7c90b1}nav a:hover{background:#1a2d49;color:#fff}nav a.active{color:#fff;background:linear-gradient(105deg,#315fde,#244bb4);box-shadow:0 5px 12px #09172f}nav a.active>span{color:#fff}nav a b{margin-left:auto;background:#273b58;padding:3px 6px;border-radius:4px;font-size:9px}.sidebar-bottom{margin-top:auto;border-top:1px solid #293750;padding:20px 8px 15px;display:flex;align-items:center;gap:9px;font-size:10px}.sidebar-bottom small{display:block;margin-top:5px;color:#667e9d}.secure-dot,.live i{width:6px;height:6px;background:#29bc92;border-radius:50%;display:inline-block}.powered{text-align:center;color:#526b8e;font-size:8px}.powered b{color:#9aadc8;font-weight:500}.main{margin-left:246px}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.breadcrumb{font-size:10px;color:#94a0b1}.breadcrumb span{margin:0 12px;color:#c7ced8}.breadcrumb strong{color:#586780;font-weight:500}.top-actions{display:flex;align-items:center;gap:15px}.search-trigger{background:none;border:1px solid var(--border);padding:9px 10px;display:flex;align-items:center;gap:9px;border-radius:6px;color:#9aa5b5;font-size:10px}kbd{font:8px inherit;background:#f3f5f8;padding:3px 4px;border-radius:3px}.notification{font-size:21px;position:relative;border-right:1px solid var(--border);padding-right:18px}.notification i{position:absolute;right:19px;top:3px;width:5px;height:5px;border-radius:50%;background:#ed866d}.avatar{background:#eaf0ff;border:3px solid #f5f7fc;color:#456acf;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-weight:bold}.user b{display:block;font-size:10px}.user small{display:block;margin-top:4px;color:#91a0b6;font-size:8px}.logout{border:0;background:none;font-size:20px;color:#8090a7}.menu-toggle{display:none}main{padding:29px 34px 0;max-width:1700px;margin:auto}.notice{padding:13px 18px;border:1px solid #dfe9ff;color:#46648e;background:#edf3ff;border-radius:8px;margin-bottom:20px;font-size:11px;line-height:1.8}.notice.error{background:#fff0f0;color:#bd4646;border-color:#f6dcdc}.notice.flash{background:#edf9f3;color:#20885c;border-color:#d0eedd}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font-size:8px;color:#8e9bb0;letter-spacing:1.6px;font-weight:700}.page-heading p{font-size:11px;margin:0;color:#8895a9}.heading-actions{display:flex;align-items:center;gap:18px}.today{font-size:10px;color:#6b7c95;white-space:nowrap}.today small{margin-left:5px;font-size:8px;color:#a3adbc}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;padding:11px 17px;font-weight:600;font-size:10px;border:1px solid transparent;transition:.2s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.primary{background:#2c60df;color:white;box-shadow:0 4px 8px #2d61dc20}.light{background:white;color:#52637d;border:1px solid #e3e8f0}.filters{display:flex;gap:10px;align-items:center;background:white;border:1px solid var(--border);border-radius:9px;padding:11px 15px;margin-bottom:22px}.filters input,.filters select{border:1px solid #e9edf4;background:#fff;border-radius:5px;padding:9px 11px;font-size:10px;color:#74839a;max-width:220px}.filters input{flex:1;max-width:290px}.filter-caption{font-size:10px;color:#7b879a;margin-right:9px}.reset{font-size:10px;color:#8a97a8;margin:0 5px}.live{margin-left:auto;font-size:9px;color:#8c9bad;white-space:nowrap}.live i{margin-right:5px}.hero{min-height:219px;border-radius:12px;background:linear-gradient(110deg,#122a50,#153366 60%,#254d8b);color:#fff;padding:29px 34px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;margin-bottom:22px;box-shadow:0 8px 20px #18396716}.hero:after{content:'';position:absolute;right:110px;top:-110px;width:390px;height:390px;border:1px solid #c0d5ff10;border-radius:50%;pointer-events:none}.hero-label{font-size:8px;letter-spacing:2px;color:#a1b7d9}.hero-label i{display:inline-block;width:5px;height:5px;background:#72c1ad;border-radius:50%;margin-right:5px}.hero h2{font-size:27px;line-height:1.35;color:#fff;margin:13px 0 10px;letter-spacing:-.8px}.hero p{font-size:10px;line-height:1.8;color:#9bb3d5;margin:0}.hero a{display:inline-block;color:#d7e6fc;margin-top:17px;font-size:9px;font-weight:600}.hero a span{margin-left:13px}.hero-stat{display:flex;align-items:center;gap:25px;padding-right:47px;z-index:1}.hero-stat small{font-size:8px;letter-spacing:1.3px;color:#9eb6dc}.hero-stat strong{display:block;font-size:52px;font-family:'Plus Jakarta Sans';letter-spacing:-2px;margin:10px 0 7px;line-height:1}.hero-stat em{font-size:25px;font-style:normal;margin-left:3px;color:#8eafdf}.hero-stat>div>span{font-size:9px;color:#afc2de}.orbit{width:100px;height:100px;border:1px solid #7298d03a;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 14px #537fbe10,0 0 0 29px #537fbe08}.orbit>span{font-size:44px;color:#80ace8}.hero-progress{margin-top:17px;width:195px;height:4px;border-radius:10px;background:#3c5881}.hero-progress i{height:100%;background:#71aaff;display:block;border-radius:10px}.hero-watermark{position:absolute;right:-15px;bottom:-40px;font:bold 150px 'Plus Jakarta Sans';color:#b1cbf00a;letter-spacing:-8px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.kpi{border:1px solid var(--border);border-radius:10px;padding:18px 20px;background:white;box-shadow:0 3px 6px #25395903}.kpi>div{display:flex;align-items:center;justify-content:space-between}.kpi>div>span{font-size:10px;font-weight:500;color:#708098}.kpi i{font-style:normal;width:31px;height:31px;border-radius:8px;display:grid;place-items:center;font-size:17px}.blue{color:#3a6ae0;background:#edf2ff}.green{color:#24a286;background:#e9f7f1}.amber{color:#d5a343;background:#fff7e8}.purple{color:#9364c9;background:#f2edfb}.kpi>strong{display:block;font-size:31px;font-family:'Plus Jakarta Sans';margin:5px 0 8px;letter-spacing:-1px}.kpi strong small{font-size:9px;color:#9aa5b8;margin-left:9px;font-weight:400;letter-spacing:0}.kpi p{font-size:9px;color:#9ba7b8;margin:0;border-top:1px solid #f2f4f7;padding-top:12px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(275px,1fr);gap:22px}.panel{padding:23px;background:white;border:1px solid var(--border);border-radius:11px;box-shadow:0 3px 7px #25395903;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:10px}.panel-heading h2{font-size:13px;letter-spacing:-.25px;margin:0 0 6px}.panel-heading p{font-size:9px;color:#9aa6b7;margin:0}.legend{font-size:9px;color:#8897ad}.legend i{width:6px;height:6px;display:inline-block;background:#396ee8;border-radius:50%;margin-right:4px}.chart-container{height:208px}.budget-label{display:block;color:#9aa6b7;letter-spacing:1px;font-size:8px;margin-top:30px}.budget-total{font-size:26px;display:block;font-family:'Plus Jakarta Sans';letter-spacing:-.8px;margin:10px 0 19px}.budget-track{height:7px;background:#eef2f8;border-radius:6px;overflow:hidden}.budget-track i{display:block;height:100%;background:linear-gradient(90deg,#3b69e8,#6ca0f2);border-radius:6px}.budget-pair{display:flex;justify-content:space-between;margin-top:14px;font-size:9px;color:#97a4b7}.budget-pair strong{display:block;font-size:12px;color:#53647d;margin-top:7px}.right{text-align:right}.budget-note{display:flex;gap:11px;align-items:center;background:#eef7f4;padding:13px;margin-top:23px;border-radius:7px}.budget-note>span{color:#279a78;font-size:20px}.budget-note b{font-size:9px;color:#40977e}.budget-note small{display:block;font-size:8px;color:#8aad9e;margin-top:5px}.icon-box{font-size:18px;color:#8498b6}.activities{padding:23px 0 0}.activities .panel-heading{padding:0 23px}.text-link{font-size:9px;color:#4471d4;font-weight:600;white-space:nowrap}.count-pill{display:inline-block;background:#edf2fb;color:#5d7ac3;border-radius:4px;padding:2px 6px;font-size:9px;margin-left:5px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:10px}th{font-size:7px;font-weight:600;color:#9aa6b7;letter-spacing:.6px;background:#fafbfd;padding:12px 17px;white-space:nowrap;border-top:1px solid #f0f3f8;border-bottom:1px solid #f0f3f8}td{padding:17px;border-bottom:1px solid #f0f3f8;color:#5d6e88;line-height:1.5}tr:last-child td{border:0}td small{display:block;font-size:8px;color:#a0aaba;margin-top:5px}.activity-title{font-size:10px;font-weight:600;color:#334660;display:block;max-width:220px;line-height:1.5}.activity-title:hover{color:var(--blue)}.numeric{font-size:9px;white-space:nowrap;font-weight:500}.commission{background:#f3f5fa;color:#6d7d97;font-size:8px;white-space:nowrap;padding:5px 6px;border-radius:4px}.badge{font-size:7px;padding:5px 7px;border-radius:4px;display:inline-block;white-space:nowrap;background:#f0f3f9;color:#6f7e96;font-weight:700;letter-spacing:.3px}.pelaksanaan,.baik,.selesai{background:#eaf7f1;color:#369979}.dijadwalkan,.disetujui{background:#edf2ff;color:#5d7ed1}.pelaporan,.perhatian,.diajukan,.verifikasi{background:#fff7e7;color:#bf9440}.terlambat{background:#ffeeef;color:#cc626a}.alert-icon{background:#fff5e5;color:#d7a650;border-radius:7px;width:27px;height:27px;display:grid;place-items:center;font-weight:bold}.alert-item{display:flex;gap:11px;padding:15px 0;border-bottom:1px solid #eff2f7;align-items:flex-start}.alert-item>div{flex:1}.alert-item b{font-size:10px;color:#626f87}.alert-item p{font-size:9px;color:#93a0b2;margin:5px 0}.alert-item small{font-size:8px;color:#adb6c5}.alert-item>span:last-child{color:#a9b2c0;font-size:20px}.alert-symbol{font-size:15px;color:#d4a14b;background:#fff9ed;border-radius:5px;padding:6px}.alert-footer{display:block;text-align:center;font-size:9px;color:#6381b3;margin-top:21px}.map{height:225px;border-radius:8px;background:#e9f0f2}.map-panel .panel-heading{margin-bottom:20px}.full-map{height:580px}.donut-container{height:240px;padding:0 15px}.empty{text-align:center;padding:35px;color:#9ba7b7;font-size:11px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:23px}.calendar-event{display:flex;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border);justify-content:space-between}.calendar-event>div{flex:1}.calendar-event h3{margin:0 0 5px}.calendar-event p{margin:0;font-size:11px}.calendar-date{text-align:center;background:#eef3fc;padding:10px 14px;border-radius:7px;color:#6986bb;font-size:10px}.calendar-date b{display:block;font-size:23px;color:#365eab}.master-row,.health-row,.info-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:14px 0;font-size:11px}.master-row span,.info-row span{color:#8b98ac}.health-row .badge{font-size:9px}.recommendation{border-bottom:1px solid var(--border);padding:20px 0}.due{margin-left:15px;font-size:10px;color:#94a2b6}.late{color:#ce505b}.recommendation form{display:flex;align-items:end;gap:15px;margin-top:15px}.detail-hero{background:white;border:1px solid var(--border);border-radius:10px;padding:25px}.detail-hero>a{font-size:10px;color:#7390bd}.detail-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px}.detail-title small{color:#8fa2bf}.detail-title h2{font-size:24px;margin:9px 0}.detail-title p{font-size:11px}.workflow{display:flex;gap:6px;margin-top:22px;flex-wrap:wrap}.workflow>span{font-size:8px;background:#f0f3f8;padding:9px;border-radius:5px;color:#8f9aac}.workflow .done{background:#e8f2ff;color:#4679c8}.tabs{display:flex;overflow-x:auto;border-bottom:1px solid #dfe6f1;margin:25px 0;gap:10px}.tabs a{padding:12px 10px;font-size:10px;color:#8b99b0;white-space:nowrap}.tabs .selected{border-bottom:2px solid var(--blue);color:var(--blue);font-weight:600}.detail-panel h2{margin-bottom:22px}.summary-box{background:#f5f8fe;padding:25px;border-radius:9px}.summary-box>span{color:#92a2b9}.summary-box h2{font-size:28px;margin-top:13px}.summary-box form{margin:15px 0}.timeline-item{display:flex;gap:15px;padding:18px 10px;border-left:1px solid #d9e4f5;margin-left:9px}.timeline-dot{width:9px;height:9px;background:#6d94d8;border-radius:50%;margin-left:-15px}.timeline-item p{font-size:11px}.compact{grid-template-columns:repeat(3,1fr)}.compact h2{font-size:21px}.export-panel{margin-top:24px}.export-panel .btn{margin-right:12px}label{display:block;font-size:11px;color:#63748f;font-weight:500;margin:17px 0}label input,label select,label textarea{display:block;width:100%;margin-top:8px;border:1px solid #dfe6f1;border-radius:6px;padding:11px 12px;color:#3f526e;background:white;outline-color:#7398e7}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}dialog{border:none;border-radius:14px;padding:30px;width:650px;max-width:calc(100% - 32px);max-height:90vh;box-shadow:0 30px 100px #0b204755;color:var(--text)}dialog::backdrop{background:#13274880;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:20px}.dialog-heading p{font-size:11px}.dialog-heading button{border:0;background:none;font-size:26px;color:#8292ad}#global-search{width:570px}#global-search form{display:flex;gap:12px;margin-top:25px}#global-search input{flex:1;border:1px solid var(--border);padding:12px;border-radius:7px}.muted{font-size:10px;color:#96a4b7}footer{display:flex;justify-content:space-between;padding:27px 0;color:#a5afbe;font-size:8px;margin-top:17px}footer span span{margin:0 7px}.login-body{display:flex;min-height:100vh;background:white}.login-intro{width:49%;background:radial-gradient(at bottom right,#2b5189,#0d203c 70%);padding:60px 65px;display:flex;flex-direction:column;justify-content:space-between;color:white;min-height:100vh}.login-intro h1{font-size:47px;line-height:1.35;margin:25px 0}.login-intro p{color:#a7bcd9;font-size:14px;line-height:1.9}.login-values{font-size:10px;color:#b7c7df;margin-top:40px}.login-values span{color:#bdad7b;margin:0 9px}.login-intro>small{color:#859cbd}.login-content{flex:1;display:grid;place-items:center;padding:45px}.login-card{max-width:380px;width:100%}.login-card h1{font-size:28px}.login-card>p{font-size:12px;margin-bottom:30px}.login-card label{margin:22px 0}.login-card input{padding:14px}.password-field{position:relative}.password-field button{position:absolute;right:10px;top:12px;border:0;background:none;color:#92a2bb;font-size:18px}.login-submit{width:100%;padding:15px;margin-top:8px}.login-security{border-top:1px solid var(--border);margin-top:32px;padding-top:18px;font-size:9px;color:#96a4b9}.forgot{margin-top:22px;text-align:center;font-size:10px;color:#6685bd;cursor:pointer}.forgot p{font-size:10px}.verification{padding-top:100px;max-width:650px}.map-fallback{display:grid;place-items:center;text-align:center;color:#6d819a;padding:25px}.menu-toggle{border:0;background:none;font-size:20px;color:var(--text)}@media(min-width:1500px){body{font-size:14px}.sidebar{width:260px}.main{margin-left:260px}.hero{min-height:245px}.chart-container{height:235px}}@media(max-width:1200px){.sidebar{width:220px}.main{margin-left:220px}main{padding:24px}.topbar{padding:0 24px}.hero-stat{padding-right:5px;gap:20px}.orbit{display:none}.kpi{padding:16px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(255px,1fr)}.heading-actions{gap:10px}.today{display:none}.filters .filter-caption{display:none}.top-actions .search-trigger span{display:none}.user{display:none}.activity-title{max-width:175px}.kpi>div>span{font-size:9px}td{padding:13px 11px}th{padding:11px}.hero h2{font-size:25px}}@media(max-width:950px){.sidebar{width:200px;padding:24px 12px}.main{margin-left:200px}.brand{font-size:17px}.brand small{font-size:7px}.workspace{padding:10px 8px}.workspace small{font-size:8px}.dashboard-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.hero-stat{display:none}.topbar{height:65px}.filters{flex-wrap:wrap}.live{display:none}.two-cols{grid-template-columns:1fr}.budget-label{margin-top:8px}.budget-panel{min-height:240px}.login-intro{padding:45px 35px}.login-intro h1{font-size:35px}.login-content{padding:30px}.breadcrumb{font-size:9px}.page-heading h1{font-size:23px}.heading-actions .btn{padding:10px}.compact{grid-template-columns:1fr}.full-map{height:450px}}@media(max-width:650px){.sidebar{transform:translateX(-100%);width:245px;transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 80px #10234050}.main{margin-left:0}.menu-toggle{display:block}.topbar{padding:0 18px;gap:12px}.breadcrumb{flex:1}.top-actions{gap:10px}.search-trigger{padding:6px}.search-trigger kbd{display:none}.notification{padding-right:8px}.notification i{right:8px}.avatar{width:30px;height:30px}main{padding:22px 16px 0}.page-heading{align-items:flex-start;gap:15px}.eyebrow{font-size:7px;line-height:1.6}.page-heading h1{font-size:22px}.page-heading p{font-size:10px}.heading-actions .btn{font-size:9px;padding:10px}.filters{padding:10px;gap:7px}.filters input{max-width:100%;min-width:140px}.filters select{max-width:125px}.hero{padding:25px;min-height:223px}.hero h2{font-size:26px}.hero p{font-size:10px}.kpi-grid{gap:10px}.kpi{padding:14px}.kpi>strong{font-size:30px}.kpi>div>span{font-size:9px}.kpi i{width:27px;height:27px}.kpi p{font-size:8px}.panel{padding:19px}.activities{padding:19px 0 0}.activities .panel-heading{padding:0 19px}.dashboard-grid{gap:17px}.chart-container{height:200px}.panel-heading h2{font-size:12px}footer{display:block;line-height:2}footer>span{display:block}.form-grid{grid-template-columns:1fr}.login-intro{display:none}.login-content{padding:35px 24px}.login-card{max-width:400px}.detail-title h2{font-size:19px}.detail-title{align-items:flex-start}.detail-hero{padding:20px}.calendar-event{gap:12px;flex-wrap:wrap}.recommendation form{display:block}.full-map{height:420px}}@media print{.sidebar,.topbar,.filters,.heading-actions,dialog,footer,.notice,.btn{display:none!important}.main{margin:0}main{padding:0}.hero{print-color-adjust:exact}.panel,.kpi{break-inside:avoid}.dashboard-grid{display:block}.panel{margin-bottom:20px}}