@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#031421;--panel:#061d2e;--panel2:#09263b;--line:#1c4b6b;--blue:#269cf4;--saffron:#ff9933;--green:#00d99a;--red:#ff6464;--white:#f4f8fc;--muted:#a4bfd1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;font-size:13px}.demo-tag{height:20px;text-align:center;background:#020b12;color:#7192a7;font-size:9px;letter-spacing:1.4px;padding:4px}.hero-header{height:176px;position:relative;overflow:hidden;display:flex;align-items:flex-start;padding:15px 24px;background:radial-gradient(ellipse at 56% 4%,#536f82 0,transparent 22%),linear-gradient(110deg,#071d2e 0%,#0b2c42 40%,#061725 100%);border-bottom:1px solid #1d4965}.hero-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061827 0%,#061827f0 26%,#06182755 52%,#03101d99 100%)}.hero-brand{position:relative;z-index:2;display:flex;align-items:center;gap:22px;min-width:530px}.emblem{width:170px;height:145px;flex:0 0 170px;position:relative;display:grid;place-items:center;color:#f5d47c}.emblem:before{content:"";position:absolute;width:65px;height:90px;border-radius:48% 48% 40% 40%;background:radial-gradient(circle at 50% 42%,#d6edf3 0 16%,#2d7590 17% 28%,#e3c36d 29% 35%,#124a65 36% 62%,#e0c16d 63% 70%,#12334b 71%);border:2px solid #d6b65c;box-shadow:0 0 0 4px #d8b75d30}.eagle{position:absolute;z-index:2;top:1px;font-size:40px;text-shadow:0 2px #573b0a}.roundel{position:absolute;z-index:3;font-size:30px;color:#fff}.wings{position:absolute;z-index:1;font-size:105px;transform:scaleX(1.6);color:#d7b45a;text-shadow:0 2px #5b4219;top:22px}.brand-text h1{font:800 30px/1 Manrope,sans-serif;letter-spacing:.5px;margin:0;white-space:nowrap}.brand-text h1 b{color:#9fd5f4}.brand-text h2{font:700 17px/1.4 Manrope,sans-serif;letter-spacing:1.1px;margin:6px 0 10px;color:#e3edf4;white-space:nowrap}.brand-text p{font-size:11px;letter-spacing:2.5px;color:#90c5e5;margin:0}.brand-text p i{display:inline-block;width:2px;height:11px;background:#ff9933;margin:0 9px -2px}.sky-art{position:absolute;inset:0 180px 0 44%;background:linear-gradient(180deg,#61798b33,#03142100 75%)}.tower{position:absolute;right:9%;top:12px;width:33px;height:130px;background:linear-gradient(90deg,#061321,#334959,#071624);clip-path:polygon(35% 0,65% 0,65% 13%,85% 18%,85% 26%,70% 30%,72% 100%,20% 100%,25% 30%,10% 26%,10% 18%,35% 13%);opacity:.8}.jet{position:absolute;font-size:56px;color:#07111a;text-shadow:0 0 1px #a7bdc8;transform:rotate(-12deg)}.jet1{left:20%;top:-12px}.jet2{left:40%;top:5px;font-size:49px}.jet3{left:58%;top:22px;font-size:44px}.trail{position:absolute;height:7px;width:180px;transform:rotate(-24deg);filter:blur(1px);border-radius:100%}.t1{top:47px;left:15%;background:linear-gradient(90deg,transparent,#ff9933)}.t2{top:65px;left:23%;background:linear-gradient(90deg,transparent,#fff)}.t3{top:83px;left:29%;background:linear-gradient(90deg,transparent,#138808)}.hero-slogan{position:absolute;right:25px;top:25px;z-index:2;color:#83a7c2;font:700 16px/1.25 Manrope,sans-serif;letter-spacing:2px}.hero-user{position:absolute;z-index:3;right:25px;bottom:16px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #1d4965;border-radius:8px;background:#061a2bd9}.hero-user strong{display:block;font-size:12px}.hero-user small{display:block;color:#91b0c4;font-size:10px;margin-top:3px}.hero-user>span{margin-left:10px;color:#a7c4d6}.avatar{height:36px;width:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d5e4ec,#5d8baa);border:2px solid #4b8cb6;color:#123047;font-weight:800}.bell{background:transparent;border:0;color:#c5e1f2;font-size:23px;position:relative}.bell i{position:absolute;width:8px;height:8px;border-radius:50%;background:#ff6262;right:1px;top:0}.tricolor-edge{position:absolute;z-index:4;bottom:0;left:13%;width:53%;height:6px;display:flex;transform:skewX(-35deg)}.tricolor-edge span{flex:1}.tricolor-edge span:first-child{background:#ff9933}.tricolor-edge span:nth-child(2){background:#fff}.tricolor-edge span:last-child{background:#138808}
.layout{display:flex;min-height:calc(100vh - 196px)}.sidebar{width:226px;flex:0 0 226px;position:relative;overflow:hidden;background:linear-gradient(180deg,#061b2c,#031421);border-right:1px solid #194361;padding-top:10px}.sidebar nav{position:relative;z-index:2}.sidebar nav a{height:49px;display:flex;align-items:center;gap:15px;padding:0 28px;border-bottom:1px solid #102e43;color:#e1edf5;font-size:14px;white-space:nowrap}.sidebar nav a>span{width:18px;text-align:center;font-size:23px;color:#a6d8f5}.sidebar nav a.active{height:53px;background:linear-gradient(90deg,#0758a0,#06356d);border:1px solid #178ad9;border-radius:0 9px 9px 0;box-shadow:inset 3px 0 #39c5ff}.count{margin-left:auto;background:#ff9d26;color:#162332;border-radius:50%;font-size:11px;padding:4px 7px}.side-plane{position:absolute;bottom:65px;left:-18px;font-size:130px;transform:rotate(-14deg);color:#0c2a40;text-shadow:0 0 1px #4a6b80}.side-caption{position:absolute;z-index:2;bottom:16px;left:25px;color:#9bb9ce;font-size:12px;letter-spacing:1px}.side-caption b{font-size:9px;color:#5d7f96}.side-tricolor{position:absolute;z-index:2;bottom:22px;right:8px;width:75px;height:6px;display:flex;transform:rotate(-25deg)}.side-tricolor span{flex:1}.side-tricolor span:first-child{background:#ff9933}.side-tricolor span:nth-child(2){background:white}.side-tricolor span:last-child{background:#138808}
.main{flex:1;min-width:0;padding:0 18px 0;background:radial-gradient(ellipse at 55% 0,#0a2b43 0,transparent 35%),#041725}.page-title{min-height:94px;display:flex;align-items:center;gap:17px}.home-icon{font-size:29px;color:#299cf3;text-shadow:0 0 12px #1689ef66}.page-title h1{font:800 35px/1 Manrope,sans-serif;margin:0 0 8px;letter-spacing:-1px}.page-title p{font-size:12px;color:#c0d4e1;margin:0}.page-title p i{color:#ff9933;font-style:normal;padding:0 9px}.head-tools{margin-left:auto;display:flex;align-items:center;gap:17px}.date,.connection{height:53px;border:1px solid #1c6693;border-radius:12px;background:linear-gradient(120deg,#092a42,#061d30);display:flex;align-items:center;gap:12px;padding:0 15px;font-size:11px;white-space:nowrap}.date>span{font-size:22px;color:#a5d8f7}.date strong{display:block;font-size:12px;color:white;margin-top:2px}.connection{min-width:200px;justify-content:space-between}.connection i{width:13px;height:13px;border-radius:50%;background:#13d6a0;box-shadow:0 0 13px #13d6a077}.connection b{font-size:21px;color:#4bbce8}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat{min-height:132px;display:flex;align-items:center;gap:18px;padding:16px 20px;border:1px solid #245577;border-radius:12px;background:linear-gradient(120deg,#09243a,#0a2c45);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;bottom:-3px;left:15%;width:60px;height:5px;border-radius:50%;filter:blur(4px)}.stat.blue:after{background:#219fff}.stat.orange:after{background:#ffad35}.stat.green:after{background:#00d99a}.stat.red:after{background:#ff5c5c}.stat-symbol{width:68px;height:68px;flex:0 0 68px;border:4px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:35px;font-weight:600;box-shadow:0 0 17px currentColor;background:#071c2c}.blue .stat-symbol{color:#299fff}.orange .stat-symbol{color:#ffad35}.green .stat-symbol{color:#19dfa2}.red .stat-symbol{color:#ff6262}.stat strong{display:block;font:800 32px/1 Manrope,sans-serif;letter-spacing:-1px}.stat span{display:block;font-size:15px;margin-top:8px;white-space:nowrap}.stat small{display:block;font-size:12px;margin-top:16px;white-space:nowrap}.stat small em{font-style:normal;color:#b3cad8}.blue small{color:#00d99a}.orange small{color:#ffb331}.green small{color:#00d99a}.red small{color:#ff6464}
.middle{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(350px,1fr);gap:18px;margin-top:20px}.panel{min-width:0;background:linear-gradient(135deg,#071f32,#061a2a);border:1px solid #1f5b80;border-radius:12px;overflow:hidden}.panel-head{height:52px;padding:0 19px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #12364d}.panel-head h2{font:700 16px Manrope,sans-serif;margin:0;white-space:nowrap}.panel-head h2 span{font-size:23px;color:#b1e1fa;margin-right:10px}.panel-head select{margin-left:auto;color:#c4d9e7;background:#082a42;border:1px solid #1c5477;padding:7px 10px;border-radius:6px;font-size:11px}.legend{display:flex;gap:16px;margin-left:auto}.legend span{font-size:10px;color:#b9cedc;white-space:nowrap}.legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}.lb,.bluebar{background:#269cf4}.lg,.greenbar{background:#13c998}.lr,.redbar{background:#ff6565}.chart{height:240px;display:flex;padding:17px 20px 12px 12px}.axis{display:flex;flex-direction:column;justify-content:space-between;padding:0 12px 22px 0;font-size:11px;color:#b3cad8}.plot{position:relative;flex:1;display:flex;justify-content:space-around}.grid{position:absolute;inset:0 0 22px;display:flex;flex-direction:column;justify-content:space-between}.grid i{height:1px;background:#15354a}.month{position:relative;z-index:1;width:13%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;font-size:12px;color:#d2e2ec}.bars{width:100%;height:calc(100% - 23px);display:flex;align-items:flex-end;justify-content:center;gap:5px}.b{display:block;width:23%;max-width:25px;border-radius:4px 4px 0 0;box-shadow:0 0 10px #ffffff0b}.bluebar{background:linear-gradient(#36b0ff,#1685dc)}.greenbar{background:linear-gradient(#27e0ae,#08a87f)}.redbar{background:linear-gradient(#ff8277,#e94950)}.dist-content{min-height:240px;display:flex;align-items:center;justify-content:space-evenly;gap:15px;padding:18px}.donut{width:160px;height:160px;flex:0 0 160px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#269cf4 0 35%,#ff9933 35% 60%,#10c995 60% 80%,#8daec3 80% 90%,#ffc63f 90% 100%);transform:rotate(0deg)}.donut:before{content:"";position:absolute;inset:24px;border-radius:50%;background:#071c2d;border:1px solid #21445b}.donut>div{position:relative;text-align:center}.donut strong{font:800 19px Manrope,sans-serif;display:block}.donut span{display:block;font-size:11px;margin-top:4px}.dist-legend{display:grid;gap:14px;min-width:140px;flex:1}.dist-legend div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;color:#d2e2eb;font-size:11px;white-space:nowrap}.dist-legend i{width:13px;height:13px;border-radius:3px}.dist-legend b{font-weight:500}.cblue{background:#269cf4}.corange{background:#ff9933}.cgreen{background:#10c995}.csilver{background:#8daec3}.cyellow{background:#ffc63f}
.bottom{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.95fr) minmax(270px,.85fr);gap:18px;margin-top:18px}.bottom .panel-head{height:48px;padding:0 17px}.bottom .panel-head h2{font-size:15px}.panel-head>a{margin-left:auto;color:#7ed3ff;font-size:11px;white-space:nowrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:510px}th{height:34px;background:#0a2b43;color:#d0e0e9;font-size:10px;font-weight:500;padding:0 10px;white-space:nowrap}td{height:40px;border-top:1px solid #12364b;padding:0 10px;font-size:10px;color:#d0e0e9;white-space:nowrap}tbody tr:hover{background:#0c2d43}.file{display:inline-grid;place-items:center;width:21px;height:22px;margin-right:7px;border-radius:4px;font-size:7px;font-style:normal;font-weight:800;color:white}.pdf{background:#e95051}.doc{background:#278bd6}.xls{background:#12a97b}.status{display:inline-block;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:500}.pending{color:#ffc23d;background:#4a3315;border:1px solid #bd791d}.approved{color:#24e0aa;background:#073d36;border:1px solid #079a77}.rejected{color:#ff7979;background:#451e26;border:1px solid #a63840}.approval-list{padding:0 16px}.approval-list>div{min-height:41px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #12354a}.approval-list>div:last-child{border:0}.approval-list strong{display:block;font-size:10px;font-weight:500}.approval-list small{display:block;color:#9bb6c7;font-size:9px;margin-top:4px}.approval-list small i{font-style:normal;color:#ff9933}.approval-list button{border:1px solid #f6a02c;border-radius:5px;background:linear-gradient(#ffb13c,#f28b20);color:#152b3a;font-weight:800;font-size:10px;padding:7px 12px;cursor:pointer}.systems{padding:4px 16px 8px}.systems>div{height:34px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #12354a;color:#d0e0e9;font-size:10px;white-space:nowrap}.systems>div>span{font-size:17px;color:#4cc7ee;width:17px}.systems b{margin-left:auto;display:flex;align-items:center;gap:5px;border-radius:12px;background:#034137;color:#1ce5b0;padding:5px 9px;font-size:9px;font-weight:600}.systems b i{width:7px;height:7px;border-radius:50%;background:#19e0a8}.footer{height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d0e0e9;font-size:10px;border-top:1px solid #15374c;margin-top:16px}.footer i{font-style:normal;color:#ff9933;padding:0 6px}.footer-stripe{height:5px;width:100px;flex:0 0 100px;background:linear-gradient(90deg,#ff9933 0 33%,#fff 33% 66%,#138808 66%);transform:skewX(-30deg)}.toast{position:fixed;right:20px;bottom:20px;background:#0b334a;border:1px solid #3784a8;border-radius:8px;padding:12px 17px;box-shadow:0 12px 35px #0007;opacity:0;transform:translateY(10px);transition:.2s;z-index:9}.toast.show{opacity:1;transform:none}
.login-page{background:#041522;min-height:100vh}.login-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 20px)}.login-hero{position:relative;overflow:hidden;padding:32px clamp(24px,5vw,70px);background:radial-gradient(ellipse at 70% 35%,#194d6c,#061b2b 62%);border-right:1px solid #234a62}.login-brand{display:flex;align-items:center;gap:16px}.login-brand .emblem{width:100px;height:90px;flex-basis:100px}.login-brand .emblem:before{width:46px;height:62px}.login-brand .eagle{font-size:28px}.login-brand .wings{font-size:75px;top:10px}.login-brand .roundel{font-size:22px}.login-brand .brand-text h1{font-size:clamp(19px,2vw,28px)}.login-brand .brand-text h2{font-size:12px}.login-brand .brand-text p{font-size:9px;letter-spacing:1.4px}.login-hero .tricolor-edge{position:relative;left:0;margin-top:22px;width:70%;height:5px}.login-hero-copy{margin-top:clamp(60px,12vh,130px);position:relative;z-index:2}.login-hero-copy small{letter-spacing:2px;color:#8ec9e9;font-size:10px}.login-hero-copy h1{font:800 clamp(38px,4.8vw,66px)/1.08 Manrope,sans-serif;letter-spacing:-2px;margin:22px 0}.login-hero-copy h1 b{color:#90cff5}.login-hero-copy p{max-width:440px;color:#a8c2d3;font-size:15px;line-height:1.9}.login-plane{position:absolute;right:15%;bottom:10%;font-size:120px;color:#061421;text-shadow:0 0 2px #6d8da2;transform:rotate(-13deg)}.login-slogan{position:absolute;bottom:22px;left:30px;color:#779ab2;letter-spacing:2px;font-size:11px}.login-slogan b{color:#d3e3ec}.login-form-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 25px;background:radial-gradient(ellipse at 80% 20%,#10344b,transparent 45%),#061725}.login-card{width:min(440px,100%);padding:34px;border:1px solid #24506b;border-radius:12px;background:linear-gradient(140deg,#0a273b,#061b2c);box-shadow:0 24px 70px #0005;position:relative}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff9933,#fff,#138808)}.form-kicker{font-size:10px;letter-spacing:1.6px;color:#8bb7d0}.form-kicker span{font-size:18px;margin-right:8px}.login-card h2{font:800 30px Manrope,sans-serif;margin:25px 0 6px}.intro{font-size:13px;color:#94b0c2;margin:0 0 22px}.secure-note{display:flex;align-items:center;gap:12px;background:#0b3339;border:1px solid #245c5b;padding:12px;border-radius:7px;margin-bottom:22px}.secure-note>span{width:32px;height:32px;display:grid;place-items:center;background:#145449;border-radius:7px;color:#7be8c5;font-size:18px}.secure-note b{display:block;font-size:12px}.secure-note small{display:block;color:#87b7b5;font-size:10px;margin-top:4px}.login-card>label{display:block;color:#a9c0ce;font-size:10px;letter-spacing:1.1px;font-weight:700;margin:15px 0 8px}.input-box{height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#041724;border:1px solid #2a5068;border-radius:6px;color:#86acc4}.input-box:focus-within{border-color:#4db8ef;box-shadow:0 0 0 3px #2196f31c}.input-box>span{font-size:17px}.input-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:white;font-size:13px}.input-box input::placeholder{color:#66869b}.input-box button{border:0;background:transparent;color:#8bb1c8;cursor:pointer}.form-options{display:flex;justify-content:space-between;align-items:center;margin:16px 0 20px;color:#a7bdcb;font-size:11px}.form-options label{display:flex;gap:6px;align-items:center}.form-options input{accent-color:#ff9933}.form-options a{color:#ffb25b}.sign-in{width:100%;height:47px;background:linear-gradient(100deg,#e98220,#ffad3c);border:1px solid #ffc16c;border-radius:6px;color:#172b39;font-size:12px;letter-spacing:1.2px;font-weight:800;cursor:pointer}.sign-in span{float:right;font-size:18px;margin-top:-4px}.message{display:none;background:#3a2022;border:1px solid #8b3c40;border-radius:6px;padding:10px;color:#ffb0a9;font-size:11px}.message.show{display:block}.credentials{margin-top:18px;border:1px dashed #31556a;background:#071a29;padding:12px;border-radius:6px;font-size:10px;color:#a4bece}.credentials>b{display:block;color:#7fa6be;letter-spacing:1.2px;font-size:9px;margin-bottom:8px}.credentials p{margin:0;display:flex;gap:10px;flex-wrap:wrap}.credentials span{margin-left:auto}.credentials strong{color:#e7f1f6}.security-disclaimer{display:block;text-align:center;color:#688a9f;font-size:9px;margin-top:16px}.login-form-area footer{margin-top:24px;font-size:9px;letter-spacing:1px;color:#68879b}.login-form-area footer i{font-style:normal;color:#ff9933;padding:0 5px}
@media(max-width:1350px){.hero-brand{min-width:460px;gap:12px}.emblem{width:135px;flex-basis:135px}.brand-text h1{font-size:25px}.brand-text h2{font-size:14px}.stats{gap:10px}.stat{padding:14px;gap:12px}.stat-symbol{width:55px;height:55px;flex-basis:55px;font-size:28px}.stat strong{font-size:27px}.stat span{font-size:12px}.stat small{font-size:10px}.middle{grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);gap:12px}.bottom{grid-template-columns:minmax(0,1.35fr) minmax(270px,1fr);gap:12px}.system{grid-column:1/-1}.systems{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.head-tools{gap:8px}.connection{min-width:160px;padding:0 10px}.date{padding:0 10px}.footer{font-size:9px}}
@media(max-width:1000px){.hero-header{height:150px;padding:12px}.hero-brand{min-width:0}.emblem{width:95px;height:110px;flex-basis:95px}.brand-text h1{font-size:21px}.brand-text h2{font-size:11px}.brand-text p{font-size:8px}.hero-slogan{display:none}.hero-user{right:12px;bottom:12px}.sky-art{left:48%;right:130px}.layout{min-height:calc(100vh - 170px)}.sidebar{width:190px;flex-basis:190px}.sidebar nav a{padding:0 17px;font-size:12px}.page-title{flex-wrap:wrap;padding:14px 0}.page-title h1{font-size:29px}.head-tools{margin-left:auto}.date{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.middle{grid-template-columns:1fr}.bottom{grid-template-columns:1fr 1fr}.recent{grid-column:1/-1}.system{grid-column:auto}.systems{display:block}.footer-stripe{display:none}}
@media(max-width:650px){.hero-header{height:120px}.hero-brand{gap:5px}.emblem{width:65px;height:80px;flex-basis:65px}.emblem:before{width:35px;height:50px}.eagle{font-size:23px}.roundel{font-size:18px}.wings{font-size:60px;top:12px}.brand-text h1{font-size:16px}.brand-text h2{font-size:9px;letter-spacing:.2px}.brand-text p{font-size:7px;letter-spacing:.6px}.brand-text p i{margin:0 3px}.hero-user{padding:5px;gap:6px}.hero-user .avatar{width:28px;height:28px}.hero-user>div:nth-child(3),.hero-user>span{display:none}.bell{font-size:18px}.sky-art{left:40%;right:10px;opacity:.6}.jet{font-size:32px}.t1,.t2,.t3{width:100px}.tricolor-edge{left:10%;width:60%}.layout{display:block}.sidebar{width:100%;padding:0;border-right:0}.sidebar nav{display:flex;overflow-x:auto;padding:5px;gap:4px}.sidebar nav a{height:39px;flex:0 0 auto;padding:0 11px;gap:6px;font-size:10px;border:1px solid #15394f;border-radius:5px}.sidebar nav a.active{height:39px;border-radius:5px}.sidebar nav a>span{font-size:16px}.sidebar nav a:nth-child(n+7){display:none}.side-plane,.side-caption,.side-tricolor{display:none}.main{padding:0 10px}.page-title{min-height:85px;gap:10px}.home-icon{font-size:23px}.page-title h1{font-size:25px}.page-title p{font-size:9px;line-height:1.5}.head-tools{width:100%;margin:0 0 10px}.connection{height:34px;min-width:0;font-size:9px}.stats{gap:8px}.stat{min-height:100px;padding:10px;gap:9px}.stat-symbol{width:40px;height:40px;flex-basis:40px;border-width:2px;font-size:21px}.stat strong{font-size:23px}.stat span{font-size:10px;margin-top:5px}.stat small{font-size:8px;margin-top:9px}.stat small em{display:none}.middle{margin-top:10px;gap:10px}.panel-head{padding:0 10px;height:46px}.panel-head h2{font-size:12px}.panel-head h2 span{font-size:17px;margin-right:5px}.legend{display:none}.panel-head select{font-size:9px;padding:5px}.chart{height:190px;padding:12px 8px}.axis{font-size:9px;padding-right:7px}.month{font-size:9px}.bars{gap:2px}.dist-content{min-height:200px;padding:14px 8px;gap:8px}.donut{width:120px;height:120px;flex-basis:120px}.donut:before{inset:18px}.donut strong{font-size:16px}.dist-legend{min-width:0;gap:11px}.dist-legend div{font-size:9px;grid-template-columns:9px 1fr auto;gap:5px}.dist-legend i{width:9px;height:9px}.bottom{grid-template-columns:1fr;margin-top:10px;gap:10px}.recent{grid-column:auto}.table-wrap table{min-width:480px}.systems{padding:3px 10px}.footer{height:auto;padding:12px 0;display:block;line-height:2;font-size:8px}.footer>span{display:block}.login-wrap{grid-template-columns:1fr}.login-hero{min-height:320px;padding:20px}.login-brand .emblem{width:65px;height:65px;flex-basis:65px}.login-brand .emblem:before{width:35px;height:48px}.login-brand .wings{font-size:58px;top:5px}.login-brand .brand-text h1{font-size:17px}.login-brand .brand-text h2{font-size:9px}.login-brand .brand-text p{font-size:7px}.login-hero-copy{margin-top:40px}.login-hero-copy h1{font-size:38px;margin:12px 0}.login-hero-copy p{font-size:12px;max-width:320px}.login-plane{font-size:70px;right:8%;bottom:10%}.login-form-area{padding:22px 12px}.login-card{padding:25px 20px}.login-form-area footer{font-size:7px}.credentials span{margin-left:0}}

/* Refinements requested from screenshot feedback: sweeping curved header and complete screen layouts */
.hero-header{border-radius:0 0 0 38px;isolation:isolate}
.hero-header:after{content:"";position:absolute;z-index:1;left:12.5%;right:33%;bottom:-34px;height:58px;border:2px solid #28739a;border-top-color:transparent;border-radius:0 0 65% 45%;transform:skewX(-18deg);pointer-events:none;opacity:.9}
.hero-header:before{z-index:0;border-radius:0 0 0 50px}
.hero-brand,.hero-user,.hero-slogan{z-index:3}
.tricolor-edge{z-index:4;clip-path:polygon(2% 0,100% 0,96% 100%,0 100%)}
.sidebar{background:linear-gradient(180deg,#061c2d,#031421 80%);box-shadow:inset -1px 0 #1a3b52}
.sidebar nav a{color:#c7d9e5;text-decoration:none;border-bottom-color:#123046}
.sidebar nav a.active{border-radius:0 10px 10px 0;background:linear-gradient(90deg,#064f92,#0a3970);text-decoration:none}
.extra-screen{display:none;flex:1;min-width:0;width:auto;padding:24px 22px 24px;min-height:calc(100vh - 196px);background:radial-gradient(ellipse at 55% 0,#0a2b43 0,transparent 35%),#041725}
.extra-screen.active-screen{display:block;animation:screenIn .22s ease-out}
.main.screen-hidden{display:none}
@keyframes screenIn{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
.screen-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 22px}
.screen-title small{font-size:10px;letter-spacing:2px;color:#8dc9eb;font-weight:700}
.screen-title h1{font:800 32px Manrope,sans-serif;margin:7px 0}
.screen-title p{margin:0;color:#9eb8c8;font-size:12px}
.primary-action{border:1px solid #ffc06a;border-radius:6px;background:linear-gradient(110deg,#f08a23,#ffad3b);color:#152b3a;padding:11px 16px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
.screen-toolbar{display:flex;gap:10px;margin-bottom:15px}
.screen-toolbar input,.screen-toolbar select,.form-grid input,.form-grid select{min-width:0;border:1px solid #28516b;border-radius:6px;background:#061c2b;color:#d8e7ef;padding:11px 12px;font:inherit;font-size:11px}
.screen-toolbar input{flex:1}.screen-toolbar select{min-width:140px}
.screen-panel{margin-bottom:18px}.record-count{color:#779db4;font:400 10px 'DM Sans',sans-serif;margin-left:10px}
.table-action{border:1px solid #28658a;border-radius:4px;background:#0c3853;color:#9bdcff;padding:5px 9px;font-size:10px;cursor:pointer}
.form-panel{padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}
.form-grid label{display:flex;flex-direction:column;gap:8px;color:#b5cad7;font-size:11px;font-weight:600}
.form-grid input,.form-grid select{width:100%;height:42px}
.file-drop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px dashed #38718e;border-radius:8px;background:#08253a;padding:26px;margin:10px 0 20px;color:#92cbee;font-size:22px;cursor:pointer}
.file-drop strong{font-size:13px;color:#d7e8f2}.file-drop span{font-size:10px;color:#7fa1b6}.file-drop input{max-width:230px;font-size:10px}
.form-note{font-size:10px;color:#7595a9;margin-top:13px}
.approval-full-list{padding:0 18px}.approval-full-list>div{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:15px 0;border-bottom:1px solid #17394e}.approval-full-list>div:last-child{border-bottom:0}.approval-full-list strong{display:block;font-size:12px}.approval-full-list small{display:block;color:#89a9bc;font-size:10px;margin-top:5px}.approval-full-list button{background:#ffab35;border:1px solid #ffc15e;color:#172b39;font-weight:800;padding:8px 13px;border-radius:5px;font-size:10px;cursor:pointer}
.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:16px}.mini-stat{border:1px solid #24516e;border-radius:8px;background:#09263a;padding:17px}.mini-stat span{display:block;color:#91b0c3;font-size:11px}.mini-stat strong{display:block;font:800 25px Manrope,sans-serif;margin-top:7px}
.search-results{margin-top:20px;border-top:1px solid #1c3d52;padding-top:15px;color:#94b0c1;font-size:11px}
.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.report-card{padding:22px}.report-card>span{display:block;color:#6ec9ff;font-size:24px}.report-card small{display:block;color:#8daec2;letter-spacing:1px;font-size:9px;margin-top:15px}.report-card strong{display:block;font:800 29px Manrope,sans-serif;margin-top:8px}.report-card p{color:#8ba9bc;font-size:10px}.report-card button{border:1px solid #2c5f7b;background:#0b3047;color:#a5d8f5;padding:8px 10px;border-radius:5px;font-size:10px;cursor:pointer}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #18394d}.settings-row strong{display:block;font-size:12px}.settings-row small{display:block;color:#85a6ba;font-size:10px;margin-top:5px}.settings-row select{border:1px solid #28516b;border-radius:6px;background:#061c2b;color:#d8e7ef;padding:9px;font-size:11px}.settings-row input[type=checkbox]{accent-color:#0cc99a;width:18px;height:18px}
@media(max-width:1000px){.hero-header:after{left:8%;right:18%}.screen-title h1{font-size:28px}.report-grid{grid-template-columns:1fr 1fr}.extra-screen{width:auto;padding:20px 14px}}
@media(max-width:650px){.hero-header{border-radius:0 0 0 22px}.hero-header:after{left:5%;right:10%;bottom:-43px}.extra-screen{width:100%;padding:17px 10px 22px;min-height:auto}.screen-title{align-items:flex-start}.screen-title h1{font-size:25px}.screen-title p{font-size:10px;line-height:1.5}.screen-toolbar{flex-wrap:wrap}.screen-toolbar input{flex-basis:100%}.screen-toolbar select{flex:1;min-width:0}.form-grid{grid-template-columns:1fr}.form-panel{padding:15px}.approval-full-list{padding:0 11px}.approval-full-list>div{gap:8px;flex-wrap:wrap}.approval-full-list>div>span{flex:1 1 60%}.mini-stats{gap:7px}.mini-stat{padding:12px}.mini-stat strong{font-size:20px}.report-grid{grid-template-columns:1fr}.screen-title .primary-action{font-size:9px;padding:9px}.settings-row{gap:8px}}

/* Advanced v4: compact sign-out action in the dashboard header */
.hero-user .logout-btn{margin-left:10px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;border-radius:7px;padding:7px 10px;font:600 11px inherit;cursor:pointer;white-space:nowrap}
.hero-user .logout-btn:hover{background:rgba(255,255,255,.18)}
@media(max-width:700px){.hero-user .logout-btn{padding:6px 7px;margin-left:4px}}


/* Advanced document intake screen */
.upload-screen-title{align-items:center;justify-content:space-between;gap:18px}
.upload-screen-title>button{flex-shrink:0}
.intake-notice{display:flex;align-items:center;gap:12px;padding:15px 14px;margin:18px 0;background:#112a43;border:1px solid #2d4c6b;border-radius:11px;color:#e2edfa}
.notice-icon{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:7px;background:#1d4b74;color:#8ed5ff;font-weight:700}
.intake-notice strong{font-size:12px}.intake-notice p{margin:5px 0 0;color:#91a8c2;font-size:11px}
.demo-pill{margin-left:auto;border:1px solid #805b28;color:#f2b85f;padding:5px 9px;border-radius:5px;font-size:9px;letter-spacing:.1em;white-space:nowrap}
.upload-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:15px;align-items:stretch}
.upload-form-panel,.intake-checklist{padding:21px 20px;border:1px solid #263f5b;border-radius:13px;background:linear-gradient(145deg,#0e2034,#0b1a2a)}
.upload-form-panel h2,.intake-checklist h2{font-size:14px;margin:0 0 18px;color:#e5eefb}
.upload-form-panel .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.upload-form-panel label{display:flex;flex-direction:column;gap:8px;color:#a9bdd4;font-size:10px}
.upload-form-panel .full-field{grid-column:1/-1}
.upload-form-panel input:not([type=file]),.upload-form-panel select,.upload-form-panel textarea{width:100%;box-sizing:border-box;background:#091a2b;color:#e1ebf8;border:1px solid #29445f;border-radius:7px;padding:12px;font:inherit;font-size:12px;outline:none}
.upload-form-panel input:focus,.upload-form-panel select:focus,.upload-form-panel textarea:focus{border-color:#4387f5;box-shadow:0 0 0 2px #4387f522}
.upload-form-panel textarea{resize:vertical;min-height:90px}
.file-picker-label input[type=file]{width:100%;box-sizing:border-box;padding:11px;background:#091a2b;color:#dbe8f8;border:1px solid #29445f;border-radius:7px;font-size:12px}
.file-help{color:#8199b5;font-size:10px;line-height:1.5}
.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}
.secondary-action,.upload-form-panel .primary-action{border:1px solid #2b4969;border-radius:8px;padding:11px 15px;color:#d7e5f8;background:#132a41;font-size:11px;font-weight:600;cursor:pointer}
.upload-form-panel .primary-action{background:linear-gradient(120deg,#438bff,#3158d5);border-color:#4c85fa;color:white}
.upload-form-panel button:disabled{opacity:.55;cursor:wait}
.upload-form-panel .form-note{margin:13px 0 0;color:#748ca8;font-size:10px}
.intake-checklist{padding:21px 18px}
.panel-subtitle{margin:-9px 0 22px;color:#8199b5;font-size:10px}
.checklist,.processing-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:22px}
.checklist li,.processing-steps li{display:grid;grid-template-columns:29px minmax(0,1fr);gap:11px;position:relative}
.checklist li:not(:last-child):after{content:"";position:absolute;left:14px;top:30px;bottom:-22px;width:1px;background:#29445f}
.checklist li>span,.processing-steps li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px solid #315c80;background:#173754;color:#a9d8ff;font-size:12px}
.checklist strong,.processing-steps strong{display:block;font-size:11px;color:#e1eaf8;margin:3px 0 7px}
.checklist p,.processing-steps small{display:block;color:#8fa6c1;font-size:10px;line-height:1.6;margin:0}
.checklist small{display:block;color:#6483a6;font-size:8px;margin-top:10px}
.upload-progress-wrap{margin-top:20px;padding:15px;border:1px solid #2b4969;background:#0a1b2c;border-radius:10px}
.progress-head{display:flex;justify-content:space-between;gap:10px;color:#dceafa;font-size:11px;margin-bottom:10px}
.progress-track{height:7px;border-radius:99px;background:#1a3047;overflow:hidden}
.progress-track span{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#28c6d4,#4d83ff);transition:width .35s ease}
.processing-steps{gap:12px;margin-top:17px}
.processing-steps li{grid-template-columns:27px minmax(0,1fr) auto;gap:9px;padding:8px;border-radius:8px;background:#0d2236}
.processing-steps li>span{width:26px;height:26px;font-size:10px}
.processing-steps strong{margin:2px 0 4px}
.step-state{font-size:9px;color:#829bb8;font-weight:500;align-self:center}
.processing-steps .step-running{outline:1px solid #2e719e}
.processing-steps .step-running .step-state{color:#7edcff}
.processing-steps .step-done{background:#0e2a2a}
.processing-steps .step-done>span{background:#145744;border-color:#26785d;color:#b6f5d6}
.processing-steps .step-done .step-state{color:#70e2ad}
.processing-steps .step-error{outline:1px solid #a84444}
.processing-steps .step-error .step-state{color:#ff9292}
.upload-result{display:none;margin-top:13px;padding:11px;border-radius:7px;font-size:11px;line-height:1.6}
.upload-result.success,.upload-result.error{display:block}
.upload-result.success{color:#a9f1ce;background:#10362d;border:1px solid #24644f}
.upload-result.error{color:#ffc1c1;background:#3b2028;border:1px solid #79404b}
@media(max-width:900px){.upload-layout{grid-template-columns:1fr}.intake-checklist{min-height:unset}}
@media(max-width:560px){.upload-form-panel .form-grid{grid-template-columns:1fr}.upload-form-panel .full-field{grid-column:auto}.upload-screen-title{align-items:flex-start;flex-direction:column}.intake-notice{align-items:flex-start}.demo-pill{font-size:8px}.processing-steps li{grid-template-columns:27px minmax(0,1fr)}.step-state{grid-column:2}}