:root{font-family:Inter,Arial,sans-serif;color:#202c38;background:#f3f6f9;font-size:15px}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#1173ba;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,.button{cursor:pointer;border:0;border-radius:11px;padding:12px 17px;background:#1684c6;color:white;font-weight:700;min-height:45px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button:hover,.button:hover{background:#0870af;color:#fff;text-decoration:none}button.secondary{border:1px solid #d9e3ea;background:#fff;color:#384b59}button.secondary:hover{background:#f2f7fa}.text-button{border:0;background:none;color:#147bb8;padding:0;min-height:0}.text-button:hover{background:none;color:#08669d;text-decoration:underline}.top{height:74px;background:#fff;border-bottom:1px solid #e8edf1;display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100vw - 1320px)/2));gap:18px}.brand{color:#1c3547;font-weight:850;letter-spacing:.04em;font-size:1.55rem}.brand span{color:#1b8cc5}.header-link{font-weight:650}.top-actions{display:flex;align-items:center;gap:24px}main{max-width:1320px;margin:0 auto;padding:28px 20px 90px}.workspace{display:grid;grid-template-columns:242px minmax(0,1fr);gap:24px;align-items:start}.sidebar,.panel,.metric,.order-card{background:#fff;border:1px solid #e7edf1;border-radius:19px;box-shadow:0 5px 24px rgba(35,68,86,.035)}.sidebar{padding:16px;position:sticky;top:20px}.side-profile{display:flex;gap:11px;align-items:center;padding:12px 6px 22px;margin-bottom:12px;border-bottom:1px solid #edf1f4}.side-profile b{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:155px}.side-profile span{display:block;color:#71808c;font-size:.78rem;margin-top:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:155px}.avatar{width:42px;height:42px;min-width:42px;border-radius:13px;background:#e0f4fa;color:#1581af;display:grid;place-items:center;font-weight:800;font-size:1.2rem}.small-avatar{width:36px;height:36px;min-width:36px;font-size:1rem}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;color:#465969;padding:12px 11px;border-radius:11px;font-weight:630}.nav-link:hover,.nav-link.active{background:#e9f6fc;color:#0878b4;text-decoration:none}.nav-icon{font-size:1.3rem;width:22px;text-align:center;line-height:1}.side-help{padding:20px 11px 8px;color:#6b7c89;line-height:1.6;font-size:.86rem}.content{min-width:0}.page-heading{display:flex;justify-content:space-between;gap:14px;align-items:start;margin:13px 0 26px}.eyebrow{font-size:.73rem;letter-spacing:.12em;font-weight:800;color:#83909d}h1{font-size:2rem;letter-spacing:-.04em;margin:9px 0}h2{font-size:1.18rem;letter-spacing:-.02em;margin:0 0 17px}h3{font-size:1.07rem;margin:8px 0}p{color:#677784;line-height:1.55;margin:6px 0 15px}.page-heading p{margin:0}.muted{color:#81909b;font-size:.9rem}.panel{padding:24px;margin-bottom:18px}.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:29px}.bonus-hero{background:linear-gradient(125deg,#183c58,#1b82aa 75%,#39a3bd);border-radius:20px;color:#fff;padding:27px 30px;min-height:195px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.bonus-hero .eyebrow,.bonus-hero p,.bonus-hero small{color:#d6ebf4}.bonus-hero h2{font-size:2.8rem;margin:12px 0 5px}.bonus-hero p{margin:0 0 11px}.bonus-symbol{font-size:8rem;line-height:1;color:#ffffff29;transform:rotate(-14deg)}.summary{display:flex;flex-direction:column;justify-content:center;margin:0}.summary strong{font-size:2.8rem;color:#203c50}.summary p{margin:0 0 15px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 14px}.section-title h2{margin:0}.order-card{padding:20px 24px;margin-bottom:14px}.order-head{display:flex;justify-content:space-between;gap:15px;align-items:start;border-bottom:1px solid #e9eef2;padding-bottom:13px}.order-head h3{max-width:620px}.order-body{display:flex;gap:16px;align-items:center;padding-top:17px}.item-preview{height:68px;width:68px;min-width:68px;background:#e9f0f2;border-radius:13px;display:grid;place-items:center;color:#718d9b;font-size:2rem}.order-info{flex:1;min-width:0}.order-info div{padding:2px 0}.order-info small,.work-row small,.customer-identity small,.ledger-row small{display:block;color:#82929e;font-size:.79rem;margin-top:4px}.order-total{font-size:1.15rem;white-space:nowrap}.tag{display:inline-flex;padding:7px 11px;border-radius:99px;background:#e9f5ff;color:#1178b0;font-size:.8rem;font-weight:750;white-space:nowrap}.tag.completed,.tag.verified{background:#e9f8ee;color:#258255}.tag.canceled{background:#f8eeee;color:#af5454}.tag.pending{background:#fff3dc;color:#ac7821}.quick{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:22px}.quick h2{margin-bottom:5px}.quick p{margin:0}.empty{text-align:center;background:#fff;border:1px solid #e7edf1;border-radius:19px;padding:32px}.empty-icon{font-size:2.2rem;color:#64a3c2}.empty.compact{padding:15px}.ledger-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #edf1f4}.ledger-row:first-of-type{border-top:0}.plus{color:#238a5e}.minus{color:#b75959}.small-note{font-size:.85rem}.profile-panel{max-width:690px}.profile-row{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid #edf1f4;gap:12px}.profile-row span{color:#82909b}.profile-panel form{max-width:440px}label{display:block;color:#465665;font-weight:650;font-size:.9rem;margin:13px 0 7px}input,select{width:100%;padding:12px 13px;border:1px solid #d8e2e9;border-radius:10px;background:#fff;color:#233745}input:focus,select:focus{outline:2px solid #8dcce8;outline-offset:1px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}.form-action{align-self:end;padding-bottom:7px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px}.metric{padding:22px;display:grid;gap:7px}.metric span{color:#71818d}.metric strong{font-size:2.4rem}.metric.attention{background:#eff9fc}.work-row{display:grid;grid-template-columns:90px minmax(170px,1fr) 145px 160px;gap:12px;align-items:center;padding:16px 0;border-top:1px solid #edf1f4}.work-id,.work-money{font-weight:700}.work-main{min-width:0}.work-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-label{margin:0}.customer-row{display:grid;grid-template-columns:minmax(190px,1fr) 155px 105px minmax(190px,1fr);gap:12px;align-items:center;padding:14px 0;border-top:1px solid #edf1f4}.customer-identity{display:flex;align-items:center;gap:9px;min-width:0}.customer-identity>div:last-child{overflow:hidden}.customer-identity small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.customer-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.customer-actions button{font-size:.79rem;min-height:36px;padding:8px 11px}.customer-actions details{width:100%;text-align:right}.customer-actions summary{cursor:pointer;color:#197cb1;font-size:.83rem}.adjust{display:grid;gap:6px;padding:10px;background:#f3f8fa;border-radius:12px;text-align:left}.toolbar{display:flex;gap:12px;margin-bottom:18px}.toolbar input{flex:1}.toolbar select{max-width:205px}.notice-inline{background:#eaf7f5;color:#2b645e;padding:13px 16px;border-radius:11px;margin:14px 0}.auth-layout{display:grid;grid-template-columns:1fr 440px;min-height:calc(100vh - 220px);gap:38px;align-items:center}.auth-visual{padding:50px;min-height:450px;border-radius:24px;background:linear-gradient(130deg,#153b56,#157da6);color:#fff;position:relative;overflow:hidden}.auth-visual h1{font-size:3rem;margin:65px 0 20px}.auth-visual p,.auth-visual .eyebrow{color:#d9eaf4}.auth-decoration{position:absolute;bottom:-100px;right:5px;font-weight:900;font-size:24rem;line-height:1;color:#ffffff13}.auth-card{padding:35px}.auth-card h1{margin:12px 0}.auth-card button.full{width:100%;margin-top:17px}.auth-switch{font-size:.9rem;margin-top:20px}.staff-auth .auth-visual{background:linear-gradient(130deg,#243848,#396478)}.password-dialog{border:0;border-radius:18px;padding:28px;max-width:430px;box-shadow:0 16px 70px #14263444}.password-dialog::backdrop{background:#12253488}.password-dialog output{display:block;font-size:1.3rem;background:#edf6f8;padding:15px;border-radius:10px;word-break:break-all;margin:20px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#notice{position:fixed;bottom:22px;right:22px;max-width:420px;background:#1d3b4b;color:#fff;padding:13px 18px;border-radius:12px;box-shadow:0 8px 28px #0002;display:none;z-index:10}#notice.show{display:block}@media(max-width:950px){.workspace{grid-template-columns:190px minmax(0,1fr);gap:15px}.customer-row{grid-template-columns:1fr 130px 85px}.customer-actions{grid-column:1/-1;justify-content:flex-start}.auth-layout{grid-template-columns:1fr 1fr}.auth-visual{padding:30px}}@media(max-width:700px){.top{height:64px;padding:0 16px}.header-link{display:none}main{padding:14px 12px 90px}.workspace{display:block}.sidebar{position:static;margin-bottom:15px;padding:9px}.side-profile,.side-help{display:none}.sidebar nav{display:flex;overflow:auto;gap:3px}.nav-link{white-space:nowrap;padding:10px 11px;font-size:.83rem}.nav-icon{font-size:1rem;width:auto}.page-heading{margin:15px 0}.page-heading h1{font-size:1.7rem}.page-heading .logout{padding:8px 10px;min-height:38px}.hero-grid,.metrics,.form-grid{grid-template-columns:1fr}.bonus-hero{min-height:170px}.bonus-hero h2{font-size:2.35rem}.quick,.order-body{align-items:start}.quick{flex-direction:column}.order-total{margin-left:auto}.panel,.order-card{padding:18px}.work-row{grid-template-columns:1fr 1fr;gap:10px}.work-main{grid-column:2}.status-label{grid-column:2}.customer-row{grid-template-columns:1fr auto}.customer-row strong{grid-column:2}.customer-row .tag{grid-column:2;grid-row:1}.toolbar{flex-direction:column}.toolbar select{max-width:none}.auth-layout{display:flex;flex-direction:column;gap:0;min-height:0}.auth-visual{min-height:180px;width:100%;padding:24px}.auth-visual h1{font-size:1.8rem;margin:28px 0 10px}.auth-decoration{display:none}.auth-card{width:100%;margin-top:-20px;position:relative;padding:25px}}