:root{--bg:#f5f3ef;--panel:#fff;--text:#211f1b;--muted:#746f67;--border:#e4dfd7;--accent:#7c5748;--accent-dark:#5f4035;--soft:#f1ebe6;--danger:#b63f3f;--shadow:0 12px 34px rgba(57,44,36,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}
.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:10px 28px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--accent);color:#fff;font-size:20px}
.nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.nav a{padding:9px 11px;border-radius:10px;text-decoration:none;font-weight:700;color:#514d47;font-size:13px}.nav a:hover{background:var(--soft)}.nav .primary-nav{background:var(--accent);color:#fff}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 60px}.hero{background:linear-gradient(135deg,#2f2925,#5c443a);color:#fff;border-radius:26px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:var(--shadow);margin-bottom:24px}.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.02;max-width:760px;margin:8px 0 12px}.hero p{margin:0;color:#e5dcd6;max-width:650px;font-size:17px}
.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--accent);display:block}.hero .eyebrow{color:#d9b8a8}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.stat-card span{color:var(--muted);font-weight:700;font-size:13px}.stat-card strong{display:block;font-size:29px;margin-top:6px}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow);margin-bottom:20px}.panel h2{margin:4px 0 15px;font-size:24px}.panel-head,.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-head{margin-bottom:18px}.page-head{margin-bottom:24px}.page-head h1{font-size:38px;margin:4px 0 3px}.page-head p,.step-title p{margin:0;color:var(--muted)}
.btn{appearance:none;border:1px solid var(--border);background:#fff;color:var(--text);padding:11px 15px;border-radius:11px;font-weight:800;text-decoration:none;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:7px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:white}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:#fff}.btn-danger{background:#fff1f1;color:var(--danger);border-color:#f0cccc}.btn-large{padding:14px 19px}.btn-small{padding:8px 11px;font-size:12px}.full{width:100%;margin-top:10px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:11px;border-bottom:1px solid var(--border)}td{padding:14px 11px;border-bottom:1px solid var(--border);vertical-align:middle}td small{display:block;color:var(--muted);margin-top:4px}.actions{display:flex;justify-content:flex-end;gap:6px}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eee;font-size:11px;font-weight:900;text-transform:uppercase}
.empty{text-align:center;padding:45px 20px;color:var(--muted)}.empty.compact{padding:20px}.empty h3{color:var(--text)}.empty-icon{font-size:40px}
.layout-two{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.ticket-layout{grid-template-columns:minmax(0,1fr) 330px}.sticky{position:sticky;top:92px}
.step-title{display:flex;align-items:center;gap:13px;margin-bottom:18px}.step-title>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-weight:900}.step-title h2{margin:0;font-size:21px}
.client-search-row{display:grid;grid-template-columns:1fr auto;gap:10px}.input{width:100%;border:1px solid #d8d2ca;background:#fff;border-radius:11px;padding:12px 13px;font:inherit;color:var(--text);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,87,72,.12)}label{display:block;font-size:12px;font-weight:800;color:#5a554f;margin-bottom:14px}label .input{margin-top:6px;font-weight:500}
.client-results{border:1px solid var(--border);border-radius:12px;margin-top:10px;overflow:hidden;display:none}.client-result{padding:12px 14px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);cursor:pointer}.client-result:last-child{border-bottom:0}.client-result:hover{background:var(--soft)}.client-result small{display:block;color:var(--muted);margin-top:3px}
.selected-client{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f3f7f0;border:1px solid #d5e3d0;padding:14px;border-radius:13px;margin-top:12px}.selected-client strong,.selected-client small{display:block}.selected-client small{color:var(--muted);margin-top:3px}.selected-label{font-size:10px;letter-spacing:.1em;font-weight:900;color:#52704c}.hidden{display:none!important}
.form-grid{display:grid;gap:13px}.form-grid.two{grid-template-columns:1fr 1fr}.job-row{border:1px solid var(--border);border-radius:15px;padding:15px;margin-bottom:12px;background:#fcfbf9}.job-row-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.job-number{font-weight:900;color:var(--accent);font-size:12px}.job-grid{grid-template-columns:minmax(180px,1.2fr) minmax(160px,1fr) 90px 120px 100px;align-items:end}.line-total-wrap{padding:0 0 16px;text-align:right}.line-total-wrap span{display:block;color:var(--muted);font-size:11px;font-weight:800;margin-bottom:6px}.line-total-wrap strong{font-size:16px}.icon-btn{border:0;background:#f0ece8;width:33px;height:33px;border-radius:9px;cursor:pointer;font-size:19px;color:#665e58}
.money-input{position:relative}.money-input .input{padding-right:35px}.money-input span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:800}.summary-row,.summary-total{display:flex;justify-content:space-between;gap:14px;align-items:center}.summary-row{padding:9px 0}.summary-row span{color:var(--muted)}.summary-total{padding:18px 0 10px}.summary-total strong{font-size:30px}hr{border:0;border-top:1px solid var(--border);margin:15px 0}
.alert{padding:13px 15px;border-radius:12px;margin-bottom:15px;font-weight:700}.alert-error{background:#fde8e8;color:#9d3434;border:1px solid #f4c5c5}.alert-success{background:#e9f7e9;color:#346d38;border:1px solid #cfe8d0}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:rgba(28,23,20,.55)}.modal-card{position:relative;background:#fff;border-radius:20px;padding:24px;width:min(620px,100%);box-shadow:0 30px 100px rgba(0,0,0,.25)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:3px 0 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}
.note-box{margin-top:18px;padding:14px;background:var(--soft);border-radius:12px}.note-box p{margin-bottom:0}.meta-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.meta-list>div{background:#faf8f5;border:1px solid var(--border);border-radius:12px;padding:12px}.meta-list span,.meta-list strong{display:block}.meta-list span{font-size:11px;color:var(--muted);font-weight:800;margin-bottom:5px}.page-actions{display:flex;gap:8px}
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.catalog-btn{border:1px solid var(--border);background:#fff;border-radius:14px;padding:13px;text-align:left;cursor:pointer}.catalog-btn:hover{border-color:var(--accent);background:#fcf8f5}.catalog-btn span,.catalog-btn strong,.catalog-btn em{display:block}.catalog-btn span{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:900;letter-spacing:.06em}.catalog-btn strong{margin:5px 0}.catalog-btn em{font-style:normal;color:var(--accent);font-weight:900}
.filter-row{display:flex;gap:10px;align-items:end;margin-bottom:18px}.filter-row .input{max-width:380px}.cards-list{display:grid;gap:10px}.client-card{border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden}.client-card summary{padding:15px;display:flex;justify-content:space-between;cursor:pointer}.client-card summary strong,.client-card summary small{display:block}.client-card summary small{color:var(--muted);margin-top:4px}.client-edit{padding:0 15px 15px}
.cash-stats{grid-template-columns:1fr 1fr;max-width:600px}.cash-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.method-card{border:1px solid var(--border);border-radius:14px;padding:14px}.method-card span,.method-card strong,.method-card small{display:block}.method-card span,.method-card small{color:var(--muted)}.method-card strong{font-size:22px;margin:5px 0}
.settings-form{max-width:900px}.switch-row{display:flex;align-items:center;gap:20px}.switch-label{display:flex;align-items:center;gap:8px}.small-input{max-width:120px}.inline-add{display:grid;grid-template-columns:1fr 120px auto;gap:10px;margin-bottom:16px}.settings-list{display:grid;gap:8px}.settings-row{display:grid;grid-template-columns:1fr 120px 100px auto auto;gap:8px;align-items:center}.check-inline{display:flex;align-items:center;gap:6px;margin:0}.catalog-add{display:grid;grid-template-columns:180px 1fr 1fr 120px 90px auto;gap:8px;margin-bottom:16px}.catalog-edit-row{display:grid;grid-template-columns:160px 1fr 1fr 110px 80px 85px auto auto;gap:7px;align-items:center}
@media(max-width:1000px){.catalog-add,.catalog-edit-row,.settings-row{grid-template-columns:1fr 1fr}.cash-methods{grid-template-columns:1fr 1fr}.catalog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.layout-two,.ticket-layout{grid-template-columns:1fr}.sticky{position:static}.stats{grid-template-columns:1fr 1fr}.job-grid{grid-template-columns:1fr 1fr}.line-total-wrap{text-align:left;padding-bottom:12px}}
@media(max-width:650px){.topbar{align-items:flex-start;padding:10px 12px}.brand span:last-child{display:none}.nav a{font-size:11px;padding:8px}.container{width:min(100% - 20px,1180px);padding-top:20px}.hero{padding:24px;display:block}.hero .btn{margin-top:20px}.stats,.cash-stats{grid-template-columns:1fr 1fr;gap:10px}.panel{padding:17px;border-radius:16px}.page-head,.panel-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:31px}.client-search-row,.form-grid.two,.job-grid,.meta-list,.catalog-grid,.cash-methods,.catalog-add,.catalog-edit-row,.settings-row,.inline-add{grid-template-columns:1fr}.client-search-row .btn{width:100%}.page-actions{width:100%}.page-actions .btn{flex:1}.filter-row{flex-direction:column;align-items:stretch}.filter-row .input{max-width:none}.switch-row{align-items:flex-start;flex-direction:column}}