*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter',system-ui,sans-serif;background:#f3f0f9;color:#1d1633;display:flex;min-height:100vh;font-size:15px}
aside{width:250px;background:linear-gradient(180deg,#24093d,#0a1f4d);padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}
.lg{background:#fff;padding:10px 14px;border-radius:14px;width:100%;margin-bottom:22px}aside nav{display:grid;gap:4px;flex:1}
aside a{color:#cbbfe0;padding:11px 14px;border-radius:12px;text-decoration:none;display:flex;gap:12px;align-items:center;transition:.2s}aside a i{font-style:normal;width:22px}aside a:hover{background:#ffffff14;color:#fff}
aside a.on{background:linear-gradient(135deg,#8b3fc0,#1b6ad6);color:#fff;box-shadow:0 8px 20px -6px #8b3fc0}.sf{border-top:1px solid #ffffff22;padding-top:12px;display:grid}
main{flex:1;padding:30px 38px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{font-size:28px}.mut{color:#8a7fa3}small{font-size:12.5px}h3{margin-bottom:14px}
.panel{background:#fff;border-radius:18px;padding:22px;margin-bottom:20px;box-shadow:0 10px 30px -18px #6a2a8f66;border:0}fieldset legend{font-weight:800;color:#6a2a8f;margin-bottom:12px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:20px}.stat{border-radius:20px;padding:22px;color:#fff;position:relative;overflow:hidden}.stat i{position:absolute;right:16px;top:12px;font-size:34px;opacity:.35;font-style:normal}
.stat b{display:block;font-size:30px}.stat span{opacity:.9;font-size:14px}.g1{background:linear-gradient(135deg,#8b3fc0,#5b1f8c)}.g2{background:linear-gradient(135deg,#1b6ad6,#0b3d91)}.g3{background:linear-gradient(135deg,#12b886,#0a7a5a)}.g4{background:linear-gradient(135deg,#f59f00,#d9480f)}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.bars{display:flex;align-items:flex-end;gap:14px;height:210px}.bars div{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bars u{width:100%;max-width:46px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#8b3fc0,#1b6ad6)}.bars em{font-size:11px;font-style:normal;color:#8a7fa3}.bars span{font-size:12px;font-weight:600}
table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;text-transform:uppercase;color:#8a7fa3;letter-spacing:.5px}td,th{padding:12px 10px;border-bottom:1px solid #f0eaf7;vertical-align:middle}tr:last-child td{border:0}
.bd{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;background:#eee}.b-new,.b-unpaid{background:#fff3d6;color:#a86400}.b-in-design{background:#e8e0ff;color:#5b1f8c}.b-printing{background:#dbeafe;color:#1b4fa8}.b-ready,.b-paid,.b-active{background:#d3f9e5;color:#0a7a3a}.b-delivered{background:#e5e7eb;color:#444}.b-cancelled,.b-hidden{background:#fde2e2;color:#b00}
.b{background:linear-gradient(135deg,#8b3fc0,#1b6ad6);color:#fff;border:0;padding:12px 26px;border-radius:12px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;list-style:none;box-shadow:0 8px 20px -8px #8b3fc0}.b.sm{padding:9px 18px;font-size:14px}
input,select,textarea{width:100%;padding:11px 14px;border:1.5px solid #e6dff0;border-radius:11px;font:inherit;background:#fff;outline:0}input:focus,select:focus,textarea:focus{border-color:#8b3fc0}input[type=color]{height:44px;padding:3px}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.fg .w2,.fg .b,.fg textarea{grid-column:1/-1}.fg .b{justify-self:start}label{display:grid;gap:5px;font-size:13px;font-weight:600;color:#665c80}.chk{display:flex;align-items:center;gap:8px}.chk input{width:auto}
.act{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.act form{display:inline}.act a,.lnk2{color:#1b6ad6;text-decoration:none;font-weight:600;font-size:14px}.lnk{background:none;border:0;color:#d33;cursor:pointer;font:inherit;font-size:14px;font-weight:600}.lnk.g{color:#0a7a3a}
.ok{background:#d3f9e5;color:#0a7a3a;padding:13px 18px;border-radius:12px;margin-bottom:18px;font-weight:600}.bad{color:#c00}.search{margin-bottom:16px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.chips a{padding:8px 18px;background:#fff;border-radius:30px;text-decoration:none;color:#665c80;font-weight:600;font-size:14px}.chips a.on{background:linear-gradient(135deg,#8b3fc0,#1b6ad6);color:#fff}
.order{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.order p{margin:8px 0}.act select{width:auto}details summary{cursor:pointer}
.gg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.gi{background:#fff;border-radius:16px;overflow:hidden;padding-bottom:12px}.gi img{width:100%;height:150px;object-fit:cover}.gi div,.gi form{padding:10px 14px 0}
body.login{display:grid;place-items:center;background:linear-gradient(135deg,#24093d,#0a1f4d)}.lbox{background:#fff;padding:38px;border-radius:24px;width:360px;display:grid;gap:14px;text-align:center}.lbox img{margin:auto}
@media(max-width:900px){body{flex-direction:column}aside{width:100%;height:auto;position:static}.lg{display:none}aside nav{grid-template-columns:repeat(3,1fr)}main{padding:18px}.two,.fg{grid-template-columns:1fr}}
.b-overdue{background:#fde2e2;color:#b00}.crop{text-align:center;margin:14px 0}.crop canvas{width:320px;max-width:100%;aspect-ratio:1;border-radius:16px;background:#f0eaf7;touch-action:none;cursor:grab}.crop input{max-width:320px}.gi img{aspect-ratio:1;height:auto}
.auth{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;padding:20px}.auth .lbox{width:340px}.lbox a{color:#1b6ad6}
.b-verified{background:#d3f9e5;color:#0a7a3a}.b-unverified{background:#fff3d6;color:#a86400}.th{width:48px;height:48px;border-radius:10px;object-fit:cover;vertical-align:middle}.tabs{display:flex;background:#f3f0f9;border-radius:14px;padding:4px;gap:4px}.tabs button{flex:1;border:0;background:none;padding:11px;border-radius:11px;font:inherit;font-weight:700;cursor:pointer;color:#665c80}.tabs button.on{background:linear-gradient(135deg,#8b3fc0,#1b6ad6);color:#fff}.lbox form{display:grid;gap:14px}.badbox{background:#fde2e2;color:#b00;padding:12px 16px;border-radius:12px;font-weight:600;font-size:14px;text-align:left}.lbox .ok{margin:0;text-align:left;font-size:14px}.lbox{width:390px!important}