@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap');:root{--red:#d92e3c;--ink:#20222b;--muted:#898e9a;--line:#e8e9ee;--bg:#f5f6f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ecadb1}a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}.sidebar{background:#fff;width:242px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--line);position:sticky;top:0;height:100vh}.side-brand{display:flex;align-items:center;gap:13px;padding:30px 23px 38px;font:800 15px Outfit;letter-spacing:.03em}.logo{background:#23181d;color:white;font:800 31px Outfit;width:48px;height:48px;display:grid;place-items:center;border-radius:9px}.logo span{color:#f3464e}.side-brand small{display:block;color:#a3a6af;font:700 8px DM Sans;letter-spacing:.16em;margin-top:5px}.side-label{font-size:10px;font-weight:800;letter-spacing:.18em;color:#aeb0ba;padding:0 26px 14px}.sidebar nav{padding:0 13px;display:grid;gap:5px}.nav{width:100%;text-align:left;border:0;background:transparent;color:#646a78;padding:15px 17px;border-radius:7px;display:flex;gap:12px;align-items:center;font-weight:700}.nav.active{background:#fce9eb;color:#c92b3c}.nav b{margin-left:auto;background:#e73544;color:white;border-radius:12px;padding:2px 7px;font-size:10px}.side-bottom{margin-top:auto;padding:20px;border-top:1px solid var(--line);display:grid;gap:20px;font-size:12px;font-weight:700}.side-bottom a{color:#b92233}.side-bottom button{text-align:left;border:0;background:none;color:#838893;padding:0}.body-area{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--line);height:112px;padding:22px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:10px;color:#aaaeb8;font-weight:800;letter-spacing:.13em}.topbar h1{font:800 29px Outfit;margin:8px 0 0}.top-actions{display:flex;gap:18px;align-items:center}.live{font-size:12px;color:#687b70}.live i{display:inline-block;background:#20b376;width:7px;height:7px;border-radius:50%;margin-right:5px}.avatar{background:#241a1d;color:white;border-radius:50%;height:37px;width:37px;display:grid;place-items:center;font-size:11px;font-weight:800}.workspace{padding:36px 42px;max-width:1650px}.page{display:block}.page[hidden],div[hidden],section[hidden]{display:none!important}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);border-radius:9px;padding:24px 26px}.stat span{display:block;color:#888e9b;font-size:12px;font-weight:700}.stat strong{font:800 34px Outfit;display:block;margin:14px 0 8px}.stat small{color:#a1a4ac}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 27px;border-bottom:1px solid var(--line)}.panel-head h2,.panel h2{font:800 20px Outfit;margin:0}.panel-head p,.hint{color:#9296a1;font-size:12px;margin:7px 0 0;line-height:1.7}.panel>.hint{padding:18px 26px}.btn{border:0;border-radius:6px;font-weight:800;padding:12px 17px;font-size:12px}.btn.main{background:#d92e3c;color:white}.btn.muted{background:#f4f4f7;color:#4a4f5b;border:1px solid #eaebee}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px;text-align:left}th{background:#fbfbfc;font-size:10px;color:#9a9eaa;letter-spacing:.1em;text-transform:uppercase;padding:17px 27px}td{padding:17px 27px;border-top:1px solid #f1f1f3;color:#404551;font-size:12px}td strong{font-weight:800}td small{display:block;color:#989ca5;margin-top:5px}.tag{display:inline-block;padding:7px 9px;font-size:11px;font-weight:800;border-radius:5px;background:#f2f3f5;color:#686e79}.tag.new{color:#cc2336;background:#ffedf0}.tag.preparing{color:#ae7110;background:#fff5dd}.tag.on_road{color:#2878bc;background:#e8f3ff}.tag.completed{color:#188854;background:#e5f8ed}.row-action{border:1px solid #e6e7ea;background:white;border-radius:5px;padding:9px 12px;font-weight:700;color:#555d69}.list-row{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid var(--line);gap:15px}.list-row:last-child{border-bottom:0}.list-row small{display:block;color:#999;margin-top:7px}.form-panel{padding:28px;max-width:700px}.form-panel h2{margin-bottom:22px}.form-panel label,.modal label,.login-card label{display:block;font-size:12px;color:#676e7a;font-weight:800;margin-bottom:16px}.form-panel input:not([type=checkbox]),.form-panel textarea,.modal input:not([type=checkbox]),.modal textarea,.modal select,.login-card input{display:block;width:100%;border:1px solid #dfe1e7;padding:12px;margin-top:7px;border-radius:5px;color:#242832;background:#fff}.switch-label{display:flex!important;gap:9px;align-items:center}.notice{background:#f3f5f9;border:1px solid #e5e7ee;border-radius:6px;padding:14px;margin:20px 0;color:#515b6a}.button-row{display:flex;gap:10px;flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;background:#1518209e;z-index:5;display:grid;place-items:center;padding:20px}.modal{background:white;width:min(100%,620px);max-height:92vh;overflow:auto;border-radius:10px;box-shadow:0 25px 70px #0003}.modal-head{padding:22px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h2{font:800 22px Outfit;margin:0}.x{border:0;background:transparent;font-size:20px}.modal-body{padding:24px 26px}.modal select{width:100%}.modal .two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal .hint{margin-bottom:18px}.modal .btn{margin-top:10px}.order-line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.error{color:#d22232;font-size:12px;margin-top:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#442027,#140e12 60%);padding:18px}.login-card{background:white;padding:40px;width:min(100%,415px);border-radius:12px}.login-card h1{font:800 30px Outfit;margin:22px 0 4px}.login-card p{color:#89909c;margin-bottom:25px;font-size:13px}.login-card .btn{width:100%;margin-top:10px}#toast{position:fixed;bottom:25px;right:25px;background:#27212a;color:#fff;padding:14px 22px;border-radius:6px;z-index:10;display:none}#toast.show{display:block}@media(max-width:900px){.sidebar{width:75px}.side-brand{padding:20px 13px}.side-brand>div:last-child,.side-label,.nav span,.side-bottom,.nav b{display:none}.sidebar nav{padding:0 6px}.nav{justify-content:center;padding:15px 10px;font-size:19px}.topbar{padding:20px;height:auto;min-height:95px}.workspace{padding:22px}.top-actions .live,.avatar{display:none}.stats{gap:8px}.stat{padding:18px}.stat strong{font-size:25px}}@media(max-width:600px){.sidebar{width:55px}.side-brand{padding:14px 5px}.logo{width:42px;height:42px}.topbar h1{font-size:24px}.topbar .muted{font-size:0;padding:12px}.topbar .muted:after{content:'↗';font-size:16px}.stats{grid-template-columns:1fr 1fr}.stat{padding:14px}.stat:nth-child(3){grid-column:1/-1}.workspace{padding:12px}.panel-head{padding:16px}.modal .two{grid-template-columns:1fr}}