@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#22201d;font-synthesis:none;background:#f4f2ed;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.admin-shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}aside{color:#f9f7f2;background:#1c1b19;flex-direction:column;height:100vh;padding:26px 16px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 10px 27px;display:flex}.brand>i{background:#ff5b08;border-radius:11px;place-items:center;width:36px;height:36px;font-style:normal;font-weight:800;display:grid}.brand span{flex-direction:column;display:flex}.brand b{font-size:15px}.brand small{color:#99958f;letter-spacing:.14em;text-transform:uppercase;font-size:9px}aside nav{gap:4px;display:grid}aside nav button{color:#9e9a94;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;min-height:43px;padding:0 12px;font:500 11px Manrope;display:flex}aside nav button.active{color:#fff;background:#312d28}aside nav button.active svg{color:#ff6b20}aside nav em{color:#fff;background:#ff5b08;border-radius:99px;margin-left:auto;padding:2px 7px;font-size:9px;font-style:normal}.operator{border-top:1px solid #34312e;align-items:center;gap:9px;margin-top:auto;padding:14px 9px 0;display:flex}.operator>span{color:#d94900;background:#ffede4;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.operator div{flex-direction:column;flex:1;display:flex}.operator b{font-size:10px}.operator small{color:#8f8a84;font-size:8px}main{width:100%;max-width:1440px;margin:0 auto;padding:32px 38px 60px}header{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}header p{color:#8a8782;margin:0 0 5px;font-size:10px}h1{letter-spacing:-.04em;margin:0;font-size:27px}.header-actions{gap:9px;display:flex}.header-actions label{color:#9e9a94;background:#fff;border:1px solid #e3dfd8;border-radius:10px;align-items:center;gap:8px;width:260px;height:40px;padding:0 12px;display:flex}.header-actions input{border:0;outline:0;width:100%;font:10px Manrope}.header-actions button,.section-title button{color:#fff;cursor:pointer;background:#ff5b08;border:0;border-radius:9px;padding:0 16px;font:700 10px Manrope}.pulse{background:#fff4ed;border:1px solid #ffd6bf;border-radius:12px;grid-template-columns:160px 1fr auto;align-items:center;min-height:60px;margin-bottom:16px;padding:0 17px;font-size:10px;display:grid}.pulse>div{letter-spacing:.12em;color:#bc3e00;font-size:9px;font-weight:800}.live-dot{background:#45a747;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #45a74724}.pulse p{margin:0}.pulse button{color:#e24c02;background:0 0;border:0;font:700 10px Manrope}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metrics article,.chart-card,.queue,.table-card{background:#fff;border:1px solid #e4e0d9;border-radius:13px;box-shadow:0 6px 20px #3830270a}.metrics article{flex-direction:column;min-height:127px;padding:17px;display:flex;position:relative}.metrics article span{color:#77736e;font-size:9px}.metrics article strong{letter-spacing:-.04em;margin:11px 0 6px;font-size:24px}.metrics article small{color:#388b54;font-size:8px}.metrics article svg{color:#ff6420;background:#fff0e8;border-radius:8px;width:32px;height:32px;padding:7px;position:absolute;top:15px;right:15px}.admin-grid{grid-template-columns:1.55fr 1fr;gap:13px;margin-top:13px;display:grid}.chart-card,.queue,.table-card{padding:18px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title small{color:#ff5b08;letter-spacing:.14em;font-size:8px;font-weight:800}.section-title h2{margin:3px 0 0;font-size:16px}.section-title button{color:#57534e;background:#f5f2ed;align-items:center;gap:5px;min-height:32px;display:flex}.chart{border-bottom:1px solid #dedad4;align-items:end;gap:11px;height:210px;padding:26px 9px 0;display:flex}.chart>i{background:linear-gradient(#ff6c23,#ffc7a8);border-radius:7px 7px 0 0;flex:1;min-width:12px;position:relative}.chart>i:last-child{background:linear-gradient(#ed4c00,#ff8b50)}.chart>i span{text-align:center;color:#928e88;width:100%;font-size:8px;font-style:normal;position:absolute;bottom:-22px}.chart-foot{gap:20px;padding-top:35px;font-size:9px;display:flex}.chart-foot span>i{background:#ff5b08;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.chart-foot span:nth-child(2)>i{background:#f2ae76}.chart-foot span:nth-child(3)>i{background:#c7c1b8}.queue ul{margin:0;padding:10px 0 0;list-style:none}.queue li{border-bottom:1px solid #eeebe6;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.queue li:last-child{border:0}.queue li div{flex-direction:column;display:flex}.queue li b{font-size:10px}.queue li small{color:#8a8782;margin-top:3px;font-size:8px}.queue li>strong{font-size:14px}.risk{text-align:center;text-transform:uppercase;border-radius:99px;padding:4px 6px;font-size:7px;font-weight:800}.risk.high{color:#bd2800;background:#ffe6df}.risk.medium{color:#a96400;background:#fff0cc}.risk.low{color:#337837;background:#e9f3e8}.table-card{margin-top:13px}.table{margin-top:14px}.tr{border-top:1px solid #eeeae4;grid-template-columns:1fr 1.7fr 1fr 1fr 1fr;align-items:center;min-height:46px;font-size:9px;display:grid}.tr.head{color:#898681;text-transform:uppercase;letter-spacing:.08em;border:0;min-height:33px;font-size:7px}.status{border-radius:99px;width:max-content;padding:4px 7px;font-weight:700}.status.pending{color:#9a6200;background:#fff2d5}.status.approved{color:#297249;background:#e5f4e9}.status.review{color:#954e04;background:#ffebda}.status.reversed{color:#a13630;background:#f9e6e4}@media (width<=900px){.admin-shell{grid-template-columns:72px 1fr}aside{padding-inline:10px}.brand span,aside nav span,aside nav em,.operator div,.operator svg{display:none}.brand{padding-inline:8px}.brand>i{width:36px}.operator{justify-content:center}.metrics{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.header-actions label{display:none}}@media (width<=600px){.admin-shell{display:block}aside{z-index:20;background:#1c1b19;width:100%;height:67px;padding:5px;position:fixed;top:auto;bottom:0}aside .brand,aside .operator,aside nav button:nth-child(n+6){display:none}aside nav{grid-template-columns:repeat(5,1fr)}aside nav button{justify-content:center;min-height:56px;padding:0}main{padding:22px 14px 84px}header{align-items:start}.header-actions button{height:40px}.pulse{grid-template-columns:1fr auto;padding-block:10px}.pulse p{order:3;grid-column:1/-1;margin-top:6px}.metrics{grid-template-columns:1fr 1fr}.metrics article strong{font-size:19px}.admin-grid{grid-template-columns:1fr}.table{overflow-x:auto}.tr{min-width:590px}}.login-page{background:radial-gradient(circle at 70% 10%,#ffe4d3,#0000 30%),#f4f2ed;place-items:center;min-height:100vh;padding:24px;display:grid}.login-page form{background:#fff;border:1px solid #e4e0d9;border-radius:18px;width:min(390px,100%);padding:30px;box-shadow:0 18px 55px #392b1f1f}.login-page .brand{color:#22201d;padding:0 0 25px}.login-page h1{font-size:24px}.login-page p{color:#77736e;margin:7px 0 22px;font-size:11px}.login-page label,.task-modal label{gap:6px;margin-top:13px;font-size:10px;font-weight:700;display:grid}.login-page input,.task-modal input{color:#22201d;background:#faf9f7;border:1px solid #ddd8d0;border-radius:9px;height:42px;padding:0 11px}.login-page form>button{color:#fff;background:#ff5b08;border:0;border-radius:10px;width:100%;height:44px;margin:18px 0 10px;font-weight:800}.login-page form>small{text-align:center;color:#8a8782;display:block}.login-error{color:#a2261d;background:#fce8e6;border-radius:8px;margin-top:12px;padding:9px;font-size:10px}.admin-toast{color:#fff;background:#1f1e1b;border-radius:10px;padding:13px 18px;font-size:10px;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 35px #0003}.modal-backdrop{z-index:50;background:#14110e73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.task-modal{background:#fff;border-radius:16px;width:min(440px,100%);padding:24px;box-shadow:0 25px 80px #00000040}.task-modal>small{color:#ff5b08;letter-spacing:.12em;font-weight:800}.task-modal h2{margin:5px 0 18px}.task-modal>div{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.task-modal button{border:0;border-radius:9px;min-height:40px;padding:0 15px;font-weight:700}.task-modal button:last-child{color:#fff;background:#ff5b08}
