@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#07182f;--blue:#4263eb;--bg:#f2f5fb;--text:#12213a;--muted:#75839a;--line:#e4e9f2;--green:#16a77b;--orange:#f08c46;--red:#e54c60;--purple:#7857e8}
body{font-family:'Plus Jakarta Sans','DM Sans',sans-serif;background:radial-gradient(circle at 82% 5%,#e6edff 0,transparent 24%),var(--bg)}
.sidebar{width:260px;padding:27px 20px;background:linear-gradient(180deg,#071b37,#071329);box-shadow:14px 0 35px #0d23440d}.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at -10% 18%,#4f73ff29,transparent 28%),radial-gradient(circle at 110% 78%,#38d5bd14,transparent 30%);pointer-events:none}.brand{position:relative;margin:0 9px 45px;gap:13px}.brand-logo{width:44px;height:44px;filter:drop-shadow(0 8px 13px #395fff4d)}.brand strong{font-size:19px;letter-spacing:-.5px}.brand small{color:#7890af}.sidebar nav{position:relative;gap:7px}.sidebar nav a{min-height:47px;border:1px solid transparent;border-radius:12px;transition:.2s ease}.sidebar nav a:hover{transform:translateX(3px)}.sidebar nav a.active{background:linear-gradient(90deg,#4164ed33,#446bff12);border-color:#6482ff2e;box-shadow:inset 3px 0 #6886ff;color:#fff}.warehouse{position:relative;border:1px solid #294365;background:#10294a;border-radius:14px;padding:16px}.warehouse:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#53e4b7;box-shadow:0 0 0 5px #53e4b718;margin-right:8px}.warehouse span{display:inline}.warehouse small{margin-top:10px;color:#70d8b6}
main{margin-left:260px}.topbar{height:94px;padding:0 40px;background:#ffffffd9;backdrop-filter:blur(18px);border-color:#e7ebf2}.topbar h1{font-size:21px;letter-spacing:-.4px}.search{width:300px;border:0;background:#f2f5f9;border-radius:12px;transition:.2s}.search:focus-within{background:#fff;box-shadow:0 0 0 3px #4969e51c,0 10px 30px #203b7410}.avatar{background:linear-gradient(145deg,#d9e4ff,#efe9ff);box-shadow:inset 0 0 0 1px #fff;color:#4a5fd2}.content{padding:34px 40px;max-width:1640px;margin:auto}
.dashboard-hero{position:relative;min-height:270px;align-items:center;overflow:hidden;padding:38px 42px;margin-bottom:24px;border-radius:24px;background:linear-gradient(125deg,#0a2250 0%,#123b7b 55%,#3857ce 100%);box-shadow:0 24px 55px #173b7929;color:#fff}.dashboard-hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:17%;top:-280px;border:85px solid #ffffff0a}.dashboard-hero:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;left:-90px;bottom:-140px;background:#4ee4c91c}.hero-copy{position:relative;z-index:2;max-width:560px}.hero-chip{display:inline-block;padding:7px 11px;border-radius:99px;background:#7ef3d41c;border:1px solid #8affe24a;color:#8affe2;font-size:9px;font-weight:800;letter-spacing:.1em;margin-bottom:17px}.dashboard-hero .eyebrow{color:#90aee2}.dashboard-hero h2{font-size:34px;line-height:1.2;letter-spacing:-1.2px;margin-bottom:10px}.dashboard-hero h2 span{color:#91f5db}.dashboard-hero p{color:#b7c9e9;max-width:500px;line-height:1.6}.hero-btn{margin-top:23px;padding:13px 18px;background:#fff;color:#123a76;border-radius:11px;box-shadow:0 12px 25px #0418364d}.hero-btn b{padding-left:12px}.hero-illustration{position:absolute;z-index:1;width:min(41%,500px);right:15px;bottom:1px;filter:drop-shadow(0 22px 25px #00143a38)}
.stats{gap:16px}.stats article{position:relative;border:0;border-radius:17px;padding:22px;background:#fff;box-shadow:0 8px 30px #1c3e7710;overflow:hidden;transition:.25s ease}.stats article:after{content:"";position:absolute;width:65px;height:65px;border-radius:50%;right:-24px;top:-25px;background:#5573ec0c}.stats article:hover{transform:translateY(-4px);box-shadow:0 16px 40px #1c3e7718}.stat-icon{width:46px;height:46px;border-radius:14px}.stats article strong{font-size:23px;letter-spacing:-.5px}.panel{border:0;border-radius:17px;box-shadow:0 8px 30px #1c3e7710}.panel-head{padding:22px 24px}.panel-head h3{font-size:16px}.panel-head a{padding:7px 10px;border-radius:8px;background:#eef2ff}.table-wrap th{background:#f8f9fc;padding-top:14px;padding-bottom:14px}.table-wrap tr{transition:.15s}.table-wrap tbody tr:hover{background:#f8faff}.badge{padding:6px 10px}.activity{padding:7px 23px}.move{border-radius:11px}.btn{border-radius:11px;transition:.18s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,#4263e8,#6c57e9);box-shadow:0 10px 22px #4e5ee42f}.supplier-card{border:0;border-radius:17px;box-shadow:0 8px 30px #1c3e7710;transition:.2s}.supplier-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #1c3e771a}.modal-card{border-radius:20px}.empty-state{text-align:center;padding:15px 20px 27px}.empty-state img{display:block;width:150px;margin:auto}.empty-state b,.empty-state span{display:block}.empty-state span{color:var(--muted);font-size:12px;margin-top:5px}
.login-page{background:#06172f}.login-shell{grid-template-columns:minmax(560px,1.15fr) minmax(430px,.85fr)}.login-brand{position:relative;overflow:hidden;padding:50px 7vw;justify-content:flex-start;background:radial-gradient(circle at 75% 78%,#4565ee38,transparent 34%),radial-gradient(circle at 8% 14%,#2ae3c51f,transparent 26%),linear-gradient(145deg,#071a37,#092453)}.login-brand:after{content:"";position:absolute;width:420px;height:420px;border:90px solid #6f8aff0a;border-radius:50%;left:-240px;bottom:-230px}.login-logo{display:flex;align-items:center;gap:13px;font-size:20px;position:relative;z-index:2}.login-logo img{width:48px}.login-copy{position:relative;z-index:2;margin-top:9vh}.login-copy h1{font-size:clamp(38px,4.2vw,62px);letter-spacing:-2px}.login-copy h1 em{font-style:normal;color:#82f2d7}.login-copy>p{max-width:500px}.login-illustration{position:absolute;z-index:1;width:min(72%,670px);right:1.5vw;bottom:4vh;filter:drop-shadow(0 25px 35px #00112e70)}.login-card{padding:8vh clamp(50px,8vw,120px);position:relative}.login-card:before{content:"";position:absolute;width:9px;height:90px;border-radius:99px;background:linear-gradient(#50ddc3,#536cf0);left:0;top:calc(50% - 45px)}.login-card h2{font-size:36px;letter-spacing:-1.2px}.login-card input{padding:14px;border-radius:11px;background:#f8f9fc}.login-card .btn{padding:15px}.demo-access{border:0;border-radius:12px;background:#f1f4fa}
@media(max-width:1100px){.hero-illustration{opacity:.4;right:-70px}.hero-copy{max-width:62%}.login-shell{grid-template-columns:1fr 1fr}.login-brand{padding:45px}.login-illustration{width:90%}}
@media(max-width:760px){.sidebar{width:260px}main{margin:0}.content{padding:22px 15px}.dashboard-hero{padding:28px 24px;min-height:350px;align-items:flex-start}.dashboard-hero h2{font-size:28px}.hero-copy{max-width:100%}.hero-illustration{width:250px;opacity:.7;right:-30px}.stats article{padding:19px}.login-shell{display:block}.login-card{min-height:100vh;padding:35px 24px}.login-card:before{display:none}}
.structure-switcher{display:flex;align-items:center;gap:8px;padding:6px 9px 6px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.structure-switcher span{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.structure-switcher select{border:0;padding:3px 26px 3px 4px;width:auto;background-color:transparent;font-size:12px;font-weight:700;box-shadow:none}.structure-pill{display:inline-flex;padding:6px 10px;border-radius:8px;background:#eef3ff;color:#3e59c5;font-size:11px;font-weight:700}.structure-stats{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;margin-bottom:22px}.structure-stats article{background:#fff;border-radius:16px;padding:20px;display:flex;gap:14px;align-items:center;box-shadow:0 8px 30px #1c3e7710}.structure-stats article>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#e5ecff,#eee9ff);color:#5365dc}.structure-stats small,.structure-stats strong{display:block}.structure-stats small{font-size:9px;letter-spacing:.1em;color:var(--muted)}.structure-stats strong{font-size:23px;margin-top:4px}.structures-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:18px}.structure-card{position:relative;background:#fff;border-radius:18px;padding:22px;box-shadow:0 8px 30px #1c3e7710;overflow:hidden;transition:.2s}.structure-card:before{content:"";position:absolute;height:4px;inset:0 0 auto;background:linear-gradient(90deg,#4263eb,#66dfc8)}.structure-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px #1c3e7718}.structure-card.disabled{opacity:.65}.structure-card-head{display:flex;align-items:center;justify-content:space-between}.structure-card-head>span:first-child{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#173a75,#526ce5);color:#fff;font-weight:800}.structure-card>small{display:block;margin-top:19px;color:#60718b;font-weight:800;letter-spacing:.08em}.structure-card h3{font-size:18px;margin:6px 0 10px}.structure-card>p{color:var(--muted);margin:0}.structure-metrics{display:flex;gap:22px;margin:20px 0;padding:15px 0;border-block:1px solid var(--line);color:var(--muted);font-size:11px}.structure-metrics b{color:var(--text);font-size:14px}.structure-actions{display:flex;justify-content:space-between;align-items:center}.structure-actions form{margin:0}
@media(max-width:1100px){.structures-grid{grid-template-columns:1fr 1fr}.structure-switcher span{display:none}}
@media(max-width:760px){.structure-switcher{display:none}.structure-stats,.structures-grid{grid-template-columns:1fr}}
.report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:18px 20px;border-radius:17px;background:linear-gradient(110deg,#102f65,#274f9d);color:#fff;box-shadow:0 14px 32px #173b7924}.report-toolbar>div{display:flex;align-items:center;gap:13px}.report-toolbar h3,.report-toolbar p{margin:0}.report-toolbar h3{font-size:15px}.report-toolbar p{font-size:11px;color:#b9cbed;margin-top:4px}.report-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#ffffff16;color:#8ff2d9;font-size:20px}.report-toolbar form{display:flex;align-items:flex-end;gap:8px}.report-toolbar label{color:#b9cbed;font-size:9px}.report-toolbar input,.report-toolbar select{min-width:116px;padding:8px 9px;border:0;background:#ffffff15;color:#fff}.report-toolbar select option{color:#17243a}.report-toolbar .btn{white-space:nowrap;padding:10px 14px}
@media(max-width:1100px){.report-toolbar{align-items:flex-start;flex-direction:column}.report-toolbar form{width:100%;flex-wrap:wrap}.report-toolbar form label{flex:1}.report-toolbar input,.report-toolbar select{min-width:0}}
@media(max-width:760px){.report-toolbar form{display:grid;grid-template-columns:1fr 1fr}.report-toolbar .btn{grid-column:1/-1}.report-toolbar p{display:none}}
.user-menu>button{border:0;background:#eef2f8;color:#66758a;width:30px;height:30px;border-radius:8px;cursor:pointer}