:root{--ink:#142443;--paper:#f3f7fd;--muted:#5e6f89;--line:#d9e4f2;--lime:#58b9ff;--green:#1768d8;--orange:#ee9b3a;--red:#d9485f;--white:#fff;--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:26px 17px 18px;background:#20251e;color:#f8f8f1;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;font:700 15px var(--display);letter-spacing:-.5px}.brand>span:last-child{display:grid}.brand small{font:600 8px var(--body);color:#a9ae9d;letter-spacing:1.6px;margin-top:3px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--lime);color:var(--ink);font:700 18px var(--display)}.side-user{display:flex;align-items:center;gap:10px;margin:35px 0 27px;padding:14px 8px;border-block:1px solid #ffffff19}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#cfdf8c;color:#39441f;font-weight:700}.side-user div{display:grid;gap:4px}.side-user b{font-size:11px}.side-user small{font-size:9px;color:#a9ae9d}.nav-label{font-size:8px;letter-spacing:1.4px;color:#7d8475;padding:0 10px 10px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px 11px;border-radius:7px;color:#b9beb1;font-size:11px}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff13;color:white}.sidebar nav a.active{box-shadow:inset 2px 0 var(--lime)}.logout{margin-top:auto}.logout button{width:100%;text-align:left;border:0;background:transparent;color:#bbc0b4;padding:12px 10px;font-size:11px}.side-foot{padding:18px 9px 3px;border-top:1px solid #ffffff19;color:#777e6f;font-size:8px;line-height:1.8;letter-spacing:.8px}.side-foot b{color:var(--lime)}.main{margin-left:248px;min-height:100vh}.topbar{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#f8f8f3}.crumb{font-size:10px;font-weight:700;letter-spacing:.4px}.crumb span{color:#aaa;margin:0 8px}.top-right{display:flex;gap:10px;align-items:center}.today{font-size:10px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:#9bbd3b}.content{max-width:1440px;margin:0 auto;padding:30px 38px 60px}.flash{padding:12px 15px;background:#eaf1d4;color:#4e6418;border-radius:7px;margin:14px 38px 0;font-size:11px}.flash.error{background:#f8e6e1;color:var(--red)}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-head h1{font:600 clamp(26px,3vw,36px)/1.08 var(--display);letter-spacing:-1.8px;margin:7px 0}.page-head h1 em{font-style:normal;color:#849d2d}.page-head p.muted{margin:6px 0 0}.eyebrow{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#818675;margin:0}.muted{font-size:11px;color:var(--muted);line-height:1.65}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:6px;padding:11px 14px;font-size:10px;font-weight:700;white-space:nowrap;transition:transform .16s,background .16s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--ink);color:white}.btn.primary span{color:var(--lime)}.btn.secondary{background:#eff0e8;color:var(--ink)}.btn.danger{background:#f6e5df;color:var(--red)}.btn.tiny{padding:7px 9px;font-size:9px}.btn.full{width:100%;margin-top:20px;padding:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0}.stat-card{position:relative;min-height:126px;padding:17px;border:1px solid var(--line);border-radius:9px;background:var(--white);display:flex;flex-direction:column;align-items:flex-start}.stat-card>span{font-size:9px;color:var(--muted)}.stat-card>b{font:600 29px var(--display);letter-spacing:-1.5px;margin:8px 0 2px}.stat-card small{font-size:9px;color:#93978b}.stat-card i{font-style:normal;position:absolute;right:15px;top:14px;width:27px;height:27px;border-radius:8px;background:#edf2dd;display:grid;place-items:center;color:#829a2c}.stat-card i.orange{background:#f9e9df;color:#c26f42}.panel{background:var(--white);border:1px solid var(--line);border-radius:9px;margin:16px 0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 14px}.panel-head h2{font:600 16px var(--display);letter-spacing:-.4px;margin:5px 0 0}.link{font-size:10px;font-weight:700;color:#718b22}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#f7f7f1;padding:10px 14px;color:#8a8e82;font-size:8px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;border-block:1px solid #eeefe8}td{padding:12px 14px;border-bottom:1px solid #eeefe8;font-size:10px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td>b{font-size:10px}.subline{display:block;font-size:9px;color:#8b8f85;margin-top:4px}.pill{display:inline-flex;background:#eef0e8;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:700;color:#62675b}.pill.warn{background:#fbefd9;color:#a97726}.pill.good{background:#e8f1d3;color:#5e771a}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:140px}.actions form{display:inline}.empty{text-align:center;color:#95998d;padding:28px!important}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.quick-grid>a{position:relative;background:#e9ecdf;border-radius:8px;padding:17px;display:grid;gap:6px}.quick-icon{color:#80972c;font-size:18px}.quick-grid b{font:600 12px var(--display)}.quick-grid small{font-size:9px;color:var(--muted)}.quick-arrow{position:absolute;right:15px;top:16px}.filter-row{display:flex;gap:7px;overflow:auto;padding:3px 0 14px}.filter{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:7px 10px;font-size:9px;color:#73776c;background:#fffefa}.filter b{font-size:8px;color:var(--ink)}.filter.active{background:var(--ink);border-color:var(--ink);color:#fff}.filter.active b{color:var(--lime)}.form-panel{padding-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0 20px}.form-grid label,.login-card label,.report-filter label{display:grid;gap:6px;font-size:9px;font-weight:700;color:#53584d}.form-grid input,.form-grid select,.form-grid textarea,.report-filter input,.report-filter select,.login-card input{width:100%;border:1px solid var(--line);border-radius:5px;padding:10px;background:white;color:var(--ink);font-size:10px;outline:none}.form-grid input:focus,.form-grid textarea:focus,.report-filter input:focus,.login-card input:focus{border-color:#9fb843;box-shadow:0 0 0 3px #d9ef773d}.form-grid textarea{resize:vertical}.wide{grid-column:1/-1}.inline-form{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;padding:9px;background:#f7f7f1;border-radius:6px;white-space:normal}.inline-form input,.inline-form select{width:120px;min-width:90px;padding:7px;border:1px solid var(--line);border-radius:4px;background:white;font-size:9px}.inline-form small{font-size:8px;color:var(--muted)}.hidden{display:none!important}.report-filter{display:flex;align-items:end;gap:10px;padding:13px;background:#eeefe8;border-radius:8px;margin:20px 0}.report-filter label{min-width:130px}.report-filter input,.report-filter select{padding:9px}.report-stats{margin-top:12px}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 18px 18px}.rule-card{display:grid;gap:7px;border:1px solid var(--line);border-radius:7px;padding:13px}.rule-card small{font-size:8px;color:var(--muted)}.rule-card b{font:600 11px var(--display)}.rule-card span{font-size:10px;color:#687d22}.note{padding:0 20px 5px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 70% 15%,#e8edcf,transparent 40%),var(--paper)}.login-card{width:min(390px,100%);padding:34px;background:var(--white);border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 55px #252d1610}.login-mark{margin-bottom:25px}.login-card h1{font:600 35px/1 var(--display);letter-spacing:-1.7px;margin:11px 0}.login-card h1 br{display:block}.login-card form{margin-top:24px}.login-card label{margin:15px 0 7px}.login-foot{display:block;text-align:center;font-size:9px;color:#898d81;margin-top:20px}.invoice{max-width:780px;margin:0 auto;background:white;border:1px solid var(--line);padding:40px 45px}.invoice-head{display:flex;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid var(--line)}.invoice-head>div:first-child{max-width:55%}.invoice-head h2{font:600 17px var(--display);margin:9px 0 5px}.invoice-head p,.invoice-title small{font-size:9px;color:var(--muted);margin:0}.invoice-title{display:grid;align-content:start;justify-items:end;gap:7px}.invoice-title b{font-size:10px;letter-spacing:1px}.invoice-title span{font:600 17px var(--display)}.invoice-customer{display:flex;justify-content:space-between;align-items:center;padding:23px 0}.invoice-customer>div{display:grid;gap:5px}.invoice-customer small{font-size:8px;color:var(--muted);letter-spacing:.6px}.invoice-customer b{font-size:11px}.invoice-customer span:not(.pill){font-size:9px;color:var(--muted)}.invoice table{margin:0 0 18px}.invoice-summary{width:min(350px,100%);margin-left:auto}.invoice-summary div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #efefe9;font-size:9px}.invoice-summary b{font-size:10px}.invoice-summary .balance{font-size:11px;font-weight:700;border:0}.invoice-summary .balance b{font-size:14px}.invoice-thanks{text-align:center;margin-top:38px;color:var(--muted);font-size:9px}.invoice-actions{max-width:780px;margin:15px auto;display:flex;justify-content:space-between}.no-print{}.form-note{font-size:9px}.invoice a{color:inherit}@media(max-width:1020px){.sidebar{width:210px}.main{margin-left:210px}.content{padding:25px 22px}.stat-grid{grid-template-columns:repeat(2,1fr)}.rule-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{position:static;width:auto;height:auto;padding:12px 15px;display:block}.sidebar .brand{padding:0}.side-user{display:none}.sidebar nav{display:flex;overflow:auto;gap:3px;margin-top:13px}.nav-label,.side-foot{display:none}.sidebar nav a{white-space:nowrap;padding:9px;font-size:9px}.logout{position:absolute;right:12px;top:10px}.logout button{font-size:0;padding:9px}.logout button:first-letter{font-size:15px}.main{margin:0}.topbar{height:45px;padding:0 17px}.content{padding:20px 14px 40px}.flash{margin:10px 14px 0}.page-head{align-items:start}.page-head .btn{margin-top:12px}.page-head h1{font-size:27px}.stat-grid{gap:8px}.stat-card{min-height:112px;padding:12px}.stat-card>b{font-size:25px}.quick-grid{grid-template-columns:1fr}.quick-grid>a{grid-template-columns:26px 1fr;align-items:center}.quick-icon{grid-row:span 2}.quick-grid small{grid-column:2}.quick-arrow{top:22px}.panel-head{padding:15px}.form-grid{grid-template-columns:1fr;padding:0 14px}.wide{grid-column:auto}.report-filter{align-items:stretch;flex-direction:column}.report-filter label{min-width:0}.rule-grid{grid-template-columns:1fr;padding:0 13px 15px}.invoice{padding:24px 17px}.invoice-head{gap:15px}.invoice-head>div:first-child{max-width:58%}.invoice-title span{font-size:13px}.invoice-actions{gap:7px;flex-wrap:wrap}.invoice-actions .btn{flex:1}.table-wrap table{min-width:760px}}@media print{body{background:white}.sidebar,.topbar,.page-head,.flash,.no-print,.report-filter,.filter-row,.actions{display:none!important}.main{margin:0}.content{padding:0;max-width:none}.invoice{border:0;padding:0;margin:0 auto}.invoice-actions{display:none}.panel{break-inside:avoid}.stat-card{background:white}.table-wrap{overflow:visible}table{font-size:9px}@page{margin:15mm}}
.brief-details{margin-top:7px;white-space:normal;max-width:360px}.brief-details summary{cursor:pointer;color:#627b20;font-size:9px;font-weight:700}.brief-details[open]{min-width:250px}.brief-details dl{white-space:normal;margin:8px 0;padding:10px;background:#f5f6ef;border-radius:6px;max-height:340px;overflow:auto}.brief-details dt{font-size:8px;font-weight:700;color:#72786a;margin-top:8px}.brief-details dt:first-child{margin-top:0}.brief-details dd{font-size:9px;line-height:1.55;margin:3px 0 0;color:#3d4238;overflow-wrap:anywhere}.brief-details dd a{color:#718b22;font-weight:700}.field-help{font-size:8px;font-weight:400;color:#858a7d;line-height:1.5}
.customer-results{position:relative;display:grid;gap:4px;max-height:190px;overflow:auto;border:1px solid var(--line);border-radius:6px;background:white;padding:5px}.customer-option{display:flex;justify-content:space-between;gap:15px;text-align:left;border:0;border-radius:4px;padding:8px;background:#fff;color:var(--ink)}.customer-option:hover{background:#f0f3e6}.customer-option b{font-size:10px}.customer-option small{font-size:9px;color:var(--muted)}.product-custom{margin-top:6px}.field-help{display:block}
.product-edit-form{display:flex;align-items:center;gap:8px;min-width:420px}.product-edit-form>input[name=name]{max-width:260px;padding:8px;border:1px solid var(--line);border-radius:5px}.product-active{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px}.cancel-order{margin-top:6px}.cancel-order summary{cursor:pointer;color:var(--red);font-size:9px;font-weight:700}.cancel-order form{display:grid;gap:5px;margin-top:7px;min-width:160px}.cancel-order input{width:100%;padding:7px;border:1px solid var(--line);border-radius:4px;font-size:9px}
.order-items{border:1px solid var(--line);border-radius:8px;padding:14px;background:#fafaf6}.items-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.items-head>div{display:grid;gap:3px}.items-head b{font-size:11px}.order-item-row{display:grid;grid-template-columns:2fr .75fr 1fr 1fr;gap:10px;padding:12px;margin:8px 0;background:white;border:1px solid var(--line);border-radius:7px}.item-row-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:10px}.item-row-head b{color:var(--green)}.item-row-head button{border:0;background:none;color:var(--red);font-size:9px}.item-row-head button:disabled{opacity:.4;cursor:not-allowed}.order-item-row label{display:grid;gap:5px;font-size:9px;font-weight:700;color:#53584d}.order-item-row input,.order-item-row select,.order-item-row textarea{width:100%;border:1px solid var(--line);border-radius:5px;padding:9px;background:#fff;color:var(--ink);font-size:10px}.order-item-row .item-spec{grid-column:1/-1}.items-total{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:8px 3px 0;font-size:10px}.items-total b{font-size:14px}
@media(max-width:720px){.order-item-row{grid-template-columns:1fr 1fr}.order-item-row>label:first-of-type,.order-item-row .item-spec{grid-column:1/-1}.items-head{align-items:start}}

.live-indicator{display:inline-flex;align-items:center;gap:6px;border-radius:20px;background:#e4f8e9;color:#087647;padding:6px 9px;font-size:9px;font-weight:700}.live-indicator i{width:7px;height:7px;border-radius:50%;background:#10b767;box-shadow:0 0 0 4px #10b76722;animation:pulse 1.5s infinite}.top-alert{display:inline-flex;align-items:center;gap:5px;background:#fff1ec;color:#cf4e43;padding:6px 9px;border-radius:18px;font-size:10px}.top-alert b{background:#e9574f;color:white;border-radius:12px;min-width:18px;text-align:center;padding:2px 5px}.stat-card:nth-child(4n+1){border-top:3px solid #4d72ed}.stat-card:nth-child(4n+2){border-top:3px solid #18a978}.stat-card:nth-child(4n+3){border-top:3px solid #f59e42}.stat-card:nth-child(4n){border-top:3px solid #c061df}.pill.good{background:#def8ea;color:#087647}.pill.warn{background:#fff0db;color:#9a5a00}.pill.danger{background:#ffe3e8;color:#b4233c}@keyframes pulse{50%{box-shadow:0 0 0 7px #10b7670a}}@media(max-width:720px){.live-indicator{display:none}.top-right{gap:6px}.top-alert{padding:5px 7px}}.workboard-section{margin:22px 0 30px}.workboard-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:12px}.workboard-heading h2{font:600 21px var(--display);letter-spacing:-.6px;margin:5px 0}.workboard-heading .muted{margin:3px 0}.priority-summary{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 13px}.priority-count{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;font-size:10px;font-weight:700}.priority-count b{font-size:12px}.priority-count.late{background:#ffe3e8;color:#b4233c}.priority-count.urgent{background:#fff0db;color:#9a5a00}.priority-count.normal{background:#e4f8e9;color:#087647}.work-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work-card{background:#fff;border:1px solid var(--line);border-left:4px solid #8ba2c7;border-radius:10px;padding:15px;box-shadow:0 3px 12px #162b4a08}.work-card.priority-late{border-left-color:#dc4c64}.work-card.priority-urgent{border-left-color:#f59e42}.work-card.priority-today{border-left-color:#4d72ed}.work-card.priority-normal{border-left-color:#18a978}.work-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.work-card-top>small{font-size:9px;color:var(--muted)}.work-priority,.work-status{display:inline-block;border-radius:20px;padding:5px 8px;background:#edf2fa;color:#405679;font-size:8px;font-weight:800;letter-spacing:.3px}.priority-late .work-priority{background:#ffe3e8;color:#b4233c}.priority-urgent .work-priority{background:#fff0db;color:#9a5a00}.priority-normal .work-priority{background:#e4f8e9;color:#087647}.work-card h3{font:700 15px var(--display);margin:12px 0 3px}.work-card h3 span{font:500 12px var(--body);color:#5b6680}.work-product{font-size:10px;font-weight:700;color:#4d72ed;margin:0 0 8px}.work-brief{font-size:11px;line-height:1.55;background:#f6f8fd;padding:9px 10px;border-radius:6px;margin:0 0 8px;color:#35425d}.work-owner{font-size:9px;color:var(--muted)}.work-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:10px}.work-actions form{display:flex;align-items:center;gap:6px;margin:0}.work-actions .btn{font-size:10px}.template-pick{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:700}.template-pick select,.qc-quick input{border:1px solid var(--line);border-radius:5px;padding:8px;background:white;color:var(--ink);font-size:10px}.qc-quick{flex-wrap:wrap}.qc-quick input{min-width:160px}.work-actions .btn.danger{background:#ffe3e8;color:#b4233c}.work-empty{grid-column:1/-1;background:#fff;border:1px dashed #cbd5e7;border-radius:10px;padding:22px;text-align:center;color:var(--muted);font-size:11px}@media(max-width:850px){.work-card-grid{grid-template-columns:1fr}}@media(max-width:720px){.workboard-heading{align-items:start}.work-card{padding:12px}.work-actions .btn{padding:9px}.work-card-top{align-items:start;flex-direction:column}}
:root{--navy:#10284f;--blue:#1d4ed8;--sky:#56b8ff;--cyan:#72dce8;--pale-blue:#eaf3ff;--panel:#fff}
body{background:var(--paper);color:var(--ink)}
.sidebar{background:linear-gradient(160deg,#0d2345 0%,#123565 58%,#174579 100%);color:#f7fbff;box-shadow:5px 0 24px #10284f12}
.brand-mark{background:linear-gradient(135deg,var(--sky),var(--cyan));color:#10284f}
.brand small,.side-user small{color:#a9c6e8}.avatar{background:#d8edff;color:#123d77}
.nav-label{color:#91b2da}.sidebar nav a{color:#c1d5ee}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff18;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--sky)}.logout button{color:#c1d5ee}.side-foot{color:#91b2da}.side-foot b{color:var(--sky)}
.topbar{background:#fff;border-color:var(--line)}.status-dot{background:#328cf0;box-shadow:0 0 0 4px #328cf01c}.today{color:#60728c}
.page-head h1 em{color:#2468df}.eyebrow{color:#6680a2}.link,.brief-details summary,.brief-details dd a{color:#1d5ecb}
.btn{border-radius:8px;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.btn.primary{background:linear-gradient(135deg,#2464df,#1747b8);color:#fff;box-shadow:0 4px 10px #1d4ed822}.btn.primary:hover{background:#173fa8;box-shadow:0 6px 14px #1d4ed833}.btn.secondary{background:#eaf3ff;color:#17457f}.btn.secondary:hover{background:#dbeaff}.btn.danger{background:#ffeaed;color:#b4233c}
.stat-card{background:#fff;border-color:#dce6f3;box-shadow:0 5px 18px #17345e08}.stat-card i{background:#eaf3ff;color:#2468df}.stat-card i.orange{background:#fff1df;color:#bb741d}.stat-card:nth-child(4n+1){border-top-color:#2864df}.stat-card:nth-child(4n+2){border-top-color:#27a7c6}.stat-card:nth-child(4n+3){border-top-color:#f2a243}.stat-card:nth-child(4n){border-top-color:#7364db}
.panel,.login-card,.work-card{background:#fff;border-color:#dce6f3;box-shadow:0 5px 20px #17345e08}th{background:#f1f6fd;color:#60738f;border-color:#e4ecf7}td{border-color:#e8eef7}.pill{background:#edf3fb;color:#3b587f}.pill.good{background:#dcf7ed;color:#087647}.pill.warn{background:#fff1db;color:#925b07}.pill.danger{background:#ffe3e8;color:#b4233c}
.quick-grid>a{background:linear-gradient(135deg,#eaf3ff,#e9f8ff);border:1px solid #dbeafa}.quick-icon{color:#2568dd}.filter{border-color:#dbe5f2;background:#fff;color:#536984}.filter.active{background:#142e57;border-color:#142e57;color:#fff}.filter.active b{color:#77d7f1}
.form-grid label,.login-card label,.report-filter label,.order-item-row label{color:#334967}.form-grid input,.form-grid select,.form-grid textarea,.report-filter input,.report-filter select,.login-card input,.order-item-row input,.order-item-row select,.order-item-row textarea{border-color:#d6e2f1;background:#fff;color:#172b4b}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.report-filter input:focus,.report-filter select:focus,.login-card input:focus,.order-item-row input:focus,.order-item-row select:focus,.order-item-row textarea:focus{border-color:#4387ed;box-shadow:0 0 0 3px #4387ed20;outline:none}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#91a0b5}
.order-items{background:#f5f9ff;border-color:#dce8f7}.item-row-head b{color:#1b65cb}.report-filter{background:#edf4fc}.rule-card span{color:#1c63ca}.login-shell{background:radial-gradient(ellipse at 70% 12%,#d5f3ff,transparent 38%),radial-gradient(ellipse at 15% 85%,#e0eaff,transparent 35%),var(--paper)}.flash{background:#e0f5ff;color:#145a8a}.flash.error{background:#ffeaed;color:#b4233c}
.customer-results{border-color:#dbe6f4}.customer-option:hover{background:#eff6ff}.brief-details dl{background:#f2f7fe}.brief-details dt{color:#56708f}.brief-details dd{color:#263d5d}
.live-indicator{background:#e5f8f4;color:#08765b}.live-indicator i{background:#12a981;box-shadow:0 0 0 4px #12a98122}.top-alert{background:#fff0ed;color:#c44245}
.workboard-heading h2{color:#152e52}.work-card{box-shadow:0 4px 15px #10284f0a}.work-brief{background:#f3f7fd;color:#304968}.work-product{color:#245fcb}.work-status{background:#edf3fb;color:#3e5e88}.priority-count.normal{background:#e4f5ff;color:#155fa6}.priority-count.urgent{background:#fff1db;color:#925b07}.work-empty{border-color:#cbdced;background:#fff;color:#63758e}
:focus-visible{outline:3px solid #52a8ff;outline-offset:2px}
@media(max-width:720px){.topbar{background:#fff}.sidebar{background:linear-gradient(160deg,#0d2345,#174579)}.content{padding-inline:13px}.work-card-grid{grid-template-columns:minmax(0,1fr)}.workboard-section{margin-block:18px 24px}.work-actions form{flex-wrap:wrap}.priority-summary{gap:6px}.priority-count{padding:7px 9px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.brand-logo{background:#fff!important;padding:4px;border:1px solid #d6e7f7;overflow:hidden;flex:none}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.login-mark.brand-logo{width:58px;height:58px;border-radius:15px;padding:5px}.invoice-head .brand-logo{display:inline-grid;vertical-align:middle}
:root{--ink:#282235;--paper:#faf7f8;--muted:#706975;--line:#eadfe3;--lime:#ff8290;--green:#b5253d;--orange:#e99444;--red:#c92c45;--white:#fff;--navy:#521320;--blue:#c52d45;--sky:#ff8190;--cyan:#ffd2d7;--pale-blue:#fff0f2;--panel:#fff;--brand-red:#c52d45;--brand-dark:#571421}
.sidebar{background:linear-gradient(160deg,#35101c 0%,#651627 58%,#812336 100%);color:#fff8fa}.brand small,.side-user small{color:#e5b8c1}.avatar{background:#ffe4e8;color:#781c30}.nav-label{color:#d5a6b0}.sidebar nav a{color:#f0d7dc}.sidebar nav a.active{box-shadow:inset 3px 0 #ff9aa5}.side-foot{color:#d5a6b0}.side-foot b{color:#ff9aa5}
.brand-logo img{filter:hue-rotate(143deg) saturate(1.18)}
.page-head h1 em,.link,.brief-details summary,.brief-details dd a{color:#bd263f}.eyebrow{color:#8c6871}
.btn.primary{background:linear-gradient(135deg,#dc3c54,#ad1f38);box-shadow:0 4px 10px #bb263f25}.btn.primary:hover{background:#9f1931;box-shadow:0 6px 14px #bb263f35}.btn.secondary{background:#fff0f2;color:#8f1f35}.btn.secondary:hover{background:#ffe1e6}.btn.danger{background:#ffe6ea;color:#a91e37}
.stat-card:nth-child(4n+1){border-top-color:#c52d45}.stat-card:nth-child(4n+2){border-top-color:#ee7c68}.stat-card:nth-child(4n+3){border-top-color:#efa34c}.stat-card:nth-child(4n){border-top-color:#9c4a68}.stat-card i{background:#fff0f2;color:#c52d45}.stat-card i.orange{background:#fff1df;color:#ad6820}
.quick-grid>a{background:linear-gradient(135deg,#fff0f2,#fff7f3);border-color:#f1dce1}.quick-icon{color:#c52d45}.filter.active{background:#571421;border-color:#571421}.filter.active b{color:#ffabb4}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.report-filter input:focus,.report-filter select:focus,.login-card input:focus,.order-item-row input:focus,.order-item-row select:focus,.order-item-row textarea:focus{border-color:#d3495e;box-shadow:0 0 0 3px #d3495e20}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#a39aa0}
.order-items{background:#fff9fa;border-color:#eedee2}.item-row-head b,.rule-card span{color:#b5253d}.report-filter{background:#f8eff1}.login-shell{background:radial-gradient(ellipse at 70% 12%,#ffe1e5,transparent 38%),radial-gradient(ellipse at 15% 85%,#ffefeb,transparent 35%),var(--paper)}.flash{background:#fff0df;color:#87521a}.flash.error{background:#ffe6ea;color:#a91e37}
.brief-details dl{background:#fff7f8}.brief-details dt{color:#8b6871}.brief-details dd{color:#443740}.status-dot{background:#da3b53;box-shadow:0 0 0 4px #da3b531c}.today{color:#746974}
.workboard-heading h2{color:#4d1b27}.work-card{box-shadow:0 4px 15px #5714210c}.work-product{color:#af2941}.work-brief{background:#fff7f8;color:#533842}.work-status{background:#fff0f2;color:#8c3042}.priority-count.urgent{background:#fff1df;color:#925b07}.priority-count.normal{background:#e4f5ec;color:#087647}.work-card.priority-today{border-left-color:#c52d45}
.top-alert{background:#fff0ed;color:#be3346}.live-indicator{background:#e7f6ed;color:#087647}
:focus-visible{outline-color:#e24c61}
:root{--ink:#241a2b;--paper:#fff7f7;--muted:#746577;--line:#f0dce1;--lime:#ff9aa5;--green:#c51f3a;--orange:#ff9d42;--red:#c51f3a;--white:#fff;--brand-red:#e12645;--brand-dark:#4c1021}
body{background:linear-gradient(145deg,#fff7f7 0%,#fff 52%,#fff4f0 100%)}
.sidebar{background:linear-gradient(155deg,#3d0b1b 0%,#8e1731 52%,#bd2843 100%);box-shadow:6px 0 26px #7c17301c}
.brand-logo img{filter:hue-rotate(143deg) saturate(1.35) contrast(1.06)}
.topbar{background:linear-gradient(90deg,#fff 0%,#fff8f8 72%,#fff0f1 100%);border-bottom-color:#f2dbe0}
.brand-mark:not(.brand-logo){background:linear-gradient(135deg,#ff5268,#ff9b54);color:#fff;box-shadow:0 5px 14px #e1264533}
.avatar{background:linear-gradient(135deg,#ffe2e7,#ffd0c4);color:#951a34}
.sidebar nav a.active{background:linear-gradient(90deg,#ffffff25,#ffffff0c);box-shadow:inset 3px 0 #ffb54d,0 4px 14px #23081128}
.page-head h1 em{color:#e12645;text-shadow:0 5px 18px #e1264514}
.btn.primary{background:linear-gradient(120deg,#f23854 0%,#c41437 75%,#a80e31 100%);box-shadow:0 5px 15px #c4143730}.btn.primary:hover{background:linear-gradient(120deg,#ff5268,#ad1232);transform:translateY(-2px)}
.stat-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#fff 68%,#fff4f5 100%);box-shadow:0 8px 24px #6013290c}.stat-card:nth-child(4n+1){border-top-color:#ee3150}.stat-card:nth-child(4n+2){border-top-color:#fc8050}.stat-card:nth-child(4n+3){border-top-color:#ffb143}.stat-card:nth-child(4n){border-top-color:#cf4ca0}.stat-card i{background:linear-gradient(135deg,#ffe1e6,#ffc5ce);color:#bd1e3a}.stat-card i.orange{background:linear-gradient(135deg,#fff0d6,#ffd68f);color:#ab5c13}
.work-card{background:linear-gradient(140deg,#fff 0%,#fff 70%,#fff5f6 100%);box-shadow:0 7px 22px #67162a10;transition:transform .15s ease,box-shadow .15s ease}.work-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px #67162a18}.work-card.priority-late{background:linear-gradient(135deg,#fff 60%,#fff0f2)}.work-card.priority-urgent{background:linear-gradient(135deg,#fff 60%,#fff4e7)}.work-card.priority-normal{background:linear-gradient(135deg,#fff 60%,#fff5f1)}.work-priority{box-shadow:0 2px 8px #4c10210c}.priority-late .work-priority{background:#ffe0e5;color:#a90f32}.priority-urgent .work-priority{background:#ffe9cf;color:#984c06}.priority-count.late{background:linear-gradient(100deg,#ffdce2,#ffc4ce);color:#97152f}.priority-count.urgent{background:linear-gradient(100deg,#fff0d8,#ffdca2);color:#8c4b08}.priority-count.normal{background:linear-gradient(100deg,#ffe6e8,#fff0eb);color:#ae2640}.priority-count:not(.late):not(.urgent):not(.normal){background:#f3e8f4;color:#713d78}
.work-product{color:#bc1d3b}.work-brief{background:linear-gradient(100deg,#fff2f3,#fff9f6);border-left:2px solid #ff9aa5}.work-empty{background:linear-gradient(110deg,#fff,#fff4f5);border-color:#edc9d1}
.quick-grid>a{background:linear-gradient(125deg,#ffe9ec,#fff0e5);border-color:#f5cbd2;box-shadow:0 5px 15px #6f152010}.quick-grid>a:hover{background:linear-gradient(125deg,#ffdce2,#ffe9d8);transform:translateY(-2px)}
.top-alert{background:linear-gradient(100deg,#ffe4e8,#ffd0d9);color:#a61735}.top-alert b{background:#d7193f;box-shadow:0 2px 8px #b51e3640}.live-indicator{background:linear-gradient(100deg,#e8f7ec,#d8f3e7);color:#087647}
.flash{background:linear-gradient(100deg,#fff0d8,#ffe3e6);color:#8b3c30;border:1px solid #f7d1bf}.flash.error{background:linear-gradient(100deg,#ffe1e5,#ffc9d2);color:#97152f}
.pill.good{background:#dff5e9;color:#087647}.pill.warn{background:#ffedcf;color:#8d4b05}.pill.danger{background:#ffdce2;color:#a90f32}
.login-card{border-top:4px solid #e12645;box-shadow:0 22px 60px #6513291a}.login-shell{background:radial-gradient(ellipse at 78% 15%,#ffcbd3,transparent 34%),radial-gradient(ellipse at 18% 88%,#ffe2c8,transparent 34%),#fff7f7}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.report-filter input:focus,.report-filter select:focus,.login-card input:focus,.order-item-row input:focus,.order-item-row select:focus,.order-item-row textarea:focus{border-color:#ed4962;box-shadow:0 0 0 3px #ed496228}
@media(prefers-reduced-motion:reduce){.work-card:hover,.quick-grid>a:hover{transform:none}}
.invoice{width:58mm;max-width:58mm;padding:3mm;margin:0 auto;border:1px solid #e9dfe2;border-radius:4px;box-shadow:0 8px 30px #52202a12;font-family:Arial,Helvetica,sans-serif;font-size:10px}.invoice-head{display:block;text-align:center;padding:0 0 8px;border-bottom:1px dashed #9e9295}.invoice-head>div:first-child{max-width:none}.invoice-head .brand-logo{width:25px;height:25px;padding:2px;border-radius:4px;margin:0 auto 3px}.invoice-head h2{font:bold 13px Arial,sans-serif;margin:3px 0}.invoice-head p{font-size:8px;line-height:1.35;overflow-wrap:anywhere}.invoice-title{justify-items:center;gap:2px;margin-top:5px}.invoice-title b{font-size:9px}.invoice-title span{font:bold 12px Arial,sans-serif}.invoice-title small{font-size:8px}.invoice-customer{display:block;padding:8px 0;border-bottom:1px dashed #bcb1b4}.invoice-customer>div{display:grid;gap:2px}.invoice-customer small{font-size:7px}.invoice-customer b{font-size:10px;overflow-wrap:anywhere}.invoice-customer span:not(.pill){font-size:8px;overflow-wrap:anywhere}.invoice-customer>.pill{margin-top:5px}.receipt-items{display:grid}.receipt-item{padding:7px 0;border-bottom:1px dashed #c7bdc0;break-inside:avoid}.receipt-item>b{display:block;font-size:9px;line-height:1.35;overflow-wrap:anywhere}.receipt-item>small{display:block;margin-top:2px;font-size:7px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.receipt-item-total{display:flex;justify-content:space-between;align-items:start;gap:5px;margin-top:5px;font-size:8px}.receipt-item-total span{overflow-wrap:anywhere}.receipt-item-total b{white-space:nowrap;font-size:9px}.invoice-summary{width:100%;margin:0}.invoice-summary div{display:flex;justify-content:space-between;align-items:start;gap:5px;padding:5px 0;border-bottom:1px dashed #d2c8cb;font-size:8px}.invoice-summary div span{max-width:68%;line-height:1.35;overflow-wrap:anywhere}.invoice-summary div b{font-size:8px;white-space:nowrap}.invoice-summary .balance{font-size:9px;font-weight:bold;border-top:1px solid #4d3b40;border-bottom:0;margin-top:3px;padding-top:7px}.invoice-summary .balance b{font-size:10px}.invoice-thanks{font-size:8px;line-height:1.4;margin:10px 0 0;padding-top:7px;border-top:1px dashed #bcb1b4}.invoice-actions{width:58mm;max-width:58mm;margin:12px auto;gap:6px}.invoice-actions .btn{font-size:9px;padding:8px 10px}
.print-only{display:none}
@page{size:A4 portrait;margin:12mm}
@page thermal{size:58mm auto;margin:2mm}
@media print{
  body{background:#fff!important;color:#171717!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .sidebar,.topbar,.flash,.no-print,.report-filter,.filter-row,.actions{display:none!important}
  .main{margin:0!important;width:auto!important;min-width:0!important;padding:0!important}
  .content{width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
  .page-head{display:none!important}
  body[data-page="reports"] .page-head.report-head{display:flex!important;justify-content:space-between;align-items:flex-end;gap:10mm;margin:0 0 7mm;padding:0 0 4mm;border-bottom:1px solid #b7b7b7}
  .report-head>div{width:100%}.report-head .eyebrow{font-size:8pt;letter-spacing:1.2pt;color:#555}.report-head h1{font-size:22pt;letter-spacing:-.4pt;margin:3mm 0 1mm;color:#111}.report-head h1 em{color:#111}.report-head p.muted{font-size:9pt;color:#444;margin:0}
  .print-only{display:block!important}.report-print-brand{display:flex!important;align-items:center;gap:3mm;margin-bottom:4mm}.report-print-brand img{width:13mm;height:13mm;object-fit:contain;filter:grayscale(1)}.report-print-brand span{display:grid;gap:1mm}.report-print-brand b{font-size:12pt;letter-spacing:.4pt}.report-print-brand small{font-size:8pt;color:#555}.report-head .print-period{font-size:8pt!important;color:#444!important;margin-top:2mm!important}
  .report-print-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4mm;margin:0 0 6mm}.report-print-stats .stat-card{min-height:0;padding:4mm;border:1px solid #d2d2d2;border-top:2px solid #b52a40;border-radius:2mm;background:#fff;box-shadow:none;break-inside:avoid}.report-print-stats .stat-card>span{font-size:7.5pt;color:#444}.report-print-stats .stat-card>b{font-size:16pt;letter-spacing:0;margin:2mm 0 1mm;color:#111}.report-print-stats .stat-card small{font-size:7pt;color:#555}.report-print-stats .stat-card i{display:none}
  .report-table-panel{margin:0;border:1px solid #c9c9c9;border-radius:2mm;overflow:visible;box-shadow:none;break-inside:auto}.report-table-panel .panel-head{padding:3mm 3mm 2mm}.report-table-panel .panel-head .eyebrow{font-size:7pt;color:#555}.report-table-panel .panel-head h2{font-size:12pt;margin-top:1mm;color:#111}.report-table-panel .table-wrap{overflow:visible}.report-table{width:100%;table-layout:fixed;border-collapse:collapse;white-space:normal}.report-table th,.report-table td{white-space:normal;overflow-wrap:anywhere;word-break:normal;padding:2mm 1.5mm;font-size:7.5pt;line-height:1.3;border:1px solid #d5d5d5;color:#111}.report-table th{background:#f0f0f0!important;font-size:7pt;letter-spacing:.2pt}.report-table th:nth-child(1){width:17%}.report-table th:nth-child(2){width:22%}.report-table th:nth-child(3){width:16%}.report-table th:nth-child(4){width:17%}.report-table th:nth-child(5),.report-table th:nth-child(6){width:14%}.report-table thead{display:table-header-group}.report-table tr{break-inside:avoid;page-break-inside:avoid}.report-table .pill{padding:1mm 1.5mm;border:1px solid #bbb;background:#fff!important;color:#111!important;font-size:6.5pt}
  body[data-page="invoice"]{page:thermal;width:54mm!important;min-width:54mm!important;margin:0!important;padding:0!important}
  body[data-page="invoice"] .main,body[data-page="invoice"] .content{width:54mm!important;min-width:54mm!important;max-width:54mm!important;margin:0!important;padding:0!important}
  body[data-page="invoice"] .invoice{page:thermal;width:54mm!important;max-width:54mm!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#000!important}
  body[data-page="invoice"] .invoice-head,body[data-page="invoice"] .invoice-customer,body[data-page="invoice"] .receipt-item,body[data-page="invoice"] .invoice-summary div,body[data-page="invoice"] .invoice-thanks{border-color:#777!important}
  body[data-page="invoice"] .invoice-head h2,body[data-page="invoice"] .invoice-title b,body[data-page="invoice"] .invoice-title span,body[data-page="invoice"] .invoice-customer b,body[data-page="invoice"] .receipt-item>b,body[data-page="invoice"] .receipt-item-total b,body[data-page="invoice"] .invoice-summary b{color:#000!important}
  body[data-page="invoice"] .receipt-item,body[data-page="invoice"] .invoice-summary div{break-inside:avoid}.invoice-thanks{color:#333!important}
}
.stage-progress-section{margin:6px 0 26px;padding:18px;background:linear-gradient(135deg,#fff 0%,#fff8f8 100%);border:1px solid #f0dce1;border-radius:12px;box-shadow:0 7px 22px #67162a0b}.stage-progress-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.stage-progress-heading h2{font:600 20px var(--display);color:#4d1b27;margin:5px 0}.stage-progress-heading .muted{margin:3px 0}.stage-live{display:inline-flex;align-items:center;gap:7px;border-radius:18px;padding:7px 10px;background:#e7f6ed;color:#087647;font-size:8px;font-weight:800;letter-spacing:.4px;white-space:nowrap}.stage-live i{width:7px;height:7px;border-radius:50%;background:#15a96b;box-shadow:0 0 0 4px #15a96b22}.stage-progress{display:flex;align-items:stretch;gap:7px;overflow-x:auto;padding:2px 2px 7px}.stage-step{position:relative;display:flex;flex:1;min-width:115px;flex-direction:column;gap:4px;padding:12px 11px;border:1px solid #ecdde1;border-top:3px solid #c52d45;border-radius:9px;background:#fff;box-shadow:0 3px 10px #57142108}.stage-step small{font-size:7px;font-weight:800;letter-spacing:.45px;color:#7b6570}.stage-step b{font:700 25px var(--display);line-height:1.1;color:#3d1c27}.stage-step span{font-size:9px;font-weight:700;color:#53404a;line-height:1.25}.stage-arrow{display:grid;place-items:center;flex:0 0 11px;font-size:20px;font-style:normal;font-weight:700;color:#d07a87}.stage-printing{border-top-color:#f0685d;background:linear-gradient(155deg,#fff,#fff5f1)}.stage-finishing{border-top-color:#f0a43e;background:linear-gradient(155deg,#fff,#fff8ec)}.stage-qc{border-top-color:#8b55a6;background:linear-gradient(155deg,#fff,#f9f1fb)}.stage-ready{border-top-color:#168d89;background:linear-gradient(155deg,#fff,#eefaf8)}.stage-done{border-top-color:#1e9a67;background:linear-gradient(155deg,#fff,#eff9f1)}.stage-done b{color:#14764e}
@media(max-width:950px){.stage-progress{gap:6px}.stage-step{min-width:105px;padding:10px 9px}.stage-arrow{flex-basis:8px}}
@media(max-width:720px){.stage-progress-section{padding:13px;margin:3px 0 20px}.stage-progress-heading{align-items:flex-start;flex-direction:column}.stage-progress{margin-right:-5px;padding-right:5px}.stage-step{flex:0 0 138px;min-width:138px}.stage-arrow{display:none}}
.completion-check{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.payment-required-notice{flex-basis:100%;margin:2px 0 0;padding:8px 10px;border:1px solid #f2c7a1;border-radius:7px;background:#fff3e6;color:#8b3c30;font-size:10px;font-weight:700;line-height:1.45;white-space:normal}.payment-required-notice[hidden]{display:none}
.customer-contact{display:flex;flex-wrap:wrap;gap:5px;min-width:135px}.customer-contact .btn{white-space:nowrap}td a[href^="https://wa.me/"]{color:#a3263c;font-weight:700}td a[href^="tel:"]{color:#566070;font-weight:700}
.user-create-panel{padding-bottom:18px}.user-create-panel .form-grid label small,.user-edit-grid label small{font-size:9px;font-weight:400;color:var(--muted)}.user-active-field{display:flex!important;align-items:center;align-self:end;gap:8px!important;min-height:38px}.user-active-field input[type="checkbox"]{width:16px;height:16px;accent-color:#c52d45}.user-edit summary{display:inline-flex;cursor:pointer;list-style:none}.user-edit summary::-webkit-details-marker{display:none}.user-edit[open]{min-width:360px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.user-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0 0;gap:9px}.user-edit-grid .wide{grid-column:1/-1}.users-table{min-width:700px}@media(max-width:720px){.user-edit[open]{min-width:300px}.user-edit-grid{grid-template-columns:1fr}.user-edit-grid .wide{grid-column:auto}}
.finance-section,.personal-work-section{margin:22px 0 26px}.finance-heading h2,.personal-work-section h2{font:600 20px var(--display);color:#4d1b27;margin:5px 0}.finance-heading .muted,.personal-work-section .muted{margin:3px 0}.finance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.finance-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:15px;border:1px solid #efdee2;border-top:3px solid #c52d45;border-radius:9px;background:linear-gradient(155deg,#fff,#fff8f8);box-shadow:0 3px 10px #57142108}.finance-card span{font-size:9px;font-weight:700;color:#70505a}.finance-card>b{font:700 clamp(17px,2vw,23px) var(--display);color:#3d1c27;overflow-wrap:anywhere}.finance-card small{font-size:9px;line-height:1.35;color:var(--muted)}.finance-cash{border-top-color:#168d89}.finance-transfer{border-top-color:#6074c8}.finance-turnover{border-top-color:#ed983e}.finance-cancel{border-top-color:#c52d45}.personal-period-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.personal-period-card{display:grid;grid-template-columns:1fr auto;gap:9px 14px;padding:15px;border:1px solid #efdee2;border-radius:9px;background:#fff;box-shadow:0 3px 10px #57142108}.personal-period-card>span{grid-column:1/-1;font:700 13px var(--display);color:#a3263c}.personal-period-card>div{display:flex;flex-direction:column;gap:5px}.personal-period-card small{font-size:9px;color:var(--muted)}.personal-period-card b{font:700 19px var(--display);color:#3d1c27}.personal-work-note{font-size:9px;color:var(--muted);margin:9px 0}.finance-section .finance-heading{margin-bottom:11px}@media(max-width:1000px){.finance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.finance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.finance-card{padding:11px}.finance-card>b{font-size:17px}.personal-period-grid{grid-template-columns:1fr}.personal-period-card{padding:12px}}
.sound-toggle{display:inline-flex;align-items:center;gap:5px;border:1px solid #eadce0;border-radius:999px;background:#fff;color:#6c4c55;padding:7px 10px;font:600 10px var(--body);white-space:nowrap;cursor:pointer}.sound-toggle:hover{border-color:#cf4057;background:#fff6f7}.sound-toggle.sound-enabled{border-color:#a8dfc1;background:#effaf3;color:#087647}.progress-toast{position:fixed;z-index:1000;top:76px;right:22px;display:flex;align-items:center;gap:11px;width:min(390px,calc(100vw - 28px));padding:14px 16px;border:1px solid #f1c6ce;border-left:4px solid #d4324b;border-radius:12px;background:#fff;box-shadow:0 12px 38px #45101c26;color:#46202a;text-decoration:none;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.progress-toast.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.progress-toast>span:first-child{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:#fff0f2;font-size:18px}.progress-toast>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.progress-toast b{font:700 12px var(--display)}.progress-toast small{overflow:hidden;color:#765e65;font:500 10px var(--body);text-overflow:ellipsis;white-space:nowrap}.progress-toast>span:last-child{color:#bd3249;font-size:17px}@media(max-width:700px){.sound-toggle{padding:6px 8px;font-size:9px}.progress-toast{top:68px;right:10px}}
.report-finance-section .finance-heading .eyebrow{font-size:8px;color:#75545d}.report-finance-section .finance-heading h2{font-size:18px}.report-finance-section .finance-heading .muted{max-width:900px}@media print{body[data-page="reports"] .report-finance-section{margin:0 0 6mm;break-inside:avoid}.report-finance-section .finance-heading{margin-bottom:2mm}.report-finance-section .finance-heading .eyebrow{font-size:7pt;color:#555}.report-finance-section .finance-heading h2{font-size:12pt;color:#111;margin:1mm 0}.report-finance-section .finance-heading .muted{font-size:7pt;color:#444;margin:0}.report-finance-section .finance-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2mm}.report-finance-section .finance-card{min-height:22mm;padding:3mm;border:1px solid #d2d2d2;border-top:2px solid #b52a40;border-radius:2mm;background:#fff;box-shadow:none;break-inside:avoid;gap:1mm}.report-finance-section .finance-card span{font-size:7pt;color:#444}.report-finance-section .finance-card>b{font-size:10pt;color:#111}.report-finance-section .finance-card small{font-size:6.5pt;color:#555}}
.audit-detail{max-width:360px;white-space:normal;overflow-wrap:anywhere;font-size:9px;color:var(--muted)}