*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f6f8fc;color:#172033}aside{position:fixed;inset:0 auto 0 0;width:255px;background:#0876d8;color:white;padding:22px 16px;display:flex;flex-direction:column;overflow:auto}.logo{font-size:20px;font-weight:800;padding:4px 10px 22px;display:flex;align-items:center;gap:10px}.logo img{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}.logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav{display:grid;gap:4px}aside a{color:#eaf5ff;text-decoration:none;padding:12px 14px;border-radius:9px;font-size:14px}.on,aside a:hover{background:#fff;color:#0876d8!important}.bottom{margin-top:auto;display:grid;gap:4px;padding-top:20px}main{margin-left:255px}header{height:72px;background:#fff;border-bottom:1px solid #e6eaf0;display:flex;align-items:center;padding:0 32px;gap:16px;position:sticky;top:0;z-index:2}header div{display:grid}header small{color:#7a8495;margin-top:3px}.hamb{display:none;border:0;background:none;font-size:22px}.content{padding:30px;max-width:1600px;margin:auto}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.hero h2,.panel h2{margin:0 0 7px}.hero p,.panel p{margin:0;color:#778195}.hero button,.form button,.toolbar button,.loginbox button{border:0;background:#0876d8;color:#fff;padding:12px 18px;border-radius:8px;font-weight:700;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards div,.panel,article{background:#fff;border:1px solid #e7ebf1;border-radius:14px;padding:22px;box-shadow:0 2px 8px #14213d0a}.cards span{display:block;color:#748095;font-size:13px}.cards strong{font-size:27px;display:block;margin-top:9px;color:#0876d8}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px}.metrics{display:flex;gap:35px;flex-wrap:wrap;padding-top:22px}.metrics div{display:grid;gap:8px}.metrics span{color:#748095}.metrics b{font-size:24px}.green{color:#169b50}.red{color:#d33}.form{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:24px}.form.one{grid-template-columns:1fr;min-width:380px}.form label{font-size:13px;font-weight:700;display:grid;gap:7px}.form input,.form select,.form textarea,.inline select{border:1px solid #d8e0e9;border-radius:8px;padding:12px;width:100%;background:#fff}.form textarea{min-height:95px;resize:vertical}.form .full{grid-column:1/-1}.form button{width:max-content}.chooser{background:#f8fbff;border:1px solid #dcecff;border-radius:10px;padding:15px}.chooser h3{margin:0 0 12px}.check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;padding:8px;border-bottom:1px solid #e8eef5}.check input{width:auto}.check b{margin-left:auto}.qty{display:flex!important;align-items:center;justify-content:space-between;gap:20px!important;padding:8px;border-bottom:1px solid #e8eef5}.qty input{width:90px}.success,.alert{padding:12px 15px;border-radius:9px;margin-bottom:18px}.success{background:#eafaf0;color:#16733a}.alert{background:#fff0f0;color:#a72828}.panel{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:13px 11px;border-bottom:1px solid #edf0f4;font-size:14px}th{color:#697588;font-size:12px;text-transform:uppercase}.inline{display:inline}.inline button,.danger{border:0;border-radius:7px;padding:7px 10px;cursor:pointer}.danger{background:#fff0f0;color:#c22}.badge{background:#eef5ff;color:#0876d8;padding:5px 8px;border-radius:999px;font-size:12px}.badge.ok{background:#e9f9ef;color:#168847}.badge.bad{background:#fff0f0;color:#c22}.reportgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.reportgrid div{border:1px solid #e6ebf1;border-radius:10px;padding:18px;display:grid;gap:8px}.reportgrid span{color:#748095}.reportgrid b{font-size:24px;color:#0876d8}dialog{border:0;border-radius:14px;box-shadow:0 25px 80px #0003}dialog::backdrop{background:#14213d55}.light{background:#eef4fa!important;color:#334!important}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0876d8,#055aa9)}.loginbox{width:min(390px,90vw);background:#fff;padding:34px;border-radius:16px;display:grid;gap:14px;box-shadow:0 25px 60px #003b7160}.loginbox h1{margin:0;text-align:center}.loginbox p{text-align:center;color:#7b8593;margin:0 0 10px}.loginbox input{padding:13px;border:1px solid #dce2e9;border-radius:8px}.brandmark{text-align:center;font-size:42px}@media(max-width:900px){aside{transform:translateX(-100%);z-index:4;transition:.2s}body.menu aside{transform:none}main{margin:0}.hamb{display:block}.cards{grid-template-columns:1fr 1fr}.grid,.form{grid-template-columns:1fr}.form .full{grid-column:auto}.reportgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.content{padding:18px}.cards,.reportgrid{grid-template-columns:1fr}.hero{align-items:flex-start;gap:15px}.hero button{white-space:nowrap}.form.one{min-width:0}.qty{align-items:flex-start;flex-direction:column}}