:root{color-scheme:light;color:#292629;background:#faf7f5;--pink:#d6a8b6;--muted:#80777a;--border:#e9dfe1;--gold:#a28349;font-family:'Segoe UI',Arial,sans-serif}body{background:linear-gradient(135deg,#f6e9ed 0%,#faf7f5 45%,#f9f5ef 100%);color:#292629}body>header{background:#fff;border-bottom:1px solid #e8dccb;padding:17px 5%;min-height:100px;box-shadow:0 4px 25px #58432d05;position:relative}body>header:after{content:'';position:absolute;bottom:-1px;left:5%;width:85px;height:2px;background:#ae8c49}.brand{gap:15px;color:#8e713d;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:27px;letter-spacing:5px}.brand>span{background:#fff;border:1px solid #d8c59d;border-radius:50%;box-shadow:none;color:#a28447;padding:9px 17px;font-size:24px}.brand small{font:10px 'Segoe UI',Arial,sans-serif;letter-spacing:2px;color:#898080;margin-top:7px}.brand-logo{width:67px;height:67px;object-fit:contain;display:block;flex-shrink:0}.brand-copy{padding-left:17px;border-left:1px solid #e9dfd1}.brand-copy em{font-style:normal;font-family:'Segoe UI',Arial,sans-serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;display:block;margin-top:5px;color:#958482}.session{font-size:11px;color:#73696c}.session:before{content:'●';color:#b4955b;font-size:8px}.session .secondary{background:#fff;border-color:#dfd4d1;color:#5d5556;padding:9px 16px}.session .secondary:hover{background:#faf2f4}main{max-width:1500px;padding-top:22px}.notice{background:#f7f0e4;border:1px solid #e9dbbf;color:#7c6740;border-radius:12px;font-size:11px;padding:12px 17px}.notice.info{background:#f9f2f4;border-color:#e9d6df;color:#80616d}.notice.danger{background:#fff0ef;border-color:#e9b2ab;color:#a4403b;border-left:4px solid #c15d54}.notice.danger b{font-weight:700}.eyebrow{color:#9a7b47;font-size:9px;letter-spacing:2.4px;font-weight:600}nav{background:#fff;border:1px solid #e9dfe2;padding:7px;border-radius:13px;gap:5px;margin:22px 0 30px;box-shadow:0 4px 15px #49332703}nav button{background:none;color:#86767d;border:0;border-radius:8px;min-width:125px;padding:13px 24px;font:600 12px 'Segoe UI',Arial,sans-serif}nav button.active{background:#292629;color:#f9f1e0;box-shadow:0 3px 10px #2926291a;position:relative}nav button.active:before{content:'';height:4px;width:4px;background:#d2b575;border-radius:50%;display:inline-block;margin-right:9px;vertical-align:middle}nav button:hover:not(.active){background:#f9eff2;color:#72525f}.intro{padding:7px 0 19px;margin:0 0 23px;border-bottom:1px solid #e5d8d8;align-items:center}.intro h1{font:400 36px/1.25 Georgia,'Times New Roman',serif;letter-spacing:-.6px;color:#322c30;margin:0 0 12px}.intro p{font-size:12px;color:#8b7c83;margin:0;max-width:700px}.primary{background:#292629;border:1px solid #292629;color:#f8edda;font-family:'Segoe UI',Arial,sans-serif;font-weight:600;font-size:12px;padding:13px 22px;border-radius:9px;box-shadow:0 4px 12px #30212b10;transition:background .18s,box-shadow .18s,transform .18s}.primary:hover{filter:none;background:#42373c;box-shadow:0 5px 17px #3b273b20;transform:translateY(-1px)}.primary:active{transform:translateY(0)}.secondary{background:#fff;border:1px solid #dbcbd1;border-radius:8px;color:#735662;font-family:'Segoe UI',Arial,sans-serif;font-size:11px;padding:10px 16px}.secondary:hover{background:#faedf2;border-color:#c4a0ae}.stats{gap:18px;margin-bottom:28px}.stat{background:#fff;border:1px solid #eadddf;border-radius:16px;padding:25px;box-shadow:0 6px 20px #5c3c4504;position:relative;overflow:hidden;min-height:160px}.stat:before{content:'';width:3px;position:absolute;left:0;top:26px;bottom:26px;background:#cda2af;border-radius:3px}.stat:nth-child(2):before{background:#b69b66}.stat:nth-child(3):before{background:#8c7586}.stat:nth-child(4){background:#292629;border-color:#292629}.stat label{font-size:9px;letter-spacing:1.6px;color:#97858e;font-weight:600;padding-right:20px}.stat:after{content:'◇';position:absolute;right:22px;top:18px;color:#bea06c;font-size:19px}.stat:nth-child(1):after{content:'!';font-size:13px;border:1px solid #ddc2c9;border-radius:50%;padding:1px 6px;color:#b17789}.stat:nth-child(2):after{content:'↗'}.stat:nth-child(3):after{content:'◷'}.stat:nth-child(4):after{content:'✓';color:#cfb47c}.stat strong{font-size:32px;letter-spacing:-1.2px;color:#30272d;font-weight:500;margin:21px 0 12px;font-variant-numeric:tabular-nums}.stat small{font-size:10px;color:#a38f99}.stat:nth-child(4) label{color:#c9b9a5}.stat:nth-child(4) strong{color:#f2dfb5}.stat:nth-child(4) small{color:#bcadb5}.stat:nth-child(4):before{background:#c3a368}.panel,.client-card{background:#fff;border:1px solid #e7dcdf;border-radius:16px;box-shadow:0 5px 25px #6a394508;padding:26px}.panel h2,.client-card h3{color:#43323c;font-weight:500}.panel h2{font-size:20px}.toolbar{padding-bottom:19px;border-bottom:1px solid #f0e5e9;margin-bottom:16px}.toolbar h2{font-family:Georgia,'Times New Roman',serif;font-size:24px;letter-spacing:-.3px}.toolbar input{max-width:340px;font-size:11px;padding:12px 16px;background:#fbf8f9}.filters{margin-bottom:19px;gap:8px}.filters .secondary{border-radius:20px;font-size:10px;padding:8px 15px;background:#fbf7f8;border-color:#ebdfe3;color:#8a7180}.filters .secondary.selected{background:#eddae2;border-color:#d9b9c7;color:#674457}.table-wrap{border:1px solid #eee5e8;border-radius:10px}table{font-size:12px}th{background:#f7eff2;color:#977885;font-size:8px;letter-spacing:1.4px;padding:15px 16px;font-weight:600}td{border-color:#f1e8eb;color:#80717b;padding:22px 16px;font-size:11px}td b{color:#4d3945;font-weight:600;font-size:12px}td small{color:#b09aa6;font-size:10px;margin-top:5px}tr:hover td{background:#fcf8f9}tr:last-child td{border:0}.money{font-size:18px;font-weight:600;color:#65503c;font-variant-numeric:tabular-nums}.badge{font-size:9px;border:1px solid #dcd0d6;background:#f7f1f4;color:#90798a;padding:6px 11px;border-radius:6px}.badge.late{background:#fbe9e6;border-color:#edc3bb;color:#b45b50}.badge.good{background:#edf4ee;border-color:#d4e5d8;color:#588167}.badge.today{background:#faf2e2;border-color:#eadcbd;color:#a18040}.detail-grid>div{background:#fcf8f9;border-color:#eee1e7;border-radius:12px}.detail-grid strong{color:#4e3746;font-weight:500}small{color:#9c8897}p{color:#8a7884}.client-card h3{font-family:Georgia,'Times New Roman',serif;font-size:22px;color:#4f3747}.client-card p{font-size:12px}.client-card .badge{margin:10px 0}input,select,textarea{background:#fff;border:1px solid #dfd2d9;border-radius:9px;padding:13px;color:#51404c;font:12px 'Segoe UI',Arial,sans-serif}input::placeholder{color:#b49faa}input:focus,select:focus,textarea:focus{outline:2px solid #c5a0b2;outline-offset:2px;border-color:#c5a0b2}label{color:#8d6b80;font-size:11px;font-weight:500}.empty{color:#a7899a}dialog{background:#fff;border:1px solid #d9c4d0;box-shadow:0 25px 120px #43223633;color:#47313f;border-radius:20px;padding:30px;width:650px}dialog::backdrop{background:#251b25a3;backdrop-filter:blur(5px)}.modal-head{border-bottom:1px solid #ecdee5;padding-bottom:18px;margin-bottom:20px}.modal-head h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:25px;line-height:1.3;color:#47313f}.modal-head .secondary{border-radius:50%;padding:7px 10px;border-color:#e9dce3;color:#96788b}.quote{background:linear-gradient(125deg,#f8ecef,#faf5ed);border:1px solid #e5cdcf;border-radius:14px;padding:24px;margin:20px 0}.quote small{color:#9a7e86;font-size:10px}.quote>.total{font-size:40px;color:#493139;font-weight:500;letter-spacing:-1.5px;margin:14px 0 10px;font-variant-numeric:tabular-nums}.quote .row{border-color:#e9d6da;color:#a18390;font-size:11px}.quote .row b{color:#68505c;font-weight:600}.row{border-color:#eddee6;color:#927986}.row b{color:#6e5362}.error{color:#b14555}.bar{background:#f4e9ef}.bar>span{background:#bca074}.receipt{border:1px solid #ebdfd0;border-top:3px solid #b49a64;border-radius:5px;padding:26px}.receipt h2{font:400 24px Georgia,serif;color:#9e814a;letter-spacing:1px}.receipt h3{color:#493745}.receipt p{color:#8d7c87}.receipt .row{border-color:#eee3e8}.receipt .row b{color:#5b454f}.receipt small{color:#9a8492}.login{position:relative;background:#fff;border:1px solid #e8d9df;padding:37px;border-radius:20px;box-shadow:0 15px 70px #6d394912;margin:45px auto}.login:before{content:'';position:absolute;top:0;left:38px;right:38px;height:2px;background:linear-gradient(90deg,transparent,#b49a64,transparent)}.login h1{font:400 35px/1.2 Georgia,serif;color:#4b3441}.login p{font-size:12px;color:#9f8494}.login-logo{width:145px;height:145px;object-fit:contain;display:block;margin:0 auto 22px}.session .secondary{border-radius:7px}.brand .brand-logo{border:0;background:white;padding:0}.bar+.row{margin-top:12px}#toast{background:#2c282a;color:#f3e6ce;border:1px solid #ad9056;border-radius:11px;box-shadow:0 8px 35px #44312b25}button:focus-visible,a:focus-visible{outline:2px solid #a4894d;outline-offset:3px}.salon-signature{display:flex;justify-content:space-between;gap:20px;padding:24px 1px 7px;border-top:1px solid #e7d9dd;margin-top:34px;font-size:9px;color:#b299a5;letter-spacing:1px}.salon-signature span:first-child{color:#ad915b;text-transform:uppercase;letter-spacing:2px}.print-only{color:#292629}
@media(min-width:1300px){main{padding-left:5%;padding-right:5%}.intro h1{font-size:40px}}@media(max-width:900px){nav button{min-width:110px;padding:12px 19px}.stat{min-height:150px}.salon-signature{font-size:8px}}@media(max-width:600px){body>header{padding:15px 18px;min-height:88px}.brand{gap:10px;font-size:20px;letter-spacing:3px}.brand-logo{width:49px;height:49px}.brand small{font-size:8px;letter-spacing:1px;line-height:1.5}.brand-copy{padding-left:10px}.brand-copy em{font-size:7px;letter-spacing:1px}.session{gap:7px;font-size:9px}.session:before{display:none}.session .secondary{padding:7px 9px;font-size:9px}main{padding:17px 15px}.notice{font-size:10px;padding:11px 14px;border-radius:9px}nav{margin:16px 0 24px;padding:5px;border-radius:10px;gap:3px}nav button{font-size:10px;padding:11px 15px;min-width:85px}nav button.active:before{margin-right:6px}.intro{padding:0 0 18px;margin-bottom:21px;gap:13px}.intro h1{font-size:29px;line-height:1.15;letter-spacing:-.8px}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro p{font-size:11px;line-height:1.6}.intro .primary{font-size:9px;border-radius:7px;padding:12px 14px}.stats{gap:11px}.stat{padding:19px 16px;border-radius:12px;min-height:147px}.stat label{font-size:8px;line-height:1.6;letter-spacing:1px;padding-right:16px;min-height:25px}.stat strong{font-size:25px;margin:19px 0 10px;letter-spacing:-.9px}.stat small{font-size:9px;line-height:1.6}.stat:after{top:15px;right:15px;font-size:15px}.stat:nth-child(1):after{font-size:10px;padding:1px 5px}.stat:before{top:21px;bottom:21px;width:2px}.panel{padding:19px 16px;border-radius:12px}.toolbar{padding-bottom:16px}.toolbar h2{font-size:24px;line-height:1.25}.toolbar input{max-width:none}.filters{gap:6px;margin-bottom:15px}.filters .secondary{font-size:9px;padding:7px 12px}td{padding:18px 12px}th{padding:13px 12px}.badge{font-size:9px;padding:6px 9px}.quote{padding:18px;margin:15px 0}.quote>.total{font-size:37px;margin:10px 0}.quote .row{font-size:10px;padding:11px 0}.modal-head h2{font-size:24px}.modal-head{margin-bottom:15px;padding-bottom:15px}dialog{padding:22px 20px;max-height:92vh;max-width:94vw;border-radius:16px}.notice.danger{font-size:11px;line-height:1.6}.row{font-size:11px}.login{margin:25px auto;padding:28px 23px}.login h1{font-size:32px}.login-logo{width:125px;height:125px;margin-bottom:20px}.salon-signature{display:block;line-height:2}.salon-signature span{display:block;font-size:8px}.detail-grid>div{padding:14px}.detail-grid strong{font-size:19px}}
@media(max-width:600px){#collection-list .table-wrap{border:0;overflow:visible}#collection-list table,#collection-list tbody,#collection-list tr{display:block}#collection-list thead{display:none}#collection-list tbody tr{border:1px solid #e6d7df;border-radius:12px;padding:16px;margin:0 0 14px;background:#fff}#collection-list td{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #f3e9ee;font-size:12px;text-align:right}#collection-list td:before{content:attr(data-label);color:#a08b98;font-size:10px;text-align:left;flex-shrink:0;max-width:45%}#collection-list td:first-child{display:block;text-align:left;padding:0 0 14px}#collection-list td:first-child:before{display:none}#collection-list td:first-child b{font-size:17px;font-family:Georgia,serif;font-weight:400;color:#563d4b}#collection-list td:first-child small{font-size:10px}#collection-list td:nth-child(2){flex-wrap:wrap;justify-content:flex-end}#collection-list td:nth-child(2):before{margin-right:auto}#collection-list td:nth-child(2) small{width:100%;margin:0}#collection-list td.money{font-size:22px;font-weight:500;color:#695139;background:#fcf8f5;margin:8px -8px;padding:12px 8px;border:0;border-radius:8px}#collection-list td.money:before{color:#a38a78}#collection-list td:last-child{border:0;padding-bottom:0}#collection-list td:last-child:before{display:none}#collection-list td:last-child .primary{flex:1;padding:12px}#collection-list tr:last-child{margin-bottom:0}#collection-list td.empty{display:block;text-align:center}#collection-list td.empty:before{display:none}}
@media print{body{background:white!important;color:#222}dialog{border:0!important;box-shadow:none!important;padding:0!important}.receipt{border:0}.salon-signature{display:none}}