:root{--bg:#071321;--panel:#0e2030;--panel2:#122739;--stroke:#26394b;--ink:#eaf3f9;--muted:#8da4b7;--orange:#f09a39;--blue:#70b5f8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #ffb657;outline-offset:3px}h1,h2,h3,p{margin-top:0}.screen[hidden]{display:none!important}
.demo-banner{padding:9px 25px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:11px;background:#fef3d7;color:#683d0e;font-size:11px;letter-spacing:.01em}.demo-banner b{font-weight:850;letter-spacing:.08em}.demo-banner a{font-weight:800;margin-left:auto;text-decoration:underline}.demo-dot{height:7px;width:7px;background:#b47117;border-radius:50%}
.app{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 36px)}.sidebar{border-right:1px solid var(--stroke);background:#0b1a29;display:flex;flex-direction:column;padding:27px 15px}.logo{display:flex;align-items:center;gap:10px;padding:0 7px 42px;font-size:19px;font-weight:900;letter-spacing:-.07em;line-height:1}.logo-mark{width:37px;height:37px;border-radius:11px;background:var(--orange);color:#122131;display:grid;place-items:center;font-size:26px}.logo-accent{color:var(--orange)}.logo small{display:block;color:#658095;font-size:8px;letter-spacing:.12em;margin-top:7px}.menu-group{font-size:9px;font-weight:850;letter-spacing:.16em;color:#5b748a;margin:0 12px 12px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:12px;display:flex;align-items:center;gap:12px;color:#a0b1c0;font-weight:740;border-radius:10px}.sidebar nav a:hover{background:#1a2d40;color:#fff}.sidebar nav a.selected{color:#fff;background:#25394c;box-shadow:inset 3px 0 var(--orange)}.ico{font-size:20px;width:21px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--stroke);padding:22px 9px 4px;display:flex;align-items:center;gap:10px}.avatar,.user-mark{border-radius:50%;background:#35485b;color:#f3d4a8;display:grid;place-items:center;font-weight:850;width:35px;height:35px}.sidebar-bottom b{display:block;font-size:11px}.sidebar-bottom small{display:block;color:#7891a5;font-size:10px}.main{min-width:0;display:flex;flex-direction:column}.app-header{height:72px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;padding:0 35px}.crumb{font-size:10px;letter-spacing:.12em;color:#607c91;font-weight:850}.crumb span{margin:0 7px;color:#385367}.crumb strong{color:#d8e5ed}.header-right{display:flex;align-items:center;gap:19px}.offline{font-size:11px;color:#6bc9a5}.user-mark{width:31px;height:31px}.content{flex:1;padding:36px max(25px,3vw) 45px;max-width:1550px;width:100%;margin:auto}.headline{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:33px}.eyebrow{color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.15em;margin-bottom:10px}.headline h1{font-size:32px;letter-spacing:-.045em;margin:0}.subtitle{color:var(--muted);margin:9px 0 0}.cta{display:inline-block;border-radius:10px;background:var(--orange);color:#15202a;font-size:12px;font-weight:850;padding:13px 17px;white-space:nowrap}.cta.secondary{background:#1e3347;color:#fff}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat{padding:19px 20px;background:var(--panel);border:1px solid var(--stroke);border-radius:14px}.stat>span{font-size:9px;color:#8a9dae;letter-spacing:.095em;font-weight:850}.stat strong{display:block;font-size:31px;margin:6px 0 0;letter-spacing:-.06em}.stat small{color:#69859b;font-size:10px}.deemph{color:#607c91;font-size:19px}.panel-label{display:flex;align-items:center;justify-content:space-between;margin:34px 0 16px}.panel-label h2{font-size:16px;letter-spacing:-.02em;margin:0}.panel-label span{color:#7290a3;font-size:9px;font-weight:850;letter-spacing:.13em}
.kanban{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:11px}.column{border-radius:13px;background:#0d1d2b;border:1px solid #1f3347;min-height:340px;padding:12px 10px}.column-title{border-top:3px solid #5a99d2;display:flex;align-items:center;justify-content:space-between;margin:0 3px 12px;padding-top:12px;font-size:11px;font-weight:820}.column-title small{color:#a7c0d1;background:#263b4a;border-radius:6px;padding:1px 7px}.col-queue .column-title{border-color:#a58ee9}.col-work .column-title{border-color:#eb9850}.col-parts .column-title{border-color:#dc7484}.col-ready .column-title{border-color:#55bc93}.order-card{display:block;padding:13px;background:#162b3c;border:1px solid #2b4051;border-radius:10px;margin-bottom:10px}.order-card:hover{border-color:#789aaf}.card-head{display:flex;justify-content:space-between;gap:7px;font-size:10px}.card-head b{color:var(--orange)}.card-head span{color:#71899a}.order-card h3{font-size:14px;margin:12px 0 3px}.order-card p{font-size:10px;color:#7f96a9;margin-bottom:12px}.pill-row{display:flex;flex-wrap:wrap;gap:5px}.pill{display:inline-flex;color:#9caebd;background:#23384a;border-radius:5px;padding:3px 6px;font-size:9px;white-space:nowrap}.pill.blue{color:#9cc9ff;background:#233d5a}.pill.purple{color:#c8b9ff;background:#42385c}.pill.orange{color:#ffc387;background:#553e28}.pill.red{color:#ffafb6;background:#57343d}.pill.green{color:#9be8c3;background:#25483b}.card-foot{display:flex;justify-content:space-between;gap:5px;border-top:1px solid #2c4050;margin-top:12px;padding-top:10px;font-size:9px;color:#a0b0be}.card-foot b{color:var(--orange)}
.order-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stack{display:grid;align-content:start;gap:18px}.box{border:1px solid var(--stroke);background:var(--panel);border-radius:15px;padding:23px}.box-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--stroke);padding-bottom:19px;margin-bottom:19px}.box-heading h2{font-size:16px;margin:0}.tag{font-size:9px;letter-spacing:.1em;font-weight:850;color:var(--orange)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.info-grid>div small{display:block;font-size:9px;letter-spacing:.09em;color:#758fa3;margin-bottom:7px}.info-grid>div b{font-size:13px}.line-item{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--stroke);padding:13px 0}.line-item b{display:block}.line-item small{color:#6d889f;font-size:10px}.line-item strong{white-space:nowrap}.total{display:flex;justify-content:space-between;gap:20px;padding-top:24px;font-size:15px}.total strong{color:var(--orange);font-size:24px}.event{display:flex;gap:12px;padding:9px 0}.event>span{color:#62c99a}.event b{font-size:12px}.event small{display:block;color:#7b91a3}.readonly{font-size:10px;color:#7c91a4;border-top:1px solid var(--stroke);margin:18px 0 0;padding-top:14px}
.calendar-box{border:1px solid var(--stroke);background:var(--panel);border-radius:15px;overflow:hidden}.cal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px;border-bottom:1px solid var(--stroke)}.cal-toolbar strong{display:block;font-size:16px}.cal-toolbar span{font-size:11px;color:#8198a8}.cal-key{display:flex;align-items:center;gap:7px}.cal-key i{display:inline-block;width:8px;height:8px;border-radius:3px;background:#418dc8;margin-left:10px}.cal-key i.orange-key{background:#d38b45}.cal-scroll{overflow:auto}.calendar-grid{display:grid;grid-template-columns:140px repeat(5,minmax(120px,1fr));min-width:820px}.cal-head,.cal-empty{padding:15px;border-right:1px solid var(--stroke);border-bottom:1px solid var(--stroke);font-size:10px;text-align:center;color:#859eb1;letter-spacing:.07em}.cal-head b{display:block;color:#d8e8f4;font-size:24px;line-height:1.4}.cal-empty{text-align:left;padding-top:32px;font-size:9px}.cal-side{padding:19px 12px;border-right:1px solid var(--stroke);border-bottom:1px solid var(--stroke);font-weight:850;font-size:12px}.cal-side small{display:block;color:#7c91a6;font-size:10px;font-weight:500}.cal-cell{min-height:145px;border-right:1px solid var(--stroke);border-bottom:1px solid var(--stroke);padding:9px}.cal-event{border-left:3px solid #5ba8e7;background:#1c3a55;color:#accbe6;padding:11px;font-size:10px;border-radius:7px;line-height:1.5}.cal-event b{color:#fff;display:block;font-size:12px;margin-top:5px}.cal-event small{display:block;color:#91abbf;font-size:10px}.cal-event.work{border-color:#f5a251;background:#473527}.cal-event.waiting{border-color:#b7a1e7;background:#332e48}.app-footer{padding:14px 30px;border-top:1px solid var(--stroke);font-size:10px;text-align:center;color:#6b8499}
@media(max-width:1250px){.kanban{grid-template-columns:repeat(3,minmax(0,1fr))}.column{min-height:260px}}
@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{padding:13px 18px;border-bottom:1px solid var(--stroke)}.logo{padding:0 0 13px}.menu-group,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{font-size:11px;white-space:nowrap;padding:9px}.app-header{height:50px;padding:0 20px}.content{padding:25px 17px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.order-layout{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}.headline{flex-wrap:wrap}.headline h1{font-size:25px}.demo-banner a{margin-left:0}}
@media(max-width:470px){.kanban{grid-template-columns:1fr}.column{min-height:auto}.stat{padding:14px}.stat strong{font-size:26px}.info-grid{grid-template-columns:1fr 1fr;gap:18px 8px}.box{padding:16px}.cal-toolbar{flex-wrap:wrap}.app-header .offline{font-size:9px}.panel-label span{font-size:8px}}
@media(max-width:850px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{min-width:0;max-width:100%}.sidebar nav{min-width:0;max-width:100%;width:100%}.sidebar nav a{flex:0 0 auto}}
.demo-banner a+a{margin-left:12px}