:root{--bg: #FFFFFF;--surface: #FFFFFF;--text: #111111;--text-secondary: #6B6B6B;--text-muted: #999999;--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.15);--gold: #000000;--gold-bg: #F5F5F5;--green: #2D8A56;--green-bg: #EEFBF3;--red: #D63031;--red-bg: #FFF0F0;--blue: #2D6CDF;--blue-bg: #EBF2FF;--font-heading: "DM Sans", sans-serif;--font-body: "Manrope", sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-w: 260px;--radius: 10px;--radius-sm: 8px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:17px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:500;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;color:var(--text);line-height:1.3}h1{font-size:1.7rem;margin-bottom:4px}h2{font-size:1.3rem}h3{font-size:1.1rem}p{color:var(--text-secondary);font-size:1rem}.text-mono{font-family:var(--font-mono);font-size:.92rem}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.main-content{margin-left:var(--sidebar-w);flex:1;padding:28px 36px;min-height:100vh}.sidebar-brand{height:64px;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid var(--border)}.sidebar-brand h2{font-size:1.15rem;letter-spacing:.15em;font-weight:700}.salon-switcher{margin:14px;background:var(--bg);padding:4px;border-radius:var(--radius-sm);display:flex;gap:2px}.salon-switcher button{flex:1;border:none;background:transparent;padding:10px 6px;font-family:var(--font-body);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .2s}.salon-switcher button.active{background:var(--surface);color:var(--gold);box-shadow:0 1px 4px #00000014}.sidebar nav{flex:1;padding:8px 0;overflow-y:auto}.nav-section-label{padding:20px 24px 8px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 24px;color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{color:var(--text);background:var(--bg)}.nav-item.active{color:var(--text);font-weight:600;background:var(--gold-bg);border-left-color:var(--gold)}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border)}.top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-subtitle{font-size:.95rem;color:var(--text-secondary);font-weight:400;margin-top:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);white-space:nowrap}.btn:hover{background:var(--bg)}.btn-primary{background:var(--text);color:#fff;border:none}.btn-primary:hover{background:#222}.btn-gold{background:var(--gold);color:#fff;border:none}.btn-gold:hover{background:#a68a55}.btn-danger{background:var(--red);color:#fff;border:none}.btn-sm{padding:8px 16px;font-size:.88rem}.btn-lg{padding:14px 28px;font-size:1.05rem}.btn-ghost{border:none;background:transparent}.btn-ghost:hover{background:var(--bg)}.btn-block{width:100%}label{display:block;font-size:.88rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}input,select,textarea{width:100%;padding:12px 16px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--text);background:var(--surface);transition:border-color .2s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b89a631f}input::placeholder,textarea::placeholder{color:#bbb;font-weight:400}select{appearance:none;cursor:pointer;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:42px}select:hover{border-color:var(--text-muted)}textarea{resize:vertical;min-height:80px}.form-row{display:grid;gap:16px;margin-bottom:16px}.form-row.cols-2{grid-template-columns:1fr 1fr}.form-row.cols-3{grid-template-columns:1fr 1fr 1fr}.form-group{margin-bottom:16px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:14px 18px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:2px solid var(--bg);background:var(--bg)}.data-table td{padding:16px 18px;border-bottom:1px solid var(--border);font-size:1rem}.data-table tr:hover td{background:var(--bg)}.data-table tr{cursor:pointer;transition:background .15s}.badge{display:inline-flex;align-items:center;padding:5px 14px;border-radius:20px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.badge-green{background:var(--green-bg);color:var(--green)}.badge-gold{background:var(--gold-bg);color:var(--gold)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-gray{background:var(--bg);color:var(--text-muted)}.tab-bar{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:24px}.tab-item{padding:12px 24px;font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.tab-item:hover{color:var(--text)}.tab-item.active{color:var(--text);border-bottom-color:var(--gold)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:var(--sidebar-w);background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .15s}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:640px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 20px 60px #0000002e}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid var(--border);background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;flex-shrink:0;z-index:10}.modal-header h3{font-size:1.2rem}.modal-body{padding:28px;overflow-y:auto}.modal-footer{padding:18px 28px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:var(--surface);border-radius:0 0 var(--radius) var(--radius);flex-shrink:0}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.stat-label{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:10px}.stat-value{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--text)}.search-input{position:relative}.search-input svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input input{padding-left:44px}.invoice-workspace-overlay{position:fixed;inset:0;background:#a0a0a0;z-index:5000;display:flex;flex-direction:column;overflow:hidden}.invoice-workspace-header{height:80px;background:#000;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 40px;flex-shrink:0;border-bottom:1px solid #333}.invoice-workspace-body{flex:1;overflow:auto;padding:50px;display:flex;justify-content:center;align-items:flex-start}.invoice-scaler{display:flex;justify-content:center}.invoice-canvas{background:#fff;width:210mm;min-height:297mm;color:#000;font-family:DM Sans,sans-serif;line-height:1.4;box-sizing:border-box;box-shadow:0 40px 100px #00000080;margin-bottom:100px}:root{--tresse-maroon: #8a0e35;--tresse-maroon-deep: #6e0a2a}.letterhead-doc{position:relative;width:210mm;min-height:297mm;background-image:url(/letterhead.jpeg);background-size:210mm 297mm;background-repeat:no-repeat;background-position:top center;color:#1a1a1a;font-family:DM Sans,sans-serif;box-sizing:border-box}.lh-body{position:relative;padding:45mm 18mm 32mm;min-height:297mm;box-sizing:border-box}.lh-invoice-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.lh-invoice-title{font-size:2.8rem;font-weight:800;letter-spacing:.02em;color:var(--tresse-maroon);line-height:1}.lh-invoice-meta{margin-top:6px;font-size:.95rem}.lh-invoice-meta>div{display:grid;grid-template-columns:90px 14px auto;column-gap:8px;padding:3px 0}.lh-invoice-meta span:first-child{font-weight:700;color:#222}.lh-invoice-meta strong{font-weight:700;color:var(--tresse-maroon-deep)}.lh-rule{height:2px;background:var(--tresse-maroon);margin:8px 0 22px}.lh-parties{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:26px}.lh-parties h4{color:var(--tresse-maroon);font-size:.95rem;font-weight:700;letter-spacing:.04em;margin:0 0 8px}.lh-party-name{font-weight:700;font-size:1.05rem;margin-bottom:6px}.lh-party-line{font-size:.9rem;color:#333;line-height:1.5}.lh-table{width:100%;border-collapse:collapse;margin-bottom:18px}.lh-table thead th{background:var(--tresse-maroon);color:#fff;text-align:left;padding:12px 14px;font-size:.82rem;font-weight:700;letter-spacing:.04em}.lh-table tbody td{padding:14px;font-size:.92rem;border-bottom:1px solid #eee}.lh-table tbody tr:nth-child(2n) td{background:#8a0e3508}.lh-totals{width:320px;margin-left:auto;margin-bottom:30px}.lh-total-line{display:flex;justify-content:space-between;padding:6px 0;font-size:.95rem;color:#333}.lh-grand{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--tresse-maroon);margin-top:8px;padding-top:12px}.lh-grand>span:first-child{font-weight:700;letter-spacing:.05em;color:#222}.lh-grand-amt{font-size:1.7rem;font-weight:800;color:var(--tresse-maroon)}.lh-paid{text-align:right;margin-top:6px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#555}.lh-footer-block{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.lh-rule-short{width:130px;height:2px;background:var(--tresse-maroon);margin-bottom:12px}.lh-thanks-note{font-size:.95rem;color:#222;line-height:1.6}.lh-sign{text-align:center}.lh-thankyou-script{font-family:Brush Script MT,Segoe Script,cursive;font-size:2.4rem;color:var(--tresse-maroon);line-height:1}.lh-tagline{font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#333;margin-top:6px;font-style:italic}.lh-sign-line{font-size:.9rem;color:#222}.lh-signatory{margin-top:30px;font-size:.9rem;font-weight:600}#print-root{display:none}@media print{@page{size:A4 portrait;margin:0}#root,#modal-root{display:none!important}#print-root{display:block!important;position:absolute!important;left:0!important;top:0!important;width:210mm!important;min-height:297mm!important;background:#fff!important;margin:0!important;padding:0!important;visibility:visible!important;z-index:99999!important}.print-document.letterhead-doc{display:block!important;width:210mm!important;min-height:297mm!important;padding:0!important;box-sizing:border-box!important;font-size:11pt!important;visibility:visible!important;transform:none!important;background-image:url(/letterhead.jpeg)!important;background-size:210mm 297mm!important;background-repeat:no-repeat!important;background-position:top center!important}#print-root,#print-root *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.salon-select-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);padding:40px;animation:fadeIn .8s ease-out}.salon-select-container{display:flex;gap:32px;max-width:1000px;width:100%;justify-content:center;perspective:1000px}.salon-select-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:60px 40px;width:420px;cursor:pointer;text-align:center;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 4px 20px #00000008;position:relative;overflow:hidden}.salon-select-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gold);transform:scaleX(0);transition:transform .4s ease;transform-origin:left}.salon-select-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000014;border-color:var(--gold)}.salon-select-card:hover:before{transform:scaleX(1)}.salon-select-card h2{font-size:1.8rem;letter-spacing:.2em;margin-bottom:12px;font-family:var(--font-heading);text-transform:uppercase}.salon-select-card p{font-size:1rem;color:var(--text-secondary);line-height:1.5}.salon-icon-wrapper{width:80px;height:80px;border-radius:50%;background:var(--gold-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 30px;transition:all .4s ease}.salon-select-card:hover .salon-icon-wrapper{transform:scale(1.1) rotate(5deg);background:var(--gold);color:#fff}.salon-select-card:hover .salon-icon-wrapper svg{color:#fff!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slideUp .5s cubic-bezier(.165,.84,.44,1) both}