:root{
  --bg:#f5f6f8;--surface:#fff;--surface-2:#f8f9fb;--text:#17191d;--muted:#707781;--line:#e4e7ec;
  --nav:#101216;--nav2:#171a20;--blue:#2373be;--blue2:#4ca8db;--blue-soft:#eaf4fb;--gold:#c99a34;--gold-soft:#fbf4e5;
  --green:#1f8a5b;--green-soft:#e9f7f0;--red:#c44141;--red-soft:#fdecec;--orange:#bd711f;--orange-soft:#fff2df;
  --purple:#7757b9;--purple-soft:#f1ecfb;--radius:16px;--shadow:0 14px 40px rgba(20,27,38,.055)
}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}
.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--nav),#0d0f12 100%);color:#fff;padding:22px 14px;display:flex;flex-direction:column;z-index:50;border-right:1px solid rgba(255,255,255,.04)}
.brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 8px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:47px;height:47px;border-radius:13px;object-fit:contain;background:white}.brand strong{font-size:14px;letter-spacing:.14em}.brand small{display:block;margin-top:3px;font-size:8px;letter-spacing:.22em;color:#8c929b}
.sidebar nav{display:grid;gap:4px;margin-top:18px;overflow:auto;padding-right:2px}.sidebar nav a{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;color:#aeb3ba;text-decoration:none;padding:11px 12px;border-radius:11px;font-size:12px;font-weight:680;transition:.15s}.sidebar nav a i{font-style:normal;text-align:center;color:#707781;font-size:16px}.sidebar nav a:hover{background:rgba(255,255,255,.05);color:#fff}.sidebar nav a.active{background:linear-gradient(90deg,rgba(35,115,190,.28),rgba(35,115,190,.09));color:#fff;box-shadow:inset 3px 0 0 var(--blue2)}.sidebar nav a.active i{color:#6dc3ee}.sidebar nav a b{font-size:9px;background:#d65353;padding:2px 6px;border-radius:99px}
.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:16px 7px 0;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center}.sidebar-user .avatar{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff}.sidebar-user strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{display:block;color:#828991;font-size:8px;margin-top:2px}.sidebar-user>a{grid-column:1/-1;color:#818891;text-decoration:none;font-size:9px;padding:5px 0}
main{min-width:0}.topbar{height:70px;position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 26px}.global-search{max-width:560px;flex:1;height:42px;border:1px solid var(--line);border-radius:12px;background:#f8f9fa;display:flex;align-items:center;padding:0 13px;gap:8px}.global-search span{font-size:20px;color:#8b929b}.global-search input{width:100%;border:0;background:transparent;outline:0;color:#333;font-size:12px}.top-clock{margin-left:auto;text-align:right}.top-clock strong{display:block;font-size:13px}.top-clock small{font-size:8px;color:#8b929b}.notif-link{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:white;display:grid;place-items:center;text-decoration:none;position:relative;color:var(--blue)}.notif-link b{position:absolute;right:-5px;top:-5px;width:18px;height:18px;border-radius:50%;background:var(--red);color:#fff;font-size:8px;display:grid;place-items:center}.icon-btn{border:0;background:transparent}.mobile-menu{display:none;font-size:20px}.content{padding:28px;max-width:1650px;margin:0 auto}
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.page-head h1,.order-head h1{font-size:30px;letter-spacing:-.04em;margin:4px 0 7px;line-height:1.08}.page-head p,.order-head p{margin:0;color:var(--muted);font-size:11px;max-width:760px}.eyebrow{font-size:8px;letter-spacing:.15em;font-weight:850;color:#297bbf;text-transform:uppercase}.muted{color:var(--muted)!important;font-size:10px;line-height:1.55}.back{display:inline-block;margin-bottom:13px;text-decoration:none;color:#75808c;font-size:10px}
.btn{border:0;border-radius:10px;padding:10px 13px;font-size:10px;font-weight:780;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:6px;transition:.15s;line-height:1.2}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;box-shadow:0 10px 25px rgba(35,115,190,.18)}.btn.soft{background:#f3f5f7;color:#31363d;border:1px solid var(--line)}.btn.danger,.btn.tiny.danger{background:var(--red-soft);color:var(--red);border:1px solid #f4cece}.btn.tiny{padding:6px 9px;font-size:8px;border:1px solid var(--line);background:white;color:#3f454c}.btn.large{padding:13px 17px;font-size:11px;width:100%}
.alert{padding:11px 14px;border-radius:11px;margin-bottom:15px;font-size:10px;font-weight:700}.alert.success{background:var(--green-soft);color:#277654;border:1px solid #cce9da}.alert.warning{background:var(--orange-soft);color:#9c5f1a;border:1px solid #f2dbbc}.alert.danger{background:var(--red-soft);color:#a33939;border:1px solid #f3d0d0}
.notice-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 15px;margin-bottom:18px;border-radius:12px;border:1px solid #ead8ad;background:#fff8e9}.notice-strip.urgent{background:#fff0f0;border-color:#f2c5c5}.notice-strip strong{display:block;font-size:10px}.notice-strip span{font-size:9px;color:#6d6f73;margin-top:2px;display:block}.notice-strip a{font-size:9px;font-weight:800;text-decoration:none;white-space:nowrap;color:#936d21}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 17px;box-shadow:var(--shadow);min-height:116px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-28px;top:-28px;width:70px;height:70px;border-radius:50%;background:var(--blue-soft)}.kpi.danger:after{background:var(--red-soft)}.kpi.warning:after{background:var(--orange-soft)}.kpi>span{font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:#7f8790;font-weight:850}.kpi strong{display:block;margin-top:8px;font-size:25px;letter-spacing:-.04em}.kpi small{display:block;margin-top:7px;color:#9aa0a8;font-size:8px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:17px}.panel.accent{border-top:3px solid var(--blue)}.panel h2{font-size:15px;margin:0 0 12px;letter-spacing:-.015em}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.panel-head h2{margin:0 0 3px}.panel-head p{margin:0;color:#90969e;font-size:9px}.panel-head>a{font-size:9px;color:#2879bd;text-decoration:none;font-weight:700}
.grid2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:17px}.grid-dashboard{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);gap:17px}.grid-main-side{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:17px}.grid-main-side aside{min-width:0}
.punch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.punch-grid>div{background:#f8fafc;border:1px solid #e8ebef;border-radius:12px;padding:12px}.punch-grid span,.detail-grid span,.order-summary span,.payment-summary span{display:block;color:#8a9199;font-size:7.5px;text-transform:uppercase;letter-spacing:.09em;font-weight:850}.punch-grid strong{display:block;margin-top:5px;font-size:11px}.attendance-flags{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.attendance-flags span{font-size:8px;border-radius:99px;padding:5px 8px;background:#f1f3f5}.attendance-flags .good{color:var(--green);background:var(--green-soft)}.attendance-flags .bad{color:var(--red);background:var(--red-soft)}
.timing-list{display:grid;gap:8px;margin-bottom:14px}.timing-list>div{display:grid;grid-template-columns:48px 1fr;gap:9px;align-items:center}.timing-list b{font-size:9px;color:#9a711f}.timing-list span{font-size:9px;color:#545a61}.mini-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}.mini-kpis>div{border:1px solid var(--line);border-radius:11px;padding:10px;text-align:center;background:#fafbfc}.mini-kpis strong{display:block;font-size:18px}.mini-kpis span{font-size:7.5px;color:#8e959d;text-transform:uppercase}
.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px}th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);font-size:7.5px;text-transform:uppercase;letter-spacing:.09em;color:#9299a1;white-space:nowrap}td{padding:11px 10px;border-bottom:1px solid #edf0f3;vertical-align:middle;color:#545b63}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfd}td strong{display:block;color:#262b31;font-size:10px}td small{display:block;color:#9aa0a8;font-size:7.5px;margin-top:3px}.click-row{cursor:pointer}
.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;background:#eef1f4;color:#626a73;font-size:7.5px;font-weight:820;white-space:nowrap}.status-new,.status-requirement_pending,.status-assigned{background:var(--gold-soft);color:#946d20}.status-requirement_complete,.status-in_progress{background:var(--blue-soft);color:#286f9e}.status-internal_review,.status-client_review,.status-review,.status-revision{background:var(--purple-soft);color:var(--purple)}.status-approved,.status-ready,.status-delivered,.status-completed,.status-present{background:var(--green-soft);color:var(--green)}.status-payment_pending,.status-on_hold,.status-late,.status-early_exit{background:var(--orange-soft);color:var(--orange)}.status-blocked,.status-cancelled{background:var(--red-soft);color:var(--red)}.priority-normal{background:#eef1f4;color:#6d747c}.priority-high{background:var(--orange-soft);color:var(--orange)}.priority-urgent{background:var(--red-soft);color:var(--red)}.handover-pill{display:inline-block;margin-top:5px;background:#e9f2fb;color:#2670a8;padding:4px 6px;border-radius:99px}.text-danger{color:var(--red)!important}
.deadline{font-size:8px;font-weight:750;white-space:nowrap}.deadline.danger{color:var(--red)}.deadline.warning{color:var(--orange)}.deadline.success{color:var(--green)}.deadline.muted{color:#999}.progress{height:6px;background:#edf0f2;border-radius:99px;overflow:hidden;min-width:72px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--blue2));border-radius:99px}.progress.mini{margin-top:5px;height:4px}.progress.huge{height:10px;margin-top:15px}
.work-list{display:grid}.work-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;text-decoration:none;padding:11px 2px;border-bottom:1px solid #edf0f3}.work-list>a:last-child{border-bottom:0}.work-list strong{display:block;font-size:10px}.work-list small{display:block;font-size:8px;color:#999fa7;margin-top:3px}.timeline{display:grid}.timeline>div{position:relative;display:grid;grid-template-columns:13px 1fr;gap:9px;padding-bottom:13px}.timeline>div:before{content:"";position:absolute;left:4px;top:9px;bottom:-1px;width:1px;background:#e5e8eb}.timeline>div:last-child:before{display:none}.timeline i{width:9px;height:9px;border-radius:50%;border:2px solid var(--blue2);background:#fff;z-index:1;margin-top:1px}.timeline strong{font-size:9px}.timeline p{margin:2px 0;color:#687078;font-size:8.5px;line-height:1.45}.timeline small{font-size:7px;color:#9ca2aa}
.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.toolbar form{display:flex;gap:7px;flex:1}.toolbar input,.toolbar select{height:38px;border:1px solid var(--line);border-radius:9px;background:white;padding:0 10px;font-size:9px;min-width:150px}.toolbar input[name=q]{min-width:280px}
.order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.order-head-actions{display:flex;gap:8px;align-items:center}.stage-flow{display:flex;overflow:auto;background:white;border:1px solid var(--line);border-radius:14px;padding:14px 12px;margin-bottom:14px;box-shadow:var(--shadow)}.stage-flow>div{min-width:104px;position:relative;text-align:center}.stage-flow>div:after{content:"";height:2px;background:#e4e7eb;position:absolute;top:6px;left:50%;right:-50%;z-index:0}.stage-flow>div:last-child:after{display:none}.stage-flow i{position:relative;z-index:1;display:block;width:13px;height:13px;border-radius:50%;background:#e2e6ea;margin:0 auto 6px;border:3px solid #fff;box-shadow:0 0 0 1px #d8dce1}.stage-flow span{font-size:7px;color:#9298a0;display:block}.stage-flow .done i{background:var(--green)}.stage-flow .done:after{background:#83c8a8}.stage-flow .current i{background:var(--blue);box-shadow:0 0 0 3px #d9ebf8}.stage-flow .current span{color:#22699f;font-weight:800}
.order-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border:1px solid var(--line);background:var(--line);border-radius:14px;overflow:hidden;margin-bottom:17px}.order-summary>div{background:#fff;padding:13px}.order-summary strong{display:block;font-size:12px;margin:5px 0}.order-summary small{font-size:7.5px;color:#999fa7}
.live-update{border-top:3px solid var(--blue)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.detail-grid.one{grid-template-columns:1fr}.detail-grid>div{border:1px solid #e9ecef;background:#fafbfc;border-radius:11px;padding:11px}.detail-grid strong{display:block;font-size:10px;margin-top:4px}.detail-grid small{font-size:7.5px;color:#999fa7}.detail-grid p{font-size:9.5px;color:#535a62;line-height:1.6;margin:5px 0 0}.span2{grid-column:1/-1}
.task-list{display:grid}.task-row{display:grid;grid-template-columns:28px minmax(0,1fr) 120px 90px;gap:10px;align-items:center;padding:11px 1px;border-bottom:1px solid #edf0f3;text-decoration:none}.task-row:last-child{border-bottom:0}.task-icon{width:25px;height:25px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:900}.task-row strong{display:block;font-size:10px}.task-row small{display:block;font-size:7.5px;color:#999fa7;margin-top:3px}.task-row em{display:block;color:var(--red);font-size:7.5px;font-style:normal;margin-top:3px}
.form{display:grid;gap:11px}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}.form label{display:grid;gap:5px;color:#5e6670;font-size:8.5px;font-weight:720}.form input,.form select,.form textarea{width:100%;border:1px solid #dfe3e7;border-radius:9px;background:white;padding:9px 10px;outline:0;color:#272c32;font-size:9.5px;box-shadow:none}.form input,.form select{min-height:38px}.form textarea{resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{border-color:#75b6df;box-shadow:0 0 0 3px rgba(35,115,190,.08)}.form small{font-size:7px;color:#999fa7;font-weight:500}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:7px!important}.check input{width:14px!important;height:14px!important;min-height:0!important}.status-form{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-form{margin-top:12px}.comment-form{display:flex;gap:8px;margin-top:12px}.comment-form textarea{flex:1;min-height:58px;border:1px solid var(--line);border-radius:10px;padding:9px;font-size:9px;resize:vertical}.comments{display:grid;gap:10px}.comments>div{display:grid;grid-template-columns:31px 1fr;gap:8px}.comments section{background:#f8fafb;border:1px solid #e9ecef;border-radius:11px;padding:9px 11px}.comments section>div{display:flex;justify-content:space-between}.comments strong{font-size:9px}.comments small{font-size:7px;color:#9aa0a8}.comments p{font-size:9px;line-height:1.5;color:#555d65;margin:4px 0 0}
.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:850}.avatar.small{width:29px;height:29px;background:var(--blue-soft);color:var(--blue)}
.file-list{display:grid;gap:6px;margin-top:12px}.file-list>a{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #e8ebee;border-radius:9px;text-decoration:none;background:#fafbfc}.file-list>a>span{width:25px;height:25px;border-radius:7px;background:var(--blue-soft);display:grid;place-items:center;color:var(--blue)}.file-list strong{display:block;font-size:8.5px}.file-list small{font-size:7px;color:#9aa0a8}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.payment-summary>div{background:#f8fafb;border:1px solid #e8ebee;border-radius:9px;padding:9px}.payment-summary strong{display:block;font-size:11px;margin-top:4px}.mini-list{display:grid;margin-top:10px}.mini-list>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #edf0f3;font-size:8px}.mini-list span{color:#8e959d}
.attendance-actions{display:flex;gap:8px;flex-wrap:wrap}.attendance-actions form{margin:0}.tabs{display:flex;gap:6px;margin:-4px 0 15px}.tabs a{padding:8px 11px;border-radius:9px;text-decoration:none;font-size:9px;border:1px solid var(--line);background:white}.tabs a.active{background:var(--blue);color:white;border-color:var(--blue)}.stack-list{display:grid}.stack-list>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f3}.stack-list strong{font-size:9px}.stack-list p{font-size:8px;color:#747b83;margin:3px 0}.inline{display:flex;gap:5px;align-items:center}.inline select{height:30px;border:1px solid var(--line);border-radius:8px;font-size:8px}
.notice-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.notice-card{background:white;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:14px;padding:17px;box-shadow:var(--shadow)}.notice-card.urgent{border-top-color:var(--red)}.notice-card.important{border-top-color:var(--gold)}.notice-card.meeting{border-top-color:var(--purple)}.notice-type{font-size:7px;letter-spacing:.13em;font-weight:850;color:#7d858e}.notice-card h2{font-size:14px;margin:8px 0}.notice-card p{font-size:9.5px;line-height:1.6;color:#555d65}.notice-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.notice-meta span{font-size:7px;color:#969da5}.ack{display:inline-block;font-size:8px;background:var(--green-soft);color:var(--green);padding:6px 8px;border-radius:99px}
.bars{display:grid;gap:9px}.bars>div{display:grid;grid-template-columns:130px 1fr 30px;gap:9px;align-items:center}.bars span{font-size:8px;color:#626a72}.bars>div>div{height:7px;background:#edf0f2;border-radius:99px;overflow:hidden}.bars i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--blue2))}.bars strong{font-size:9px}.big-stat{text-align:center;padding:15px}.big-stat strong{display:block;font-size:42px;color:var(--blue);letter-spacing:-.05em}.big-stat span{font-size:9px;color:#848b94}.notification-list{display:grid}.notification-list>div{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #edf0f3}.notification-list>div.unread{background:#f2f8fd}.notification-list section{flex:1}.notification-list strong{font-size:10px}.notification-list p{font-size:8.5px;color:#636b74;margin:3px 0}.notification-list small{font-size:7px;color:#9ba1a8}
.empty{text-align:center;padding:30px 12px;color:#979ea6;font-size:9px}.empty.compact{padding:12px}.modal{position:fixed;inset:0;background:rgba(9,12,16,.5);backdrop-filter:blur(3px);z-index:100;display:none;align-items:flex-start;justify-content:flex-end}.modal.open{display:flex}.modal-card{height:100%;width:min(530px,95vw);background:#fff;padding:26px;overflow:auto;box-shadow:-20px 0 70px rgba(0,0,0,.18);position:relative}.modal-card.wide{width:min(760px,96vw)}.modal-card h2{font-size:22px;letter-spacing:-.03em;margin:4px 0 7px}.modal-close{position:absolute;right:17px;top:17px;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:white;font-size:19px}.login-body{min-height:100vh;background:#0d1117}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);max-width:1200px;margin:auto;padding:55px;gap:40px;align-items:center}.login-brand{color:#fff}.login-brand>img{width:90px;height:90px;object-fit:contain;background:#fff;border-radius:20px;margin-bottom:28px}.login-kicker{font-size:9px;letter-spacing:.22em;color:#69bee9;font-weight:850}.login-brand h1{font-size:54px;letter-spacing:-.055em;margin:10px 0 14px}.login-brand>p{color:#a9b1bb;font-size:13px;line-height:1.7;max-width:550px}.login-company{margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.login-company strong{display:block;font-size:12px}.login-company span{display:block;color:#78828d;font-size:9px;margin-top:5px}.login-card{background:#fff;border-radius:24px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.login-card h2{font-size:27px;letter-spacing:-.04em;margin:6px 0}.login-foot{display:block;text-align:center;margin-top:16px;color:#9aa0a8;font-size:8px}
@media(max-width:1100px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.kpis{grid-template-columns:repeat(2,1fr)}.grid-main-side,.grid-dashboard{grid-template-columns:1fr}.notice-cards{grid-template-columns:repeat(2,1fr)}.order-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;width:240px;transition:.2s}.sidebar.open{left:0}.mobile-menu{display:block}.content{padding:18px 13px}.topbar{padding:0 13px}.top-clock{display:none}.global-search{max-width:none}.page-head,.order-head{display:grid}.grid2{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.punch-grid{grid-template-columns:1fr 1fr}.mini-kpis{grid-template-columns:repeat(2,1fr)}.notice-cards{grid-template-columns:1fr}.grid-form,.status-form{grid-template-columns:1fr}.span2{grid-column:auto}.toolbar{display:grid}.toolbar form{display:grid}.toolbar input,.toolbar select,.toolbar input[name=q]{width:100%;min-width:0}.order-summary{grid-template-columns:1fr 1fr}.task-row{grid-template-columns:28px minmax(0,1fr);}.task-row>div:nth-child(3),.task-row>.deadline{grid-column:2}.login-shell{grid-template-columns:1fr;padding:25px}.login-brand{display:none}}
@media(max-width:480px){.kpis{grid-template-columns:1fr}.order-summary{grid-template-columns:1fr}.punch-grid{grid-template-columns:1fr 1fr}.payment-summary{grid-template-columns:1fr}.comment-form{display:grid}.notice-strip{display:grid}}
.eod-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.eod-grid article{border:1px solid var(--line);background:#fafbfc;border-radius:12px;padding:12px}.eod-grid article>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.eod-grid strong{font-size:9.5px}.eod-grid small{font-size:7px;color:#969da5}.eod-grid p{font-size:8.5px;line-height:1.5;color:#5f6770;margin:7px 0 0}.eod-grid b{color:#30363d}
@media(max-width:900px){.eod-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.eod-grid{grid-template-columns:1fr}}

/* v2.1 usability: clear action-first workflow */
.order-action-center{background:linear-gradient(135deg,#eef8ff 0%,#fff 58%,#fff8e9 100%);border:1px solid #cfe2f1;border-radius:18px;padding:20px;margin:0 0 16px;box-shadow:0 14px 45px rgba(35,115,190,.08)}
.action-center-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px}.action-center-head h2{font-size:19px;letter-spacing:-.025em;margin:4px 0 5px}.action-center-head p{margin:0;color:#66717b;font-size:10px;line-height:1.5}.current-stage{min-width:150px;text-align:right}.current-stage>span{display:block;font-size:7.5px;text-transform:uppercase;letter-spacing:.1em;color:#8b949d;font-weight:850;margin-bottom:6px}.current-stage .badge{font-size:9px;padding:7px 10px}
.action-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 13px}.action-steps>div{display:flex;gap:7px;align-items:center;background:#fff;border:1px solid #dfeaf2;border-radius:10px;padding:9px}.action-steps b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:8px}.action-steps span{font-size:8.5px;font-weight:750;color:#4d5964}
.order-control-form{display:grid;grid-template-columns:1.1fr .55fr 1.5fr 1fr;gap:10px;align-items:end}.order-control-form label{display:grid;gap:5px;font-size:8px;font-weight:800;color:#59636e}.order-control-form input,.order-control-form select{width:100%;height:41px;border:1px solid #d7e0e8;border-radius:10px;background:#fff;padding:0 10px;font-size:10px;outline:0}.order-control-form .status-main select{font-size:11px;font-weight:800;border-color:#84bfe1;background:#f7fcff}.order-control-form .wide-field{grid-column:span 2}.big-action{min-height:41px;font-size:10px}.quick-next-form{margin-top:9px;display:flex;justify-content:flex-end}.btn.next-action{background:#fff;color:#1e6ca8;border:1px solid #82bde0;padding:10px 14px;font-weight:850}.btn.next-action:hover{background:#edf8ff}
.role-help{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #dfe8ef;border-radius:12px;padding:12px 14px;margin-bottom:12px}.role-help strong{font-size:10px}.role-help span{font-size:9px;color:#69737d;flex:1;min-width:240px}.designer-help{border-color:#cfe2f1;background:#f7fcff}.designer-help .btn{margin-left:auto}
.task-action-center{border-top:4px solid var(--blue);background:linear-gradient(180deg,#f9fcff,#fff)}.task-action-center>h2{font-size:18px;margin:5px 0}.task-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.task-quick-actions form{margin:0}.advanced-update{margin-top:11px;border-top:1px solid var(--line);padding-top:10px}.advanced-update summary{cursor:pointer;font-size:9px;font-weight:800;color:#3f6f93;margin-bottom:10px}.advanced-update[open] summary{margin-bottom:12px}
.attendance-next{grid-column:1/-1!important;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eef8ff!important;border-color:#cae1ef!important}.attendance-next strong{font-size:10px!important;margin:0!important}.attendance-next .btn{white-space:nowrap}
#execution{scroll-margin-top:85px}
@media(max-width:1050px){.order-control-form{grid-template-columns:1fr 1fr}.order-control-form .wide-field{grid-column:span 2}}
@media(max-width:700px){.action-center-head{display:grid}.current-stage{text-align:left}.action-steps{grid-template-columns:1fr}.order-control-form{grid-template-columns:1fr}.order-control-form .wide-field{grid-column:auto}.quick-next-form{justify-content:stretch}.quick-next-form .btn{width:100%}.attendance-next{display:grid}.attendance-next .btn{width:100%}}

/* v3 production workflow */
.alert-toggle.enabled{background:var(--green-soft);border-color:#cbe8d8;color:var(--green)}
.aomp-toast{position:fixed;right:22px;bottom:22px;z-index:9999;background:#171a20;color:#fff;padding:12px 15px;border-radius:11px;font-size:11px;box-shadow:0 15px 45px rgba(0,0,0,.25);max-width:min(420px,calc(100vw - 44px));text-decoration:none!important;line-height:1.45}.aomp-toast.danger{background:#7e2525}.aomp-toast.warning{background:#80551d}.aomp-toast.success{background:#166442}
.attention-hub{background:linear-gradient(135deg,#fff,#fbfcfe);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:17px;box-shadow:var(--shadow)}.attention-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.attention-cards a{border:1px solid var(--line);border-radius:12px;padding:12px;text-decoration:none;background:#fff}.attention-cards b{display:block;font-size:23px;letter-spacing:-.04em}.attention-cards span{font-size:8px;color:#7d858e;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.order-action-center.v3{background:linear-gradient(135deg,#eef8ff 0%,#fff 52%,#fffaf0 100%);padding:21px}.health-pill{display:inline-block;margin-top:7px;padding:5px 8px;border-radius:99px;font-size:8px;font-weight:850}.health-pill.success{background:var(--green-soft);color:var(--green)}.health-pill.warning{background:var(--orange-soft);color:var(--orange)}.health-pill.danger{background:var(--red-soft);color:var(--red)}.health-pill.muted{background:#edf0f3;color:#727982}.health-reasons{display:flex;gap:7px;flex-wrap:wrap;margin:-4px 0 13px}.health-reasons span{font-size:8px;padding:5px 8px;border-radius:99px;background:var(--red-soft);color:var(--red)}
.primary-action-card{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #c9e0ee;background:#fff;border-radius:14px;padding:14px;margin-bottom:12px}.primary-action-card>div{display:grid;gap:4px}.primary-action-card span{font-size:7px;font-weight:900;letter-spacing:.11em;color:#4a8bb4}.primary-action-card strong{font-size:13px}.primary-action-card small{font-size:8px;color:#7d858e;line-height:1.45}.primary-action-card.waiting{background:#fff9ec;border-color:#f0ddb3}.primary-action-card.success{background:#f3fbf7;border-color:#cee8da}.primary-action-card.designer-card{background:#f5faff}.primary-action-card-form{margin:0 0 12px}.primary-action-card.clickable{width:100%;text-align:left;cursor:pointer}.primary-action-card.clickable b{color:var(--blue);white-space:nowrap}.quick-stage-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.quick-stage-actions form{margin:0}.workflow-action{background:#fff;border:1px solid #9acbe6;color:#1e6ca8;padding:11px 14px;font-size:9px}.workflow-action:hover{background:#edf8ff}.workflow-action.danger-action{border-color:#e4b9b9;color:#a63c3c;background:#fff8f8}.v3-details{margin-top:13px;border-top:1px solid #dbe7ef;padding-top:11px}.v3-details summary{font-size:9px;font-weight:850;color:#426f8f;cursor:pointer}.v3-control{margin-top:12px}
.closure-panel{border-top:3px solid var(--gold)}.closure-status{font-size:8px;font-weight:850;padding:5px 8px;border-radius:99px}.closure-status.ready{background:var(--green-soft);color:var(--green)}.closure-status.pending{background:var(--orange-soft);color:var(--orange)}.checklist-list{display:grid;gap:7px}.checklist-row{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;border:1px solid #edf0f3;border-radius:11px;padding:8px;background:#fbfcfd}.check-box{width:29px;height:29px;border:1px solid #dbe0e5;border-radius:9px;background:#fff;color:#8b929a;font-weight:900}.check-box.done{background:var(--green-soft);color:var(--green);border-color:#cce8d9}.checklist-row strong{font-size:9px}.checklist-row small{display:block;font-size:7px;color:#969da5;margin-top:2px}
.v3-task{border-top:4px solid var(--blue)}.task-state-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.task-state-strip>div{background:#f8fafb;border:1px solid var(--line);border-radius:10px;padding:9px}.task-state-strip span{display:block;font-size:7px;color:#8d949c;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.task-state-strip strong{display:block;margin-top:4px;font-size:10px}.giant-action{min-height:44px;font-size:10px;padding:12px 15px}.task-primary-form{margin:12px 0}.task-primary-form .btn{width:100%}.task-quick-actions.v3{display:flex;gap:8px;flex-wrap:wrap}.review-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.review-actions form{display:grid;gap:6px}.review-actions input{height:38px;border:1px solid var(--line);border-radius:9px;padding:0 10px;font-size:9px}
.v3-attendance{display:block}.v3-attendance form:not(.checkout-form){display:inline-block}.checkout-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:9px;align-items:end;max-width:720px}.checkout-form label{display:grid;gap:5px;font-size:8px;font-weight:800}.checkout-form input{height:41px;border:1px solid var(--line);border-radius:10px;padding:0 11px}.attendance-complete{background:var(--green-soft);color:var(--green);border:1px solid #cce8d9;border-radius:11px;padding:12px;font-size:10px;font-weight:800}
.settings-divider{border-top:1px solid var(--line);padding-top:15px;margin-top:5px}.settings-divider strong{display:block;font-size:11px}.settings-divider small{display:block;color:#858c94;font-size:8px;margin-top:4px}.settings-test{margin-top:12px}
.notification-danger{border-left:3px solid var(--red)}.notification-warning{border-left:3px solid var(--orange)}.notification-success{border-left:3px solid var(--green)}
@media(max-width:900px){.attention-cards{grid-template-columns:1fr 1fr}.task-state-strip{grid-template-columns:1fr 1fr}.review-actions{grid-template-columns:1fr}.primary-action-card{align-items:flex-start;flex-direction:column}.checkout-form{grid-template-columns:1fr}}
@media(max-width:520px){.attention-cards{grid-template-columns:1fr}.task-state-strip{grid-template-columns:1fr}.quick-stage-actions{display:grid}.quick-stage-actions form,.quick-stage-actions .btn{width:100%}}

/* v3.1 universal role-safe order status control */
.role-status-control{margin:14px 0 16px;background:#fff;border:2px solid #88c7ec;border-radius:17px;padding:16px;box-shadow:0 12px 34px rgba(35,115,190,.08)}
.role-status-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}
.role-status-head>div:first-child{display:grid;gap:4px}.role-status-head>div:first-child>span{font-size:8px;font-weight:950;letter-spacing:.13em;color:#2479b6}.role-status-head strong{font-size:15px;color:#18212a}.role-status-head small{font-size:9px;color:#747f88;line-height:1.45;max-width:720px}.role-status-current{display:grid;justify-items:end;gap:5px;white-space:nowrap}.role-status-current>span{font-size:7px;font-weight:900;letter-spacing:.1em;color:#8b949b;text-transform:uppercase}.role-status-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px}.role-status-actions form{margin:0}.status-choice{width:100%;min-height:72px;text-align:left;border:1px solid #b7d9ec;background:linear-gradient(180deg,#f8fcff,#fff);border-radius:13px;padding:11px 12px;display:grid;grid-template-columns:24px 1fr;column-gap:8px;align-items:center;cursor:pointer;transition:.18s;color:#1d5f8d}.status-choice:hover{transform:translateY(-1px);border-color:#54a8d8;box-shadow:0 8px 22px rgba(54,142,194,.12)}.status-choice>span{grid-row:1/3;width:24px;height:24px;border-radius:8px;background:#e7f5fd;display:grid;place-items:center;font-weight:900}.status-choice strong{font-size:10px;color:#1f4e6d}.status-choice small{font-size:7.5px;color:#82909a;margin-top:2px}.status-choice.danger{border-color:#e8c1c1;background:#fffafa;color:#9b3d3d}.status-choice.danger>span{background:#fdeaea}.status-choice.danger strong{color:#8f3535}.status-no-action{grid-column:1/-1;border:1px dashed #d8dde2;border-radius:12px;background:#fafbfc;padding:12px;display:grid;gap:3px}.status-no-action strong{font-size:10px;color:#4a535a}.status-no-action span{font-size:8px;color:#8b949b}.advanced-update.v3-details{background:#f9fbfc;border:1px solid #e1e8ed;border-radius:12px;padding:10px 12px;margin-top:12px}.advanced-update.v3-details summary{font-size:9px;font-weight:900;color:#356f98}.order-action-center .primary-action-card{margin-top:12px}
@media(max-width:700px){.role-status-head{align-items:flex-start;flex-direction:column}.role-status-current{justify-items:start}.role-status-actions{grid-template-columns:1fr}.status-choice{min-height:64px}}

/* v4 delivery-app style live order status tracker */
.delivery-status-card{background:#fff;border:1px solid #dfe5ea;border-radius:18px;padding:17px;margin:14px 0 16px;box-shadow:0 14px 38px rgba(21,40,56,.06)}
.delivery-status-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.delivery-kicker{font-size:8px;font-weight:950;letter-spacing:.14em;color:#257bb7}.delivery-status-top h2{font-size:18px;margin:3px 0}.delivery-status-top p{font-size:9px;color:#76818a;margin:0;line-height:1.45}.delivery-current{min-width:190px;background:#f4faff;border:1px solid #cae3f2;border-radius:13px;padding:11px 13px;display:grid;gap:2px;text-align:right}.delivery-current small,.delivery-last small{font-size:7px;letter-spacing:.1em;font-weight:900;color:#81909b}.delivery-current strong{font-size:13px;color:#1b6597}.delivery-current span{font-size:8px;color:#71808b}
.delivery-progress-line{height:5px;background:#edf1f4;border-radius:99px;overflow:hidden;margin:14px 0}.delivery-progress-line i{display:block;height:100%;background:linear-gradient(90deg,#3aa1dc,#2e7fbd);border-radius:99px;transition:.3s}
.delivery-tracker-wrap{overflow-x:auto;padding:4px 1px 10px}.delivery-tracker{display:flex;min-width:1180px;align-items:flex-start;padding:5px 2px}.delivery-step{position:relative;flex:1;min-width:86px;text-align:center}.delivery-step:before{content:"";position:absolute;top:15px;left:-50%;right:50%;height:3px;background:#e5e9ed;z-index:0}.delivery-step:first-child:before{display:none}.delivery-step.done:before,.delivery-step.current:before{background:#41a873}.delivery-step.available:before{background:linear-gradient(90deg,#41a873,#8fc9e7)}.delivery-step-form,.delivery-step-static{margin:0;display:block}.delivery-step button,.delivery-step-static{border:0;background:transparent;width:100%;padding:0 4px;display:grid;justify-items:center;gap:4px;position:relative;z-index:1;color:inherit}.delivery-step button{cursor:pointer}.delivery-dot{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid #dbe1e5;color:#929ba2;font-size:9px;font-weight:900;box-shadow:0 0 0 4px #fff}.delivery-step strong{font-size:7.7px;line-height:1.25;color:#65717a;max-width:88px}.delivery-step small{font-size:6.7px;color:#a0a7ad}.delivery-step.done .delivery-dot{background:#41a873;border-color:#41a873;color:#fff}.delivery-step.done strong{color:#3b7455}.delivery-step.current .delivery-dot{background:#2d88c3;border-color:#2d88c3;color:#fff;box-shadow:0 0 0 4px #fff,0 0 0 7px rgba(45,136,195,.16)}.delivery-step.current strong{color:#1f6697;font-weight:900}.delivery-step.current small{color:#2d88c3;font-weight:800}.delivery-step.available .delivery-dot{border-color:#69b5df;color:#2c82ba;background:#f4fbff}.delivery-step.available button:hover .delivery-dot{background:#2d88c3;color:#fff;border-color:#2d88c3;transform:scale(1.05)}.delivery-step.available strong{color:#2a729f}.delivery-step.upcoming{opacity:.72}
.delivery-update-box{margin-top:7px;border:2px solid #d8e9f3;background:linear-gradient(180deg,#f8fcff,#fff);border-radius:15px;padding:14px}.delivery-update-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:12px}.delivery-update-title>div:first-child{display:grid;gap:3px}.delivery-update-title span{font-size:7px;font-weight:950;letter-spacing:.12em;color:#2a82b8}.delivery-update-title strong{font-size:12px}.delivery-update-title small{font-size:8px;color:#7e8992;line-height:1.4}.delivery-last{text-align:right;display:grid;gap:2px}.delivery-last strong{font-size:9px}.delivery-last span{font-size:7px;color:#858e95}.delivery-status-form{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.4fr auto;gap:9px;align-items:end}.delivery-status-form label{display:grid;gap:5px}.delivery-status-form label>span{font-size:7.5px;font-weight:850;color:#5e6b74}.delivery-status-form input,.delivery-status-form select{height:41px;border:1px solid #d7e0e6;border-radius:10px;background:#fff;padding:0 10px;font-size:9px;outline:0}.delivery-select select{font-weight:850;color:#1c6697;border-color:#89c4e4;background:#fbfdff}.delivery-save{height:41px;white-space:nowrap}.delivery-no-next{border:1px dashed #cfd8df;border-radius:11px;padding:11px;display:grid;gap:3px;background:#fafcfd}.delivery-no-next strong{font-size:9px}.delivery-no-next span{font-size:8px;color:#838d95}.delivery-exceptions{display:flex;align-items:center;gap:7px;margin-top:10px}.delivery-exceptions>span{font-size:7.5px;font-weight:900;color:#8c6a6a}.delivery-exceptions form{margin:0}
.delivery-history{margin-top:14px;border-top:1px solid #e7ebee;padding-top:11px}.delivery-history-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.delivery-history-head strong{font-size:10px}.delivery-history-head span{font-size:7px;color:#929aa1}.delivery-history-row{display:grid;grid-template-columns:14px 1fr;gap:8px;padding:7px 0}.delivery-history-row i{width:9px;height:9px;border-radius:50%;background:#2f8bc5;margin-top:3px;box-shadow:0 0 0 3px #e9f5fc}.delivery-history-row div{display:grid;gap:2px}.delivery-history-row strong{font-size:8.5px;color:#46515a}.delivery-history-row small{font-size:7px;color:#929aa1}
@media(max-width:1100px){.delivery-status-form{grid-template-columns:1fr 1fr}.delivery-save{width:100%}.delivery-note{grid-column:1/-1}.delivery-status-top,.delivery-update-title{display:grid}.delivery-current,.delivery-last{text-align:left;min-width:0}}
@media(max-width:640px){.delivery-status-form{grid-template-columns:1fr}.delivery-note{grid-column:auto}.delivery-status-card{padding:12px}.delivery-current{width:100%}.delivery-tracker{min-width:1050px}}