:root{--navy:#0b1324;--navy2:#121d33;--gold:#c99b45;--gold2:#e2bf75;--ink:#172033;--muted:#7d8798;--line:#e8ebf0;--bg:#f4f6f9;--white:#fff;--shadow:0 12px 35px rgba(22,32,51,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,system-ui,-apple-system,Segoe UI,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 0,rgba(201,155,69,.08),transparent 28%);z-index:-1}
aside{position:fixed;inset:0 auto 0 0;width:258px;background:linear-gradient(180deg,#0a1221,#111c31);color:#cbd5e1;padding:22px 16px;display:flex;flex-direction:column;z-index:30;box-shadow:12px 0 40px rgba(5,10,20,.08)}.logo{height:88px;margin:0 8px 26px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:18px}.logo img{display:block;width:100%;max-width:205px;max-height:64px;height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 7px 13px rgba(0,0,0,.22))}aside a{position:relative;color:#9eabc0;text-decoration:none;padding:12px 13px;border-radius:12px;margin:3px 0;display:flex;gap:12px;align-items:center;font-weight:600;transition:all .22s ease;overflow:hidden}aside a:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;border-radius:4px;background:var(--gold);transform:scaleY(0);transition:.22s}aside a:hover{color:#fff;background:rgba(255,255,255,.055);transform:translateX(3px)}aside a.active{color:#fff;background:linear-gradient(90deg,rgba(201,155,69,.18),rgba(255,255,255,.045));box-shadow:inset 0 0 0 1px rgba(201,155,69,.12)}aside a.active:before{transform:scaleY(1)}.nav-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.055);color:#c4a25d;transition:.22s}aside a:hover .nav-icon,aside a.active .nav-icon{background:rgba(201,155,69,.16);color:#f1ce86}.side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}
main{margin-left:258px;min-height:100vh}header{height:86px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:20}header h2{margin:0;font-size:21px;font-weight:800;letter-spacing:-.4px}header p,.panel-head p{margin:4px 0 0;color:#8b94a5;font-size:12px}.admin-chip{margin-left:auto;display:flex;align-items:center;gap:10px;padding:7px 10px 7px 7px;border:1px solid var(--line);border-radius:13px;background:#fff}.avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#17233a,#0b1324);color:var(--gold2);font-size:14px}.admin-copy{display:grid;gap:2px}.admin-copy b{font-size:12px}.admin-copy small{font-size:10px;color:#8b94a5}.menu{display:none}.content{padding:28px 32px;animation:fadeUp .45s ease both}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.card,.panel{background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.card{padding:20px;position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;animation:fadeUp .45s ease both}.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.12s}.card:nth-child(4){animation-delay:.18s}.card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;bottom:-45px;background:rgba(201,155,69,.08)}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(22,32,51,.11)}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f7f0e3;color:#9c742d;font-size:16px}.trend{font-size:11px;color:#a7afbc}.card small{color:#7b8495;font-weight:600}.card strong{display:block;font-size:30px;margin:8px 0 7px;letter-spacing:-1px}.card em{font-style:normal;color:#9aa2b0;font-size:11px}.panel{overflow:hidden;animation:fadeUp .48s ease both}.panel-head{padding:19px 21px;border-bottom:1px solid #edf0f3;display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-head h3{margin:0;font-size:15px}.link{color:#9a722f;text-decoration:none;font-weight:700;font-size:12px}.grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:20px}.form{padding:22px}.form label,.login-card label{display:block;font-weight:700;font-size:11px;margin:0 0 7px;color:#4e5869}.form input,.form select,.form textarea,.search,.filters input,.filters select,.login-card input{width:100%;border:1px solid #dfe3e9;border-radius:10px;background:#fff;padding:11px 12px;margin:0 0 16px;outline:none;transition:border .2s,box-shadow .2s,transform .2s}.form input:focus,.form select:focus,.form textarea:focus,.login-card input:focus{border-color:#c59a4b;box-shadow:0 0 0 4px rgba(201,155,69,.12)}.form textarea{min-height:72px;resize:vertical}.form button,.filters button,.login-card button{border:0;background:linear-gradient(135deg,#c79a48,#a8792f);color:#fff;padding:12px 18px;border-radius:10px;font-weight:800;cursor:pointer;width:100%;box-shadow:0 7px 18px rgba(169,121,47,.18);transition:transform .2s,box-shadow .2s}.form button:hover,.filters button:hover,.login-card button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(169,121,47,.27)}.form button.dark{background:linear-gradient(135deg,#17233a,#0c1425)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid #edf0f3}th{background:#fafbfc;color:#747e8f;font-size:10px;text-transform:uppercase;letter-spacing:.65px}td{font-size:13px}tbody tr{transition:background .18s}tbody tr:hover{background:#fcfaf6}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:800}.badge.in{background:#e6f6ef;color:#157a55}.badge.out{background:#fff0e5;color:#b85d21}.empty{text-align:center;color:#8b94a5;padding:35px}.search{max-width:220px;margin:0}.actions{display:flex;gap:12px;align-items:center}.actions a,.text-btn{border:0;background:none;color:#8a6728;padding:0;text-decoration:none;cursor:pointer;font:inherit;font-weight:600}.actions form{margin:0}.filters{display:flex;gap:8px;align-items:center}.filters input,.filters select{margin:0;width:auto}.filters button{width:auto;padding:10px 16px}.alert{padding:12px 16px;border-radius:10px;margin-bottom:18px;background:#e8f6ef;color:#176a4e;animation:slideDown .3s ease}.alert.bad{background:#fff0ed;color:#a84235}
.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#26344b,#0a101b 66%);position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.login-page:before{width:420px;height:420px;background:rgba(201,155,69,.08);top:-220px;right:-100px}.login-page:after{width:320px;height:320px;border:1px solid rgba(201,155,69,.12);bottom:-170px;left:-80px}.login-card{width:min(410px,92vw);background:rgba(255,255,255,.98);padding:30px 36px 36px;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.38);position:relative;z-index:2;animation:loginIn .55s cubic-bezier(.2,.8,.2,1) both}.login-logo{display:block;width:min(275px,100%);height:auto;max-height:115px;object-fit:contain;margin:0 auto 22px;filter:drop-shadow(0 7px 9px rgba(0,0,0,.12))}.login-card label{margin:12px 0 6px}.input-icon{position:relative}.input-icon i{position:absolute;left:13px;top:13px;color:#9a7a43;z-index:2}.login-card .input-icon input{padding-left:38px;margin-bottom:6px}.login-card button{margin-top:18px}.login-card button i{margin-right:7px}.password-hint{color:#8b94a5;font-size:12px;margin:12px 0 0}.settings-grid{grid-template-columns:minmax(300px,460px)}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes loginIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:1100px){.cards{grid-template-columns:1fr 1fr}}
@media(max-width:950px){.grid{grid-template-columns:1fr}aside{transform:translateX(-100%);transition:transform .25s ease}body.open aside{transform:none;box-shadow:20px 0 70px rgba(0,0,0,.25)}main{margin-left:0}.menu{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:16px;color:#273249}.content{padding:20px}header{padding:0 20px}.admin-copy{display:none}}
@media(max-width:560px){.cards{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-direction:column}.filters{width:100%;flex-direction:column;align-items:stretch}.filters input,.filters select{width:100%}.two{grid-template-columns:1fr}.content{padding:14px}header{height:76px}.logo img{max-width:185px}.login-card{padding:26px 22px 30px}.login-logo{max-height:95px;width:min(235px,100%)}}

/* Self-contained SVG icons: no internet/CDN required */
.ico{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.stat-icon .ico{width:20px;height:20px}.trend .ico{width:15px;height:15px}.avatar .ico{width:18px;height:18px}.menu .ico{width:20px;height:20px}.input-icon .ico{position:absolute;left:13px;top:12px;width:18px;height:18px;color:#9a7a43;z-index:2}.login-card button .ico{display:inline-block;vertical-align:-4px;margin-right:7px;width:17px;height:17px}
/* More visible premium motion */
.card{animation:cardEnter .55s cubic-bezier(.2,.8,.2,1) both}.card:nth-child(2){animation-delay:.09s}.card:nth-child(3){animation-delay:.18s}.card:nth-child(4){animation-delay:.27s}.stat-icon{animation:iconPop .55s cubic-bezier(.2,.9,.25,1.25) both}.card:hover .stat-icon{transform:rotate(-5deg) scale(1.08)}.nav-icon .ico{transition:transform .25s ease}aside a:hover .nav-icon .ico{transform:scale(1.12)}@keyframes cardEnter{from{opacity:0;transform:translateY(20px) scale(.975)}to{opacity:1;transform:none}}@keyframes iconPop{from{opacity:0;transform:scale(.65) rotate(-8deg)}to{opacity:1;transform:none}}
/* Daily Cash Register */
.cash-toolbar{margin-bottom:18px}.cash-toolbar .filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.cash-toolbar label{font-size:12px;font-weight:700;color:#667085}.cash-grid{margin-top:18px}.cash-cards strong{font-size:27px}.badge.in{background:#e8f8ef;color:#137a45}.badge.out{background:#fff0ed;color:#b9382f}tfoot th{background:#f8f7f2;font-weight:800}.cash-grid .panel{min-width:0}
@media print{aside,header,.cash-toolbar button,.cash-grid,.actions,td form{display:none!important}main{margin:0!important}.content{padding:0!important}.panel,.card{box-shadow:none!important;border:1px solid #ddd!important}.cards{grid-template-columns:repeat(4,1fr)!important}}

/* Highly visible Cash Register quick action */
.cash-quick{margin:18px 0 4px}.cash-quick-btn{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:#0b1b30;color:#fff;text-decoration:none;border:1px solid rgba(212,175,55,.45);box-shadow:0 8px 24px rgba(11,27,48,.16);transition:.22s transform,.22s box-shadow}.cash-quick-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(11,27,48,.22)}.cash-quick-btn svg{width:28px;height:28px;color:#d4af37}.cash-quick-btn span{display:flex;flex-direction:column}.cash-quick-btn small{opacity:.75;margin-top:2px}

/* Cash Register date selector — improved label/date visibility */
.cash-toolbar{overflow:visible;padding:0}
.cash-toolbar .filters{padding:16px 18px;align-items:center;gap:12px}
.cash-toolbar .filters label{display:block;flex:0 0 auto;margin:0;color:#344054;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;letter-spacing:.01em}
.cash-toolbar .filters input[type="date"]{height:42px;min-width:170px;margin:0;padding:9px 12px;border:1px solid #d7dce3;border-radius:10px;background:#fff;color:#172033;font-size:13px;font-weight:650;line-height:1.2;box-shadow:0 1px 2px rgba(16,24,40,.03)}
.cash-toolbar .filters input[type="date"]:focus{border-color:#c59a4b;box-shadow:0 0 0 4px rgba(201,155,69,.12)}
.cash-toolbar .filters button{height:42px;margin-left:auto;white-space:nowrap}
@media(max-width:560px){.cash-toolbar .filters{display:grid;grid-template-columns:1fr;padding:14px}.cash-toolbar .filters label{margin-bottom:-4px}.cash-toolbar .filters input[type="date"],.cash-toolbar .filters button{width:100%;min-width:0;margin-left:0}}

/* Customer Cash Ledger */
.ledger-toolbar{margin-bottom:18px;padding:16px 18px;overflow:visible}.ledger-toolbar .filters{flex-wrap:wrap}.ledger-toolbar .filters label{font-size:11px;font-weight:800;color:#4e5869}.ledger-toolbar select{min-width:230px}.ledger-toolbar input[type=date]{min-width:145px}.dark-print{background:linear-gradient(135deg,#17233a,#0c1425)!important}.ledger-empty{padding:38px;text-align:center}.ledger-empty p,.ledger-customer p{color:#7b8495}.ledger-customer{padding:18px 22px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.ledger-customer h3{margin:0 0 5px}.ledger-customer p{margin:0;font-size:12px}.ledger-balance{padding:10px 14px;border-radius:12px;font-size:11px}.ledger-balance b{display:block;font-size:18px;margin-top:2px}.ledger-balance.due{background:#fff0ed;color:#a84235}.ledger-balance.clear{background:#e8f6ef;color:#176a4e}.ledger-cards{grid-template-columns:repeat(3,1fr)}.ledger-entry-grid{grid-template-columns:1fr 1fr;margin-bottom:20px}.ledger-link{color:#8a6728!important;font-weight:800!important}.ledger-table{margin-top:2px}
@media(max-width:760px){.ledger-cards{grid-template-columns:1fr}.ledger-entry-grid{grid-template-columns:1fr}.ledger-customer{align-items:flex-start;flex-direction:column}.ledger-toolbar .filters{display:grid;grid-template-columns:1fr}.ledger-toolbar select,.ledger-toolbar input[type=date],.ledger-toolbar button{width:100%;min-width:0}}
@media print{.ledger-toolbar,.ledger-entry-grid,.ledger-table td:last-child,.ledger-table th:last-child{display:none!important}.ledger-table{display:block!important}.ledger-customer,.ledger-cards{display:flex!important}.ledger-cards .card{flex:1}.ledger-table{display:block!important}}

/* Dress priority / urgent tracking */
.priority-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:850;background:#f1f3f6;color:#667085}.priority-badge.urgent{background:#fff4df;color:#a85d00;border:1px solid #ffd99a}.priority-badge.very-urgent{background:#ffe8e6;color:#b42318;border:1px solid #ffc5bf;animation:urgentPulse 1.8s ease-in-out infinite}.row-urgent{background:#fffdf7}.row-very-urgent{background:#fff8f7}.urgent-card{border-color:#f5c4bd}.urgent-card .stat-icon{background:#fff0ed;color:#b42318}@keyframes urgentPulse{50%{box-shadow:0 0 0 4px rgba(180,35,24,.08)}}