:root{--bg:#f4f5f3;--panel:#fff;--ink:#0b0b0b;--muted:#5d6370;--gold:#d4af37;--gold-dark:#9b7a13;--black:#050505;--line:#e4dcc3;--green:#16834a;--red:#b91c1c}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#050505,#1a1a1a)}.login-card{width:min(420px,92vw);background:#fff;border:2px solid var(--gold);border-radius:28px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.28);text-align:center}.brand-mark{display:inline-grid;place-items:center;width:68px;height:68px;border:2px solid var(--gold);border-radius:50%;font-family:Georgia,serif;font-size:26px;color:var(--gold);margin-bottom:10px;background:#000}.app{display:grid;grid-template-columns:255px 1fr;min-height:100vh}.sidebar{background:#050505;color:#fff;padding:18px 14px;position:sticky;top:0;height:100vh;overflow:auto;border-right:4px solid var(--gold)}.side-brand{display:flex;gap:10px;align-items:center;font-size:19px;font-weight:700;margin-bottom:22px;color:#fff}.side-brand .brand-mark{width:48px;height:48px;font-size:18px;margin:0;color:var(--gold);background:#000}.menu{display:flex;flex-direction:column;gap:7px}.menu a{padding:11px 13px;border-radius:14px;color:#f7f1df;font-weight:400;letter-spacing:.1px;border:1px solid rgba(212,175,55,.12);background:rgba(255,255,255,.02)}.menu a.active,.menu a:hover{background:rgba(212,175,55,.18);color:var(--gold);font-weight:400;border-color:rgba(212,175,55,.35)}.main{padding:20px 24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:20px;background:#fff;border:1px solid #e8e8e8;border-radius:18px;padding:18px 20px;box-shadow:0 8px 24px rgba(0,0,0,.04)}.topbar h1{margin:0;color:#000;font-size:25px;letter-spacing:.3px}.topbar .muted{background:#fff;border:1px solid #e6e2d2;border-radius:14px;padding:10px 16px;color:#111;font-weight:700}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid #ebe6d5;border-radius:18px;padding:16px;box-shadow:0 10px 25px rgba(0,0,0,.04)}.stat .num{font-size:26px;font-weight:900;color:#000}.muted{color:var(--muted)}.flash{background:#fff8df;color:#654b00;border:1px solid #efdd9a;border-radius:14px;padding:12px 16px;margin-bottom:14px;font-weight:700}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.tabs a{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700}.tabs a.active{background:#000;color:var(--gold);border-color:#000}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:14px}.btn,button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid var(--gold);background:#000;color:var(--gold);font-weight:800;cursor:pointer}.btn.secondary,button.secondary{background:#fff;color:#000;border-color:var(--line)}.btn.red,button.red{background:var(--red);border-color:var(--red);color:#fff}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#fbf8ee;color:#000;font-size:13px}tr:last-child td{border-bottom:0}.form-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.span2{grid-column:span 2}.span4{grid-column:span 4}label{font-size:12px;font-weight:700;color:#000}input,select,textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit}textarea{min-height:86px}.thumb{width:54px;height:68px;object-fit:cover;border-radius:10px;background:#f5f5f5}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eee;font-size:12px;font-weight:800}.badge-active,.badge-completed,.badge-ready,.badge-paid,.badge-delivered{background:#e7f4ee;color:#24714e}.badge-sale,.badge-pending,.badge-in-process,.badge-partial{background:#fff2cf;color:#805b00}.badge-inactive,.badge-deleted,.badge-rejected,.badge-cancelled,.badge-overdue{background:#ffe2e2;color:#9b2929}.actions{display:flex;gap:6px;flex-wrap:wrap}.print-head{display:none}.line-items .row{display:grid;grid-template-columns:2fr .7fr 1fr 1fr auto;gap:8px;margin-bottom:8px}.mini{font-size:12px;color:var(--muted)}.right{text-align:right}.logo-preview{font-family:Georgia,serif;font-weight:900;font-size:34px;border:2px solid var(--gold);border-radius:50%;width:84px;height:84px;display:grid;place-items:center;color:var(--gold);background:#000}.detail-panel{margin-top:14px}.view-btn{margin-top:10px}.payment-help{background:#fbf8ee;border:1px solid var(--line);border-radius:14px;padding:10px;margin-top:10px}.payment-allocations{font-size:12px;color:var(--muted)}
/* Dashboard layout like reference */
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.dashboard-main{min-width:0}.dashboard-side{position:sticky;top:18px}.dashboard-tabs{display:grid;grid-template-columns:repeat(4,minmax(185px,1fr));gap:14px;margin-bottom:16px}.dash-tab{min-height:118px;background:linear-gradient(135deg,#050505 0%,#202020 58%,#4c3b0f 100%);border:1px solid var(--gold);border-radius:18px;color:#fff;padding:17px;display:grid;grid-template-columns:1fr auto;align-items:center;box-shadow:0 16px 34px rgba(0,0,0,.15);position:relative;overflow:hidden}.dash-tab:after{content:"";position:absolute;right:-45px;bottom:-55px;width:130px;height:130px;border-radius:50%;background:rgba(212,175,55,.22)}.dash-tab h3{margin:0 0 6px;font-size:15px;color:#fff}.dash-tab .dash-num{font-size:30px;font-weight:900;color:var(--gold);line-height:1}.dash-tab p{margin:4px 0 0;color:#f0e5c7;font-size:12px;line-height:1.25}.dash-tab .btn{position:relative;z-index:2;width:42px;height:42px;border-radius:50%;padding:0;font-size:18px;margin:0;background:rgba(212,175,55,.16);color:var(--gold)}.finance-tabs{display:grid;grid-template-columns:repeat(4,minmax(185px,1fr));gap:14px;margin:0 0 16px}.finance-tab{min-height:112px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:space-between}.finance-tab h4{margin:0 0 6px;font-size:14px;color:#000}.finance-tab .amount{font-size:22px;font-weight:900;color:#000}.finance-tab .btn{align-self:flex-start;margin-top:8px;padding:7px 13px;font-size:12px}.dashboard-section-title{display:flex;align-items:center;justify-content:space-between;margin:8px 0 10px}.dashboard-section-title h2{margin:0;font-size:21px;color:#000}.calendar-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 12px 30px rgba(0,0,0,.05)}.calendar-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.calendar-title h3{margin:0;font-size:17px;color:#000}.calendar-title .muted{font-size:12px}.mini-calendar{width:100%;border-collapse:separate;border-spacing:4px}.mini-calendar th{background:transparent;border:0;text-align:center;font-size:10px;color:var(--muted);padding:3px}.mini-calendar td{border:0;text-align:center;border-radius:8px;background:#f7f7f5;padding:6px 3px;font-size:11px;line-height:1.2}.mini-calendar td.today{background:#000;color:var(--gold);font-weight:900}.mini-calendar td.has-item{box-shadow:inset 0 -3px 0 var(--gold)}.reminder-compact{margin-top:10px}.reminder-compact h3{font-size:16px;margin:10px 0 8px}.reminder-compact .form-grid{grid-template-columns:1fr 1fr;gap:8px}.reminder-compact input,.reminder-compact select,.reminder-compact textarea{padding:8px;border-radius:9px;font-size:12px}.reminder-compact label{font-size:10px}.reminder-compact button{padding:8px 10px;border-radius:10px;font-size:12px}.task-list{display:flex;flex-direction:column;gap:7px;margin-top:10px;max-height:275px;overflow:auto}.task-item{border:1px solid var(--line);border-radius:12px;padding:9px;background:#fff}.task-item b{display:block;font-size:12px}.task-actions{display:flex;gap:6px;margin-top:7px}.task-actions button{padding:5px 8px;border-radius:8px;font-size:11px}.detail-panel h3{margin-top:0}
@media(max-width:1250px){.dashboard-grid{grid-template-columns:1fr}.dashboard-side{position:static}.dashboard-tabs,.finance-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-box{max-width:420px}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.form-grid{grid-template-columns:1fr 1fr}.span4{grid-column:span 2}}
@media(max-width:650px){.cards,.form-grid,.dashboard-tabs,.finance-tabs{grid-template-columns:1fr}.span2,.span4{grid-column:span 1}.line-items .row{grid-template-columns:1fr}.main{padding:14px}.topbar{align-items:flex-start;flex-direction:column}.dashboard-grid{grid-template-columns:1fr}.calendar-box{max-width:100%}}
@media print{.sidebar,.topbar,.tabs,.toolbar,.actions,.btn,button,.no-print{display:none!important}.app{display:block}.main{padding:0}.card,.form-card,.table-wrap{box-shadow:none;border:0}.print-head{display:block;text-align:center;border-bottom:3px solid var(--gold);padding-bottom:12px;margin-bottom:12px}body{background:#fff}.table-wrap{overflow:visible}}
.settings-preview{width:110px;height:78px;object-fit:cover;border:1px solid var(--line);border-radius:12px;background:#f7f7f7;display:block}
.span3{grid-column:span 3}
.form-card h3{margin:8px 0 4px;color:#000}
@media(max-width:1000px){.span3{grid-column:span 2}}
@media(max-width:650px){.span3{grid-column:span 1}.settings-preview{width:100%;height:150px}}

/* Keep admin thumbnails/previews inside fixed frames without stretching. */
.thumb,.settings-preview{object-fit:contain;object-position:center;background:#faf7ee;display:block}


/* 2026-06-20 Humaira Ahsan gold wordmark logo update */
.login-wordmark-img{display:block;width:min(320px,82vw);height:auto;max-height:96px;object-fit:contain;margin:0 auto 14px;background:#050505;border-radius:12px;padding:8px;}
.side-brand{justify-content:center;margin-bottom:22px;}
.side-wordmark-img{display:block;width:100%;max-width:210px;height:auto;max-height:72px;object-fit:contain;background:transparent;}
.sidebar .brand-mark,.login-card>.brand-mark{display:none;}
.logo-preview{width:100%;height:auto;min-height:86px;border:1px solid var(--line);border-radius:16px;background:#050505;padding:10px;display:flex;align-items:center;justify-content:center;}
.logo-preview img{display:block;max-width:420px;width:100%;height:auto;max-height:90px;object-fit:contain;background:transparent;}
@media(max-width:1000px){.side-brand{justify-content:flex-start}.side-wordmark-img{max-width:230px}}

/* 2026-06-20 brighter Humaira Ahsan wordmark */
.side-wordmark-img,.login-wordmark-img,.logo-preview img{filter:brightness(1.25) saturate(1.18) drop-shadow(0 0 9px rgba(212,175,55,.42));}
.side-wordmark-img{max-width:228px;max-height:86px;}
.login-wordmark-img{max-height:112px;background:#050505;}

/* 2026-07-19 bank accounts and printable vouchers */
.checkbox-card{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fbf8ee;font-size:13px}.checkbox-card input{width:auto;margin-top:2px}.visibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0}.visibility-option{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.visibility-option.main-category{background:#fbf8ee}.visibility-option input{width:auto}.voucher-page{background:#ece9df;padding:26px}.voucher-actions{max-width:920px;margin:0 auto 12px;display:flex;justify-content:flex-end;gap:8px}.voucher-sheet{max-width:920px;margin:0 auto;background:#fff;border:1px solid #d9cfad;box-shadow:0 18px 55px rgba(0,0,0,.12);padding:34px;border-radius:18px}.voucher-header{display:grid;grid-template-columns:150px 1fr auto;gap:20px;align-items:center;border-bottom:4px solid var(--gold);padding-bottom:18px}.voucher-logo{background:#050505;border-radius:12px;padding:8px;min-height:76px;display:grid;place-items:center}.voucher-logo img{max-width:135px;max-height:68px;object-fit:contain}.voucher-business h1{margin:0 0 6px;font-size:26px}.voucher-business p{margin:0;color:var(--muted);line-height:1.5}.voucher-title{text-align:right}.voucher-title span{display:block;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-dark);font-weight:900}.voucher-title b{display:block;font-size:20px;margin-top:5px}.voucher-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.voucher-meta>div,.voucher-party,.voucher-bank,.voucher-narration,.voucher-allocation{border:1px solid var(--line);border-radius:14px;padding:14px}.voucher-meta span,.voucher-party>span,.voucher-bank>span,.voucher-narration>span,.voucher-allocation>span,.voucher-amount-row span,.voucher-signatures span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:800;margin-bottom:5px}.voucher-party h2{margin:0 0 5px}.voucher-party p,.voucher-bank p,.voucher-narration p{margin:0;color:#333;line-height:1.55}.voucher-amount-row{display:grid;grid-template-columns:220px 1fr;gap:12px;margin:12px 0}.voucher-amount-row>div{border:1px solid var(--line);border-radius:14px;padding:16px}.voucher-amount-row strong{font-size:28px;color:#000}.voucher-bank,.voucher-narration,.voucher-allocation{margin-top:12px}.voucher-allocation table{margin-top:8px}.voucher-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}.voucher-signatures>div{border-top:1px solid #222;padding-top:8px;text-align:center}.voucher-signatures b{display:block;min-height:18px}.badge-receipt{background:#e7f4ee;color:#24714e}.badge-payment{background:#fff2cf;color:#805b00}
@media(max-width:800px){.visibility-grid{grid-template-columns:1fr 1fr}.voucher-page{padding:10px}.voucher-sheet{padding:20px}.voucher-header{grid-template-columns:1fr;text-align:center}.voucher-title{text-align:center}.voucher-logo{max-width:190px;margin:auto}.voucher-meta,.voucher-amount-row,.voucher-signatures{grid-template-columns:1fr}.voucher-signatures{gap:40px}}
@media(max-width:520px){.visibility-grid{grid-template-columns:1fr}}
@media print{.voucher-page{background:#fff;padding:0}.voucher-sheet{max-width:none;border:0;box-shadow:none;border-radius:0;padding:12mm}.voucher-actions{display:none!important}.voucher-header{grid-template-columns:130px 1fr auto}.voucher-signatures{grid-template-columns:repeat(3,1fr)}}

/* 2026-07-19 complete category catalog controls */
.catalog-load-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 14px;padding:12px;border:1px dashed var(--gold);border-radius:14px;background:#fffaf0}
.visibility-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 4px}
.visibility-tools button,.catalog-load-form button{width:auto}
@media(max-width:600px){.visibility-tools button,.catalog-load-form button{width:100%}}


/* 2026-07-19 simpler category workflow and redesigned management login */
.category-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.category-card-head h3{margin:0 0 6px}.catalog-load-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compact-category-form{display:grid;grid-template-columns:1.35fr 1fr auto;gap:12px;align-items:end}.category-form-action{display:flex;align-items:flex-end}.category-form-action button{min-height:42px}.category-picker-card{background:linear-gradient(135deg,#fff,#fbf8ee)}
.admin-login-page{margin:0;background:#f4f0e4}.admin-auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.admin-auth-brand-panel{position:relative;display:flex;align-items:flex-end;padding:64px;background:radial-gradient(circle at 70% 20%,rgba(212,175,55,.25),transparent 30%),linear-gradient(145deg,#050505,#181818 60%,#080808);overflow:hidden}.admin-auth-brand-panel:before{content:"";position:absolute;inset:22px;border:1px solid rgba(212,175,55,.4);border-radius:28px}.admin-auth-brand-content{position:relative;z-index:2;max-width:580px;color:#fff}.admin-auth-brand-content img{display:block;width:min(480px,80%);height:auto;max-height:120px;object-fit:contain;object-position:left;margin-bottom:36px;filter:brightness(1.2) saturate(1.2) drop-shadow(0 0 16px rgba(212,175,55,.35))}.admin-auth-eyebrow,.admin-auth-kicker{display:block;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:14px}.admin-auth-brand-content h1{font-family:Georgia,serif;font-size:48px;line-height:1.08;margin:0 0 18px}.admin-auth-brand-content p{font-size:17px;line-height:1.7;color:#ddd2b5}.admin-auth-form-panel{display:grid;place-items:center;padding:48px}.admin-login-card{width:min(470px,100%);background:#fff;border:1px solid #ded4b3;border-radius:30px;padding:42px;box-shadow:0 25px 75px rgba(0,0,0,.13)}.admin-login-card h2{font-family:Georgia,serif;font-size:34px;line-height:1.15;margin:0 0 8px}.admin-login-field{margin-top:18px}.admin-login-field label{display:block;margin-bottom:7px;font-size:13px}.admin-login-field input{min-height:50px;background:#fcfbf6;border-color:#d9d0b8}.admin-login-field input:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 4px rgba(212,175,55,.14)}.admin-password-wrap{position:relative}.admin-password-wrap input{padding-right:72px}.admin-password-wrap button{position:absolute;right:7px;top:7px;bottom:7px;padding:0 12px;background:#eee8d5;border:0;color:#3b3219}.admin-login-button{width:100%;min-height:52px;margin-top:24px;border-radius:14px;font-size:15px}.admin-login-error{padding:13px 15px;margin-top:18px;border-radius:12px;background:#fff0f0;color:#9b2929;border:1px solid #f2c9c9;font-weight:700}.admin-back-store{display:block;text-align:center;margin-top:20px;color:#765d13;font-size:13px;font-weight:800}
@media(max-width:900px){.compact-category-form{grid-template-columns:1fr 1fr}.category-form-action{grid-column:span 2}.category-card-head{flex-direction:column}.admin-auth-shell{grid-template-columns:1fr}.admin-auth-brand-panel{min-height:360px;padding:48px}.admin-auth-brand-content h1{font-size:38px}.admin-auth-form-panel{padding:35px 20px}}
@media(max-width:560px){.compact-category-form{grid-template-columns:1fr}.category-form-action{grid-column:auto}.admin-auth-brand-panel{min-height:300px;padding:36px 28px}.admin-auth-brand-panel:before{inset:12px}.admin-auth-brand-content h1{font-size:31px}.admin-auth-brand-content img{margin-bottom:20px}.admin-auth-form-panel{padding:24px 14px}.admin-login-card{padding:30px 22px;border-radius:24px}}

/* Website-account marker in Customer register */
.badge.green{background:#e7f4ee;color:#24714e}.table-wrap td hr{border:0;border-top:1px solid var(--line);margin:8px 0}

/* 2026-07-19 operations, customized orders, costing and management update */
.eyebrow{display:block;color:var(--gold-dark);font-size:11px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:6px}.section-inline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.section-inline h2,.section-inline h3{margin:0}.full-width{width:100%;margin-top:10px}.one-col{grid-template-columns:1fr}.one-col .span2,.one-col .span3,.one-col .span4{grid-column:span 1}.model-explainer{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.model-explainer>div{background:linear-gradient(135deg,#050505,#242018);border:1px solid var(--gold);border-radius:18px;padding:18px;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.12)}.model-explainer h3{color:var(--gold);margin:0 0 7px}.model-explainer p{margin:0;color:#eee2c3;line-height:1.55;font-size:13px}.form-card details,.form-card summary{cursor:pointer}.form-card>summary{list-style:none;padding:4px 0 14px;font-size:17px}.form-card>summary::-webkit-details-marker{display:none}.form-card>summary:after{content:'+';float:right;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#000;color:var(--gold)}.form-card[open]>summary:after{content:'–'}.order-hero,.customer-profile-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-left:5px solid var(--gold);margin-bottom:16px}.order-hero h2,.customer-profile-hero h2{margin:0 0 8px}.order-hero p,.customer-profile-hero p{margin:0;line-height:1.6}.order-status-stack{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.detail-two-col{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:16px;align-items:start}.detail-two-col>aside{display:flex;flex-direction:column;gap:16px}.detail-two-col>.card,.detail-two-col>div>.card{margin-bottom:16px}.order-money-summary{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:14px}.order-money-summary span{background:#fbf8ee;border:1px solid var(--line);border-radius:12px;padding:10px 13px;font-size:12px}.order-money-summary b{display:block;font-size:17px;margin-top:3px}.measurement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.measurement-grid.large{grid-template-columns:repeat(5,minmax(0,1fr))}.measurement-grid>div{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fbfaf6}.measurement-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.measurement-grid b{display:block;font-size:17px;margin-top:4px}.measurement-editor{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}.measurement-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border:1px solid var(--line);background:#fbf8ee;padding:14px;border-radius:16px}.measurement-quick-grid h4{grid-column:1/-1;margin:0}.cost-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.cost-cards>div{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff}.cost-cards span{display:block;color:var(--muted);font-size:11px}.cost-cards b{display:block;font-size:20px;margin-top:5px}.cost-cards .total{background:#050505;color:#fff;border-color:#050505}.cost-cards .total span{color:#e9dba9}.cost-cards .total b{color:var(--gold)}.cost-cards .profit{background:#edf8f1;border-color:#b9dfc7}.cost-cards .profit b{color:#176c43}.status-list{display:flex;flex-direction:column;gap:8px}.status-list>div{border-left:3px solid var(--gold);padding:8px 10px;background:#fbfaf6;border-radius:0 10px 10px 0}.status-list b,.status-list span,.status-list small{display:block}.status-list span,.status-list small{font-size:11px;color:var(--muted);margin-top:3px}.purchase-lines,.quote-lines{display:flex;flex-direction:column;gap:8px}.purchase-row{display:grid;grid-template-columns:1.3fr .8fr 1.5fr .5fr .7fr auto;gap:8px}.quote-row{display:grid;grid-template-columns:2fr .45fr .75fr auto;gap:8px}.job-card-sheet,.quotation-sheet,.measurement-sheet{background:#fff;border:1px solid #d9cfad;border-radius:20px;padding:28px;box-shadow:0 15px 40px rgba(0,0,0,.08);margin-bottom:18px}.job-meta,.quote-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.job-meta>div,.quote-meta>div{border:1px solid var(--line);border-radius:14px;padding:13px}.job-meta span,.quote-meta span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.job-meta b,.quote-meta b{display:block;margin:5px 0}.job-meta small,.quote-meta small{display:block;color:var(--muted)}.job-instructions,.quote-note{border:1px solid var(--line);border-radius:14px;padding:15px;margin:12px 0;background:#fbfaf6}.job-instructions h3{margin:4px 0 7px}.quote-total{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:16px 0}.quote-total span{border:1px solid var(--line);border-radius:12px;padding:10px 13px}.quote-total b{display:block;margin-top:4px}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.dashboard-kpis a{background:linear-gradient(135deg,#050505,#272116);border:1px solid var(--gold);border-radius:17px;padding:16px;color:#fff;min-height:100px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 25px rgba(0,0,0,.1)}.dashboard-kpis span{font-size:12px;color:#eadba7}.dashboard-kpis b{font-size:30px;color:var(--gold)}.management-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:16px}.management-grid>div,.management-grid>aside{display:flex;flex-direction:column;gap:16px}.needs-attention{border:1px solid #d2b349;background:linear-gradient(135deg,#fffdf5,#fff)}.attention-list{display:flex;flex-direction:column;gap:8px}.attention-list a{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff}.attention-list a>span{font-size:11px;font-weight:900;color:#8a6500;text-transform:uppercase}.attention-list small{color:var(--muted)}.finance-summary>div,.ledger-mini{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.finance-summary .profit{background:#edf8f1;margin:8px -8px;padding:12px 8px;border-radius:10px}.quick-actions{display:flex;flex-direction:column}.quick-actions a{padding:11px 0;border-bottom:1px solid var(--line);font-weight:800}.profile-mini{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:12px;padding:11px;margin-bottom:8px}.profile-mini span{font-size:11px;color:var(--muted)}.review-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.review-admin-card h3{margin:6px 0}.attention-row td{background:#fff9e8}.badge-ready,.badge-customized,.badge-final-product,.badge-order-purchase,.badge-website-account{background:#e7f4ee;color:#24714e}.badge-payable,.badge-requested,.badge-sent,.badge-draft,.badge-dispatched,.badge-in-transit{background:#fff2cf;color:#805b00}.badge-software-only,.badge-pending,.badge-preparing,.badge-ready-for-dispatch{background:#f0f0ee;color:#555}.badge-accepted,.badge-converted,.badge-confirmed,.badge-quality-check,.badge-received{background:#e7f4ee;color:#24714e}.badge-returned,.badge-returned-for-correction,.badge-expired{background:#ffe2e2;color:#9b2929}
@media(max-width:1150px){.dashboard-kpis{grid-template-columns:repeat(3,1fr)}.measurement-grid.large{grid-template-columns:repeat(4,1fr)}.job-meta,.quote-meta{grid-template-columns:repeat(2,1fr)}.purchase-row{grid-template-columns:1fr 1fr 1fr}.purchase-row button{grid-column:3}.detail-two-col,.management-grid{grid-template-columns:1fr}.review-admin-list{grid-template-columns:1fr}}
@media(max-width:760px){.model-explainer,.dashboard-kpis{grid-template-columns:1fr 1fr}.measurement-grid,.measurement-grid.large,.measurement-quick-grid,.cost-cards{grid-template-columns:1fr 1fr}.purchase-row,.quote-row{grid-template-columns:1fr}.purchase-row button{grid-column:auto}.order-hero,.customer-profile-hero,.section-inline{flex-direction:column}.order-status-stack{justify-content:flex-start}.attention-list a{grid-template-columns:1fr}.job-card-sheet,.quotation-sheet,.measurement-sheet{padding:18px}.review-admin-card .form-grid{grid-template-columns:1fr}}
@media(max-width:520px){.model-explainer,.dashboard-kpis,.measurement-grid,.measurement-grid.large,.measurement-quick-grid,.cost-cards,.job-meta,.quote-meta{grid-template-columns:1fr}.order-money-summary,.quote-total{justify-content:stretch}.order-money-summary span,.quote-total span{width:100%}}
@media print{.job-card-sheet,.quotation-sheet,.measurement-sheet,.order-hero{box-shadow:none;border-color:#aaa}.detail-two-col{display:block}.detail-two-col aside{display:none}.measurement-grid{grid-template-columns:repeat(4,1fr)}.cost-cards{grid-template-columns:repeat(3,1fr)}}
.update-check-list{display:grid;gap:8px;margin:16px 0;text-align:left}.update-check-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(212,175,55,.22);border-radius:10px;background:#fff}


/* 2026-07-19 expandable workflow menu and order cancellation */
.workflow-menu{gap:8px}
.workflow-menu>a.menu-dashboard{font-weight:800;border-color:rgba(212,175,55,.3)}
.menu-section{border:1px solid rgba(212,175,55,.15);border-radius:14px;background:rgba(255,255,255,.02);overflow:hidden}
.menu-section>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;cursor:pointer;color:#d7cba8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.85px;user-select:none}
.menu-section>summary::-webkit-details-marker{display:none}
.menu-section>summary b{font-size:16px;color:var(--gold);transition:transform .18s ease}
.menu-section[open]>summary{background:rgba(212,175,55,.11);color:var(--gold);border-bottom:1px solid rgba(212,175,55,.18)}
.menu-section[open]>summary b{transform:rotate(180deg)}
.menu-section-links{display:flex;flex-direction:column;gap:5px;padding:7px}
.menu-section-links a{border:0;border-radius:10px;background:transparent;padding:10px 11px;color:#f5ecd2;font-size:13px}
.menu-section-links a:hover,.menu-section-links a.active{background:rgba(212,175,55,.2);color:var(--gold);border:0}
.menu-system-links{display:flex;flex-direction:column;gap:7px;margin-top:5px;padding-top:10px;border-top:1px solid rgba(212,175,55,.18)}
.cancel-order-card{border:1px solid #e6b0b0;background:linear-gradient(135deg,#fff5f5,#fff)}
.cancel-order-card h3{color:#9b2929}.cancel-order-card p{color:#7c4a4a;line-height:1.5}
.cancelled-admin-banner{border:1px solid #e6a7a7;border-left:6px solid var(--red);background:#fff2f2;color:#842222;border-radius:16px;padding:15px 17px;margin-bottom:16px}
.cancelled-admin-banner h3{margin:0 0 5px}.cancelled-admin-banner p{margin:0;line-height:1.5}
.badge-refund-pending{background:#fff2cf;color:#805b00}
.badge-cancelled{background:#ffe2e2;color:#9b2929}
@media(max-width:760px){.menu-section>summary{padding:10px}.menu-section-links a{padding:9px 10px}}

/* 2026-07-20 automatic picture fitting in management screens */
.thumb,
.settings-preview,
.voucher-logo img,
.logo-preview img,
.login-wordmark-img,
.side-wordmark-img,
.admin-auth-brand-content img{
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}
.thumb,
.settings-preview{
  padding:3px;
  background:#faf7ee !important;
}

/* 2026-07-20 bulk category and subcategory deletion */
.bulk-category-delete-card{border-color:#e2cf8b;background:linear-gradient(180deg,#fff,#fffdf6)}
.bulk-delete-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}
.bulk-delete-heading h3{margin:0 0 6px}
.bulk-delete-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.bulk-delete-tools button{padding:9px 12px;font-size:12px}
.bulk-category-list{display:grid;gap:13px}
.bulk-category-group{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.bulk-delete-check{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;cursor:pointer}
.bulk-delete-check input{width:19px;height:19px;flex:0 0 19px;margin:2px 0 0;accent-color:#b91c1c}
.bulk-main-check{background:#fbf8ee;border-bottom:1px solid var(--line)}
.bulk-check-copy{display:grid;gap:3px;line-height:1.25}
.bulk-check-copy b{font-size:14px;color:#111}
.bulk-check-copy small{font-size:11px;color:var(--muted)}
.bulk-subcategory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.bulk-sub-check{border-right:1px solid #eee9da;border-bottom:1px solid #eee9da;min-width:0}
.bulk-sub-check:nth-child(3n){border-right:0}
.bulk-sub-check:hover,.bulk-main-check:hover{background:#fff8df}
.bulk-delete-check:has(input:disabled){opacity:.45;cursor:not-allowed;background:#f5f5f5}
.bulk-no-subs{padding:12px 14px;margin:0}
.bulk-delete-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}
.bulk-delete-footer span{font-weight:800;color:#675112}
@media(max-width:1000px){.bulk-subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-sub-check:nth-child(3n){border-right:1px solid #eee9da}.bulk-sub-check:nth-child(2n){border-right:0}}
@media(max-width:720px){.bulk-delete-heading{flex-direction:column}.bulk-delete-tools{justify-content:flex-start}.bulk-subcategory-grid{grid-template-columns:1fr}.bulk-sub-check,.bulk-sub-check:nth-child(2n),.bulk-sub-check:nth-child(3n){border-right:0}.bulk-delete-footer{align-items:stretch;flex-direction:column}.bulk-delete-footer button{width:100%}}


/* 2026-07-21 page-wise website settings */
.pagewise-settings-card>h3{margin-top:0}
.pagewise-settings-form{display:block}
.settings-page-section{
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fbf8ee);
  margin:14px 0;
  overflow:hidden;
}
.settings-page-section>summary{
  list-style:none;
  cursor:pointer;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.settings-page-section>summary::-webkit-details-marker{display:none}
.settings-page-section>summary span{
  font-weight:900;
  font-size:18px;
  color:#000;
}
.settings-page-section>summary small{
  color:#766f61;
  font-size:12px;
  font-weight:600;
  text-align:right;
}
.settings-page-section>summary:after{
  content:'+';
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#050505;
  color:var(--gold);
  font-weight:900;
}
.settings-page-section[open]>summary:after{content:'–'}
.settings-page-section .form-grid{
  padding:18px;
}
.settings-subtitle{
  padding:10px 12px;
  border-left:4px solid var(--gold);
  border-radius:12px;
  background:#fff;
  font-weight:900;
  color:#111;
  margin-top:6px;
}
.settings-save-bar{
  position:sticky;
  bottom:12px;
  z-index:5;
  margin-top:18px;
  padding:14px;
  border:1px solid var(--gold);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 42px rgba(0,0,0,.12);
  text-align:right;
}
.settings-save-bar button{min-width:260px}
@media(max-width:1000px){
  .settings-page-section .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-page-section .span3,.settings-page-section .span4{grid-column:span 2}
}
@media(max-width:650px){
  .settings-page-section>summary{align-items:flex-start;flex-direction:column}
  .settings-page-section>summary small{text-align:left}
  .settings-page-section .form-grid{grid-template-columns:1fr}
  .settings-page-section .span2,.settings-page-section .span3,.settings-page-section .span4{grid-column:span 1}
  .settings-save-bar{text-align:stretch}
  .settings-save-bar button{width:100%;min-width:0}
}

.settings-info-box{
  border:1px solid var(--gold);
  border-radius:16px;
  padding:14px 16px;
  background:linear-gradient(135deg,#050505,#251f13);
  color:#fff;
}
.settings-info-box h4{margin:0 0 6px;color:var(--gold)}
.settings-info-box p{margin:0;color:#f3ead0;line-height:1.55}

.admin-review-gallery{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.admin-review-gallery img{width:100px;height:132px;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#f8f5ec}

/* 2026-07-22 management users, credentials and permissions */
.permission-readonly{margin:-4px 0 16px;padding:12px 15px;border:1px solid #e2c96b;border-radius:14px;background:#fff8df;color:#5d4700;line-height:1.5}
.permission-form-disabled{opacity:.62;filter:grayscale(.2)}
.permission-form-disabled:after{content:'View-only';display:inline-flex;margin-top:8px;padding:5px 9px;border-radius:999px;background:#f1ead2;color:#5d4700;font-size:11px;font-weight:900}
.account-security-card{max-width:980px}
.user-permission-card{padding:20px}
.user-permission-tools{display:flex;gap:8px;align-items:end;justify-content:flex-end;flex-wrap:wrap}
.user-permission-tools .btn{width:auto}
.permission-matrix{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;margin-top:4px}
.permission-row{display:grid;grid-template-columns:minmax(280px,1fr) 120px 120px;align-items:center;border-bottom:1px solid var(--line)}
.permission-row:last-child{border-bottom:0}
.permission-row>div{padding:12px 14px;min-width:0}
.permission-row>div+div{border-left:1px solid var(--line);text-align:center}
.permission-heading{background:#050505;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}
.permission-heading>div+div{border-left-color:rgba(255,255,255,.18)}
.permission-group-title{padding:9px 14px;background:#fbf8ee;border-bottom:1px solid var(--line);font-size:12px;font-weight:900;color:#6b5200;text-transform:uppercase;letter-spacing:.6px}
.permission-row b{display:block;color:#111}
.permission-row small{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:4px}
.permission-check{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
.permission-check input{width:18px;height:18px;accent-color:#000}
.permission-check span{font-size:12px;font-weight:800}
.permissions-disabled{opacity:.48;pointer-events:none;position:relative}
.permissions-disabled:before{content:'Administrator has full access automatically';position:absolute;z-index:2;top:12px;right:12px;background:#050505;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}
.badge-admin{background:#050505;color:var(--gold)}
.badge-manager{background:#e8eefb;color:#274c8f}
@media(max-width:820px){
  .permission-row{grid-template-columns:minmax(180px,1fr) 82px 82px}
  .permission-row>div{padding:10px 9px}
  .user-permission-tools{justify-content:flex-start;align-items:center}
}
@media(max-width:560px){
  .permission-row{grid-template-columns:1fr 72px 72px}
  .permission-row small{display:none}
  .permission-check span{display:none}
  .permissions-disabled:before{position:static;display:block;margin:10px}
}