:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#29252a;background:#f6f5f7;font-synthesis:none;--pink: #df0a8c;--pink-dark: #ba0875;--ink: #29252a;--muted: #716b72;--border: #e6e1e6;--surface: #ffffff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{background:#231f24;color:#fff;padding:30px 20px 22px;display:flex;flex-direction:column;position:sticky;height:100vh;top:0}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;padding:0 10px 28px}.brand-mark{background:var(--pink);border-radius:10px;padding:7px 8px 4px;font-size:23px;line-height:1;letter-spacing:-2px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:transparent;color:#c9c4ca;text-align:left;padding:12px 14px;border-radius:11px;display:flex;gap:12px;align-items:center}.sidebar nav button:hover,.sidebar nav button.active{background:#3a333a;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 var(--pink)}.sidebar nav span{color:#ed54b4;font-size:18px;width:18px;text-align:center}.sidebar-foot{margin-top:auto;padding:16px 10px 0;border-top:1px solid #423b42;font-size:13px;color:#c9c4ca}.sidebar-foot small{color:#8f888f}.sidebar-foot button{display:block;border:0;background:transparent;color:#ed54b4;padding:8px 0 0;font-size:12px;font-weight:700}main{padding:44px clamp(24px,4vw,64px) 80px;max-width:1560px;width:100%}.page-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.page-header h1{margin:4px 0 6px;font-size:clamp(28px,3vw,42px);letter-spacing:-1.5px}.page-header p{margin:0;color:var(--muted)}.eyebrow{color:var(--pink)!important;text-transform:uppercase;letter-spacing:1.6px;font-weight:700;font-size:12px}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.button{border-radius:10px;border:1px solid transparent;padding:11px 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.button.primary{background:var(--pink);color:#fff;box-shadow:0 7px 18px #df0a8c33}.button.primary:hover{background:var(--pink-dark)}.button.secondary{background:#fff;color:var(--ink);border-color:var(--border)}.button.danger-button{background:#fff0f1;color:#a52835;border-color:#f0cbd0}.button:disabled{opacity:.55;cursor:wait}.button.full{width:100%;margin-top:20px}.notice{margin:-12px 0 24px;border-radius:11px;padding:13px 16px;display:flex;justify-content:space-between;gap:20px}.notice.ok{background:#eaf8f0;color:#216541}.notice.error{background:#fff0f1;color:#a52835}.notice button{border:0;background:transparent;color:inherit;font-size:18px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:24px;align-items:start}.form-stack{display:grid;gap:18px}.panel,.summary-panel,.client-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:0 8px 28px #2e252e0b}.panel{padding:24px}.section-title{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}.section-title>div{display:flex;align-items:center;gap:10px}.section-title h2{margin:0;font-size:19px}.step{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;color:var(--pink);background:#fff0f8;font-weight:700;font-size:13px}.series-badge{background:#f4f1f4;color:#5c555c;border-radius:8px;padding:5px 10px;font-weight:700;font-size:12px}.switch{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;cursor:pointer}.switch input{position:absolute;opacity:0}.switch span{width:37px;height:21px;border-radius:99px;background:#d8d2d8;position:relative;order:-1}.switch span:after{content:"";position:absolute;width:15px;height:15px;background:#fff;border-radius:50%;left:3px;top:3px;transition:.2s}.switch input:checked+span{background:var(--pink)}.switch input:checked+span:after{transform:translate(16px)}.save-client-option{display:flex;align-items:center;gap:11px;margin-top:18px;padding:14px;border:1px solid #eadfe8;border-radius:11px;background:#fff8fc;cursor:pointer}.save-client-option input{width:18px;height:18px;margin:0;accent-color:var(--pink)}.save-client-option>span{display:flex;flex-direction:column;gap:3px}.save-client-option strong{color:var(--ink);font-size:13px}.save-client-option small{color:var(--muted);font-weight:400}.fields{display:grid;gap:14px}.fields.two{grid-template-columns:1fr 1fr}.fields.three{grid-template-columns:repeat(3,1fr)}.fields .wide{grid-column:1 / -1}.fields .double{grid-column:span 2}label{color:#6f686f;font-size:12px;font-weight:700;position:relative}input{width:100%;margin-top:7px;background:#fbfafb;border:1px solid #ddd7dd;color:var(--ink);padding:11px 12px;border-radius:9px;outline:none}input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #df0a8c1a;background:#fff}select{width:100%;margin-top:7px;background:#fbfafb;border:1px solid #ddd7dd;color:var(--ink);padding:11px 12px;border-radius:9px;outline:none}select:focus{border-color:var(--pink);box-shadow:0 0 0 3px #df0a8c1a}textarea{width:100%;margin-top:7px;background:#fbfafb;border:1px solid #ddd7dd;color:var(--ink);padding:11px 12px;border-radius:9px;outline:none;resize:vertical}textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px #df0a8c1a;background:#fff}.suffix{position:absolute;right:12px;bottom:12px;color:var(--muted)}.client-search{position:relative;margin-bottom:14px}.search-results{position:absolute;z-index:5;left:0;right:0;top:68px;background:#fff;border:1px solid var(--border);border-radius:11px;box-shadow:0 15px 35px #1e161e24;padding:6px;max-height:230px;overflow:auto}.search-results button{display:flex;flex-direction:column;gap:2px;width:100%;background:transparent;border:0;border-radius:8px;padding:10px;text-align:left}.search-results button:hover{background:#fff0f8}.search-results small{color:var(--muted)}.text-button{color:var(--pink);background:transparent;border:0;font-weight:700}.line-head,.invoice-line{display:grid;grid-template-columns:120px minmax(180px,1fr) 120px 34px;gap:9px;align-items:center}.line-head{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-size:10px;font-weight:700;padding:0 3px 5px}.invoice-line input{margin:0}.invoice-line{margin-top:8px}.invoice-line button{border:0;background:transparent;color:#a39ca3;font-size:20px;border-radius:7px;height:36px}.invoice-line button:hover{background:#fff0f1;color:#bf3441}.comment-field{display:block;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.comment-field small{display:block;color:var(--muted);font-weight:400;margin-top:6px;line-height:1.4}.summary-panel{padding:27px;position:sticky;top:24px}.summary-panel h2{margin:7px 0 24px;font-size:19px;min-height:24px}.summary-meta{display:grid;grid-template-columns:1fr auto;gap:9px;padding-bottom:20px;border-bottom:1px solid var(--border);font-size:13px}.summary-meta span{color:var(--muted)}.summary-totals{padding-top:18px;display:grid;gap:12px}.summary-totals div{display:flex;justify-content:space-between}.summary-totals span{color:var(--muted)}.summary-totals .grand{border-top:1px solid var(--border);margin-top:5px;padding-top:16px;font-size:20px;color:var(--pink)}.summary-totals .grand span{color:var(--ink);font-weight:700}.summary-note{font-size:12px;line-height:1.5;color:var(--muted);background:#faf8fa;padding:12px;border-radius:9px;margin:22px 0 0}.summary-actions{display:grid;gap:9px;margin-top:20px}.summary-actions .button.full{margin-top:0}.list-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;color:var(--muted);font-size:13px}.search-box{width:min(430px,100%)}.invoice-list{display:grid}.invoice-list article{display:grid;grid-template-columns:26px 85px minmax(180px,1fr) 120px auto;gap:16px;align-items:center;padding:17px 5px;border-top:1px solid var(--border)}.invoice-list article>input{width:17px;height:17px;margin:0;accent-color:var(--pink)}.invoice-number strong{font-size:20px}.invoice-number small{color:var(--muted)}.invoice-client{display:flex;flex-direction:column;gap:4px}.invoice-client span{color:var(--muted);font-size:12px}.invoice-total{text-align:right}.row-actions{display:flex;gap:6px}.icon-button{border:1px solid var(--border);color:#5f585f;background:#fff;border-radius:8px;padding:7px 9px;text-decoration:none;font-size:12px;font-weight:700}.icon-button:hover{background:#f8f6f8}.icon-button.danger{color:#b42836}.icon-button:disabled{opacity:.4;cursor:not-allowed}.empty{padding:45px 20px;text-align:center;color:var(--muted)}.invoice-kpis{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:14px;margin-bottom:18px}.invoice-kpis>div{background:#fff;border:1px solid var(--border);border-radius:14px;padding:17px 20px;display:flex;flex-direction:column;gap:5px}.invoice-kpis span{color:var(--muted);font-size:12px}.invoice-kpis strong{font-size:21px}.invoice-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end;margin-bottom:18px}.bulk-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#faf8fa;border:1px solid var(--border);border-radius:11px;padding:12px 14px;margin-bottom:8px}.bulk-actions>label{display:flex;align-items:center;gap:8px;color:var(--ink)}.bulk-actions input{width:17px;height:17px;margin:0;accent-color:var(--pink)}.bulk-actions>div{display:flex;flex-wrap:wrap;gap:7px}.bulk-actions .button{padding:8px 11px;font-size:12px}.order-month-bar{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;background:#272228;color:#fff;padding:16px 20px;border-radius:15px}.order-month-bar label{color:#ddd7dd;min-width:165px}.order-month-bar input{background:#3b353b;border-color:#524a52;color:#fff}.order-month-bar>div{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-end}.order-month-bar span{display:flex;flex-direction:column;gap:3px;color:#aaa2aa;font-size:11px}.order-month-bar strong{color:#fff;font-size:15px}.month-tabs{display:flex;overflow-x:auto;gap:5px;margin:-7px 0 18px;padding:0 3px 5px}.month-tabs button{border:1px solid var(--border);background:#fff;color:var(--muted);padding:7px 11px;border-radius:8px 8px 3px 3px;font-size:11px;white-space:nowrap}.month-tabs button:hover,.month-tabs button.active{color:#fff;background:var(--pink);border-color:var(--pink)}.order-import-panel{margin-bottom:18px}.order-import-upload{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:17px 19px;background:#faf8fa;border:1px dashed #d8cfd6;border-radius:12px}.order-import-upload p{color:var(--muted);font-size:12px;line-height:1.5;margin:5px 0 0}.file-button{position:relative;flex:0 0 auto}.file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.import-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 10px;font-size:12px;color:var(--muted)}.import-summary>span:first-child{margin-right:auto}.import-summary .import-valid,.import-summary .import-invalid{border-radius:99px;padding:5px 9px;font-weight:700}.import-valid{background:#eaf8f0;color:#216541}.import-invalid{background:#fff0f1;color:#a52835}.import-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.import-table{border-collapse:collapse;min-width:1080px;width:100%;font-size:12px}.import-table th{background:#332d33;color:#fff;padding:10px 9px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.4px}.import-table td{border-top:1px solid var(--border);padding:10px 9px;vertical-align:top}.import-table tr.invalid{background:#fff8f8}.import-table input{width:17px;height:17px;margin:0;accent-color:var(--pink)}.row-ok{color:#26734a;font-weight:700}.row-warning{color:#8a6200}.row-error{color:#a52835;font-weight:700}.import-actions{align-items:center}.order-editor{margin-bottom:18px}.order-input-grid{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:13px;align-items:end}.order-client-field{grid-column:span 2;margin:0}.order-product{grid-column:span 3}.order-pvp{min-height:67px;background:#fff0f8;border:1px solid #f2c7df;border-radius:10px;padding:11px 13px;display:flex;flex-direction:column;justify-content:center;gap:4px}.order-pvp span{color:var(--muted);font-size:11px}.order-pvp strong{color:var(--pink);font-size:18px}.order-directory{padding:18px}.order-table-wrap{overflow-x:auto}.order-table{min-width:1540px}.order-row{display:grid;grid-template-columns:28px 55px 190px 90px minmax(290px,1fr) repeat(6,100px) 78px 145px;gap:8px;align-items:center;min-height:48px;padding:7px 5px;border-top:1px solid var(--border);font-size:12px}.order-row>input{width:17px;height:17px;margin:0;accent-color:var(--pink)}.order-row>span:not(.status-pill){text-align:right}.order-row>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-row .order-product-cell{text-align:left!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-row.invoiced{background:#fafafa;color:#777}.order-head{min-height:36px;background:var(--pink);color:#fff;border-radius:9px 9px 0 0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.35px}.order-head>span{text-align:center!important}.status-pill{justify-self:center;display:inline-grid;place-items:center;min-width:27px;height:25px;border-radius:7px;font-weight:800}.status-pill.pending{background:#fff4cf;color:#855c00}.status-pill.invoiced{background:#e6f5ec;color:#26734a}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.client-card{padding:21px;display:grid;grid-template-columns:46px 1fr;gap:15px;align-items:start}.avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#fff0f8;color:var(--pink);font-weight:700}.client-card h2{margin:1px 0 3px;font-size:16px}.client-card p{margin:4px 0;color:var(--muted);font-size:12px;line-height:1.45}.client-card .button{grid-column:2;justify-self:start;padding:7px 11px;font-size:12px}.client-editor{margin-bottom:18px}.client-directory{padding-top:18px}.client-list{display:grid}.client-list article{display:grid;grid-template-columns:46px minmax(180px,1fr) minmax(190px,1.2fr) auto;gap:14px;align-items:center;padding:16px 4px;border-top:1px solid var(--border)}.client-list-main,.client-list-address{display:flex;flex-direction:column;gap:4px;min-width:0}.client-list-main strong,.client-list-main span,.client-list-address span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-list-main span,.client-list-address{color:var(--muted);font-size:12px}.login-page,.loading-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 75% 15%,#ffe9f6,transparent 34%),#f6f5f7;padding:20px}.loading-page{color:var(--muted)}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;padding:34px;box-shadow:0 25px 65px #2e252e1f}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.login-brand>div{display:flex;flex-direction:column}.login-brand small{color:var(--muted)}.login-card h1{font-size:32px;margin:0 0 8px;letter-spacing:-1px}.login-card>p{color:var(--muted);margin:0 0 24px}.login-card label{display:block;margin-top:15px}.login-error{background:#fff0f1;color:#a52835;border-radius:9px;padding:11px 13px;margin-bottom:10px;font-size:13px}.admin-grid{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(420px,1.25fr);gap:20px;align-items:start}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.form-check{display:flex;gap:9px;align-items:center;align-self:end;min-height:41px}.form-check input{width:auto;margin:0}.user-list{display:grid}.user-list article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--border)}.user-list article:first-child{border-top:0}.user-list article>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.user-list article span{color:var(--muted);font-size:12px}.user-list .avatar{width:42px;height:42px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.checks{display:grid;gap:11px;border-top:1px solid var(--border);padding-top:18px;margin-top:20px}.checks label{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:500}.checks input{width:auto;margin:0}@media(max-width:1050px){.content-grid{grid-template-columns:1fr}.summary-panel{position:static}.admin-grid,.settings-grid{grid-template-columns:1fr}.order-input-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:14px 16px}.brand{padding:0 4px 12px}.sidebar nav{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}.sidebar nav button{justify-content:center;padding:10px 5px;font-size:12px}.sidebar-foot{display:none}main{padding:25px 15px 60px}.page-header{align-items:flex-start;flex-direction:column}.fields.two,.fields.three{grid-template-columns:1fr}.fields .double{grid-column:auto}.line-head{display:none}.invoice-line{grid-template-columns:85px 1fr 90px 30px}.invoice-list article{grid-template-columns:24px 62px 1fr}.invoice-list .invoice-total{text-align:left;grid-column:3}.invoice-list .row-actions{grid-column:3;flex-wrap:wrap}.client-list article{grid-template-columns:46px 1fr}.client-list-address,.client-list .row-actions{grid-column:2}.invoice-kpis,.invoice-toolbar{grid-template-columns:1fr}.bulk-actions,.order-month-bar{align-items:stretch;flex-direction:column}.bulk-actions>div{width:100%}.order-import-upload{align-items:stretch;flex-direction:column}.file-button{width:100%}.order-input-grid{grid-template-columns:1fr}.order-client-field,.order-product{grid-column:auto}}@media(max-width:510px){.invoice-line{grid-template-columns:1fr 1fr 30px}.invoice-line input:nth-child(2){grid-column:1 / -1;grid-row:1}.invoice-line button{grid-column:3;grid-row:2}}