html{scroll-behavior:smooth}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}#client-billing .table-wrap{overflow-x:hidden;width:100%}#client-billing .billing-invoice-table{width:100%;min-width:0!important;table-layout:fixed}#client-billing .billing-invoice-table td,#client-billing .billing-invoice-table th{white-space:normal!important;overflow-wrap:anywhere;word-break:normal;vertical-align:middle;padding-left:12px;padding-right:12px}#client-billing .billing-invoice-table td:first-child,#client-billing .billing-invoice-table th:first-child{width:17%}#client-billing .billing-invoice-table td:nth-child(2),#client-billing .billing-invoice-table th:nth-child(2){width:11%}#client-billing .billing-invoice-table td:nth-child(3),#client-billing .billing-invoice-table th:nth-child(3){width:13%}#client-billing .billing-invoice-table td:nth-child(4),#client-billing .billing-invoice-table th:nth-child(4){width:22%}#client-billing .billing-invoice-table td:nth-child(5),#client-billing .billing-invoice-table th:nth-child(5){width:9%}#client-billing .billing-invoice-table td:nth-child(6),#client-billing .billing-invoice-table th:nth-child(6){width:10%}#client-billing .billing-invoice-table td:nth-child(7),#client-billing .billing-invoice-table th:nth-child(7){width:18%;text-align:right}#client-billing .billing-invoice-table td:last-child>.btn,#client-billing .billing-invoice-table td:last-child>.inline-action-feedback{width:100%;max-width:180px;margin-left:auto}#client-billing .billing-invoice-table td:last-child>.btn{display:inline-flex;align-items:center;justify-content:center}#client-billing .billing-invoice-table td:last-child .inline-action-feedback{display:flex;flex-direction:column;align-items:stretch!important;gap:5px}#client-billing .billing-invoice-table td:last-child .inline-action-feedback>.btn{width:100%;justify-content:center;white-space:normal;text-align:center}#client-billing .billing-invoice-table td:last-child .inline-error,#client-billing .billing-invoice-table td:last-child .row-sub{width:100%;max-width:180px!important;margin-left:auto;text-align:right!important;line-height:1.3}@media(max-width:900px){#client-billing .billing-invoice-table,#client-billing .billing-invoice-table tbody,#client-billing .billing-invoice-table td,#client-billing .billing-invoice-table tr{display:block;width:100%!important;max-width:none!important}#client-billing .billing-invoice-table thead{display:none}#client-billing .billing-invoice-table tbody{padding:10px}#client-billing .billing-invoice-table tr{margin:0 0 10px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}#client-billing .billing-invoice-table tr:last-child{margin-bottom:0}#client-billing .billing-invoice-table td{display:grid;grid-template-columns:minmax(115px,35%) minmax(0,1fr);gap:12px;align-items:start;padding:9px 0;border-bottom:1px solid var(--line);text-align:right}#client-billing .billing-invoice-table td:last-child{border-bottom:0}#client-billing .billing-invoice-table td:before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;text-align:left}#client-billing .billing-invoice-table td:last-child>.btn,#client-billing .billing-invoice-table td:last-child>.inline-action-feedback{width:100%;max-width:220px;justify-self:end}#client-billing .billing-invoice-table td:last-child .inline-error,#client-billing .billing-invoice-table td:last-child .row-sub{max-width:220px!important}}@media(max-width:520px){#client-billing .billing-invoice-table td{grid-template-columns:1fr;gap:5px;text-align:left}#client-billing .billing-invoice-table td:last-child>.btn,#client-billing .billing-invoice-table td:last-child>.inline-action-feedback{max-width:none;justify-self:stretch}#client-billing .billing-invoice-table td:last-child .inline-error,#client-billing .billing-invoice-table td:last-child .row-sub{max-width:none!important;text-align:left!important}}.field,.form-grid,.modal,.modal-body{min-width:0;max-width:100%}@media(max-width:700px){.modal-body .form-grid{grid-template-columns:1fr}.modal-body .field{grid-column:1!important}}.billing-row-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch;width:100%;max-width:180px;margin-left:auto}.billing-row-actions>.btn,.billing-row-actions>.inline-action-feedback{width:100%!important;max-width:none!important;margin-left:0!important}.invoice-pdf-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.invoice-pdf-links .btn{min-width:0;width:100%;padding-left:7px;padding-right:7px;white-space:normal;text-align:center}.admin-invoice-actions .invoice-pdf-links{width:auto;min-width:180px}@media(max-width:900px){.billing-row-actions{max-width:220px}}@media(max-width:520px){.billing-row-actions{max-width:none}.invoice-pdf-links{grid-template-columns:1fr}.admin-invoice-actions .invoice-pdf-links{width:100%;min-width:0}}.agency-health-section{display:grid;gap:15px;margin-bottom:20px}.agency-dashboard-section-title,.agency-health-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.agency-dashboard-section-title h3,.agency-health-heading h3{margin:0;font-size:18px}.agency-dashboard-section-title p,.agency-health-heading p{margin:4px 0 0;color:var(--muted)}.agency-health-window{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.agency-health-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.agency-health-kpis>*{min-width:0}.agency-health-charts{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:15px}.agency-health-chart{min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.agency-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.agency-chart-head h3{margin:0;font-size:15px}.agency-chart-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.agency-chart-tabs{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.agency-chart-tabs button{min-height:30px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;font-weight:800}.agency-chart-tabs button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.08)}.agency-chart-average{color:var(--muted);font-size:12px;white-space:nowrap}.agency-chart-canvas{position:relative;min-width:0;padding-left:48px}.agency-chart-canvas svg{display:block;width:100%;height:245px;overflow:visible}.agency-chart-y{position:absolute;inset:0 auto 0 0;width:42px;display:flex;flex-direction:column;justify-content:space-between;padding:4px 0 12px;color:var(--muted);font-size:10px;text-align:right}.agency-chart-grid{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.agency-revenue-line{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke}.agency-revenue-point{fill:var(--surface);stroke:var(--primary);stroke-width:2;vector-effect:non-scaling-stroke}.agency-churn-line{fill:none;stroke:#d92d20;stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke}.agency-churn-point{fill:#d92d20;stroke:var(--surface);stroke-width:2;vector-effect:non-scaling-stroke}.agency-churn-average-line{stroke:#079455;stroke-width:1.5;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}.agency-chart-labels{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;padding-left:48px;margin-top:-4px;color:var(--muted);font-size:9px}.agency-chart-labels span{min-width:0;text-align:center;white-space:nowrap}.agency-dashboard-section-title{margin:5px 0 12px}@media(max-width:1180px){.agency-health-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.agency-health-charts{grid-template-columns:1fr}}@media(max-width:760px){.agency-chart-head,.agency-dashboard-section-title,.agency-health-heading{align-items:flex-start;flex-direction:column}.agency-health-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-chart-tabs{width:100%}.agency-chart-tabs button{flex:1 1}}@media(max-width:520px){.agency-health-kpis{grid-template-columns:1fr}.agency-health-chart{padding:14px}.agency-chart-canvas,.agency-chart-labels{padding-left:38px}.agency-chart-y{width:34px;font-size:9px}.agency-chart-canvas svg{height:215px}}:root{--bg:#f5f6f8;--surface:#fff;--surface2:#f8f9fb;--surface3:#eef1f5;--text:#101318;--muted:#6b7280;--line:#e1e5eb;--primary:#2f7cff;--primary2:#1f6ae5;--green:#16a36c;--orange:#d88916;--red:#d94b42;--shadow:0 12px 36px rgba(17,24,39,.07);--radius:14px;--sidebar:272px}html[data-theme=dark]{--bg:#090b0f;--surface:#10141a;--surface2:#151a22;--surface3:#1c232d;--text:#f4f7fb;--muted:#94a0af;--line:#27313f;--primary:#62a0ff;--primary2:#79adff;--green:#39c98d;--orange:#f0b34b;--red:#ff716a;--shadow:0 18px 44px rgba(0,0,0,.25)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font:16px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;overflow-y:auto;z-index:40}.brand{display:flex;gap:11px;align-items:center;padding:6px 8px 18px}.logo{width:40px;height:40px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px}.brand b{font-size:20px}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:1px}.role-switch{display:grid;grid-template-columns:1fr 1fr;background:var(--surface3);border-radius:12px;padding:4px;margin:0 4px 16px}.role-switch button{border:0;background:transparent;color:var(--muted);padding:9px;border-radius:9px;font-weight:800;font-size:13px}.role-switch button.active{background:var(--surface);color:var(--text);box-shadow:0 3px 12px rgba(0,0,0,.12)}.nav-group{margin-top:7px}.nav-label{padding:8px 10px 6px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:3px}.nav button{border:0;background:transparent;color:var(--muted);padding:10px 11px;border-radius:9px;text-align:left;display:flex;justify-content:space-between;align-items:center;font-weight:700}.nav button.active,.nav button:hover{background:var(--surface3);color:var(--text)}.count{min-width:22px;height:22px;padding:0 7px;border-radius:99px;background:var(--surface2);display:grid;place-items:center;font-size:11px}.nav button.active .count{background:var(--primary);color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:15px 8px 0}.profile{display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:var(--surface3);display:grid;place-items:center;font-weight:900}.profile small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.main{min-width:0;min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;height:74px;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px}.title h1{margin:0;font-size:20px;letter-spacing:-.35px}.title p{margin:2px 0 0;color:var(--muted);font-size:13px}.actions{display:flex;gap:9px}.actions,.btn{align-items:center}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:10px 13px;border-radius:9px;font-weight:800;display:inline-flex;justify-content:center;gap:7px}.btn:hover{background:var(--surface2)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary2)}.btn.danger{color:var(--red)}.btn.small{padding:7px 10px;font-size:13px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:18px}.mobile-menu{display:none}.content{width:100%;max-width:1640px;margin:0 auto;padding:26px;flex:1 1}.page{display:none}.page.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.page-head h2{margin:0 0 5px;font-size:28px;letter-spacing:-.8px}.page-head p{margin:0;color:var(--muted)}.grid{display:grid;gap:15px}.stats4{grid-template-columns:repeat(4,minmax(0,1fr))}.stats5{grid-template-columns:repeat(5,minmax(0,1fr))}.two{grid-template-columns:minmax(0,1.5fr) minmax(320px,.75fr)}.half{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat{padding:17px}.stat-top{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}.stat strong{display:block;margin-top:9px;font-size:29px;letter-spacing:-.8px}.delta{font-size:12px;color:var(--green);font-weight:900}.delta.warn{color:var(--orange)}.delta.bad{color:var(--red)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 18px;border-bottom:1px solid var(--line)}.card-head h3{margin:0;font-size:16px}.card-head p{margin:3px 0 0;color:var(--muted);font-size:13px}.card-body{padding:18px}.muted{color:var(--muted)}.list{flex-direction:column}.list,.row{display:flex}.row{padding:14px 18px;border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;align-items:center}.row:last-child{border-bottom:0}.row-title{font-weight:800}.row-sub{color:var(--muted);font-size:13px;margin-top:3px}.right{text-align:right}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:var(--surface3);font-size:12px;font-weight:900;color:var(--muted)}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.good{color:var(--green)}.status.warn{color:var(--orange)}.status.bad{color:var(--red)}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.search{position:relative;flex:1 1;min-width:230px}.search input{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:10px 12px 10px 36px}.search span{position:absolute;left:12px;top:10px;color:var(--muted)}.select{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:10px 11px;border-radius:9px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.table th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.table tbody tr:hover{background:var(--surface2)}.table tr:last-child td{border-bottom:0}.link{border:0;background:none;padding:0;color:var(--primary);font-weight:800;text-decoration:none}.site-card{padding:18px}.site-top{display:flex;justify-content:space-between;gap:15px}.site-domain{font-size:19px;font-weight:900}.site-url{color:var(--muted);font-size:13px;margin-top:3px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}.metric{padding:11px;border-radius:10px;background:var(--surface2)}.metric small{color:var(--muted);font-size:11px}.metric b{display:block;margin-top:3px;font-size:17px}.progress{height:7px;background:var(--surface3);border-radius:99px;overflow:hidden;margin-top:7px}.progress span{height:100%;display:block;background:var(--primary)}.kpi-chart{height:230px;display:flex;align-items:flex-end;gap:8px;padding:14px 0 4px}.bar{flex:1 1;min-width:8px;background:var(--primary);opacity:.9;border-radius:7px 7px 2px 2px;position:relative}.bar:hover:after{content:attr(data-label);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);font-size:11px;font-weight:800;border-radius:6px;padding:4px 6px;white-space:nowrap}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:17px;overflow:auto}.tabs button{border:0;background:transparent;color:var(--muted);padding:10px 12px;border-bottom:2px solid transparent;white-space:nowrap;font-weight:800}.tabs button.active{color:var(--text);border-bottom-color:var(--primary)}.service-card{padding:18px;display:flex;flex-direction:column}.service-card h4{margin:0;font-size:16px}.service-card .desc{color:var(--muted);font-size:13px;margin-top:5px;min-height:38px}.price{font-size:24px;font-weight:900;margin-top:13px}.price small{font-size:12px;color:var(--muted);font-weight:700}.service-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.switch{width:43px;height:24px;position:relative;display:inline-block}.switch input{display:none}.slider{position:absolute;inset:0;background:var(--surface3);border-radius:99px}.slider:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.18s;box-shadow:0 1px 4px rgba(0,0,0,.25)}.switch input:checked+.slider{background:var(--primary)}.switch input:checked+.slider:after{transform:translateX(19px)}.package{padding:20px;display:flex;flex-direction:column}.package h3{font-size:20px;margin:0}.package-price{font-size:29px;font-weight:900;margin:12px 0}.package ul{margin:0;padding-left:19px;color:var(--muted);flex:1 1}.package li{margin:8px 0}.package .btn{margin-top:18px}.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;padding:20px}.detail-hero h3{font-size:24px;margin:0}.detail-hero .meta{color:var(--muted);margin-top:5px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;margin-top:15px}.kv{display:grid;grid-template-columns:160px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.kv:last-child{border-bottom:0}.kv span:first-child{color:var(--muted)}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:5px;top:5px;bottom:5px;width:1px;background:var(--line)}.event{position:relative;padding:0 0 18px 10px}.event:before{content:"";position:absolute;left:-19px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--primary)}.event:last-child{padding-bottom:0}.event small{color:var(--muted)}.dropzone{border:1px dashed var(--line);border-radius:12px;padding:34px;text-align:center;background:var(--surface2)}.dropzone b{display:block;margin-bottom:5px}.dropzone p{margin:0;color:var(--muted);font-size:13px}.file-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.file-card{padding:14px}.file-icon{height:100px;border-radius:10px;background:var(--surface2);display:grid;place-items:center;font-size:30px}.file-card b{display:block;margin-top:10px}.file-card small,.notice{color:var(--muted)}.notice{padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}.notice b{color:var(--text)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface2);color:var(--text);padding:10px 11px;border-radius:9px;outline:none}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary)}.setting-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row p{margin:3px 0 0;color:var(--muted);font-size:13px}.invoice-total{font-size:38px;font-weight:900;letter-spacing:-1px}.card-line{height:1px;background:var(--line);margin:17px 0}.payment-card{padding:16px;background:var(--surface2);border-radius:11px;justify-content:space-between}.cc,.payment-card{display:flex;align-items:center;gap:10px}.cc-icon{width:42px;height:28px;border-radius:6px;background:var(--surface3);display:grid;place-items:center;font-size:11px;font-weight:900}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);display:none;place-items:center;z-index:100;padding:18px}.modal-backdrop.open{display:grid}.modal{width:min(700px,100%);max-height:92vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 90px rgba(0,0,0,.4)}.modal.lg{width:min(920px,100%)}.modal-foot,.modal-head{padding:17px 19px;display:flex;justify-content:space-between;gap:12px;align-items:center}.modal-head{border-bottom:1px solid var(--line)}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end}.modal-body{padding:19px}.modal h3{margin:0}.toast{position:fixed;right:22px;bottom:22px;z-index:200;background:var(--text);color:var(--bg);padding:11px 14px;border-radius:9px;font-weight:800;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.empty{padding:45px 20px;text-align:center;color:var(--muted)}@media(max-width:1200px){.stats5{grid-template-columns:repeat(3,1fr)}.stats4,.three{grid-template-columns:repeat(2,1fr)}.file-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.detail-grid,.half,.two{grid-template-columns:1fr}.file-grid,.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.app{display:block}.sidebar{position:fixed;left:0;top:0;transform:translateX(-101%);width:var(--sidebar);transition:.2s}.sidebar.open{transform:none}.mobile-menu{display:inline-grid}.topbar{padding:0 15px}.content{padding:18px 15px}.page-head{align-items:flex-start;flex-direction:column}.actions .desktop-label{display:none}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.stats4,.stats5,.three{grid-template-columns:1fr 1fr}}@media(max-width:520px){.file-grid,.stats4,.stats5,.three{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.page-head h2{font-size:24px}.topbar{height:68px}.title p{display:none}.detail-hero,.kv{grid-template-columns:1fr}.actions .btn{padding:9px}.content{padding-bottom:80px}}.client-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:15px}.client-hero h2{margin:0 0 5px;font-size:28px;letter-spacing:-.7px}.client-hero p{margin:0;color:var(--muted)}.client-home-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);gap:15px}.simple-site-list{display:flex;flex-direction:column}.simple-site{padding:18px 20px;border-bottom:1px solid var(--line)}.simple-site:last-child{border-bottom:0}.simple-site-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.simple-domain{font-size:18px;font-weight:900;letter-spacing:-.25px}.simple-site .muted{font-size:13px}.simple-metrics{display:flex;flex-wrap:wrap;gap:18px;margin-top:15px}.simple-metric{min-width:92px}.simple-metric small{display:block;color:var(--muted);font-size:12px;margin-bottom:2px}.simple-metric b{font-size:18px}.simple-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.payment-focus{padding:22px}.payment-focus .amount{font-size:38px;line-height:1;font-weight:950;letter-spacing:-1.4px;margin:9px 0 7px}.payment-focus .date{color:var(--muted);font-weight:700}.payment-focus .mini-note{font-size:13px;color:var(--muted);margin-top:6px}.payment-focus .payment-card{margin-top:18px}.request-cards{display:grid;gap:10px;padding:14px}.request-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}.request-item-title{font-weight:850}.request-item-meta{font-size:13px;color:var(--muted);margin-top:3px}.client-site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.client-site-card{padding:21px}.client-site-card .site-summary{color:var(--muted);margin:5px 0 17px}.client-site-card .simple-metrics{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.client-billing-summary{display:grid;grid-template-columns:1.05fr .95fr;gap:15px}.billing-big{padding:23px}.billing-big .amount{font-size:40px;font-weight:950;letter-spacing:-1.5px;margin:8px 0}.billing-big .label{color:var(--muted)}@media(max-width:980px){.client-billing-summary,.client-home-grid,.client-site-grid{grid-template-columns:1fr}}@media(max-width:680px){.client-hero{align-items:flex-start;flex-direction:column}.client-hero .btn{width:100%}.request-item,.simple-site-top{align-items:flex-start;flex-direction:column}.simple-actions .btn{flex:1 1}.billing-big .amount,.payment-focus .amount{font-size:34px}}.performance-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:15px}.performance-kpi{padding:17px 18px}.performance-kpi .label{color:var(--muted);font-size:13px;font-weight:750}.performance-kpi .value{font-size:29px;font-weight:950;letter-spacing:-.8px;margin-top:5px}.trend{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:12px;font-weight:850;color:var(--green)}.trend.neutral{color:var(--muted)}.analytics-feature{margin-bottom:15px}.analytics-feature-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:15px}.analytics-chart-card{padding:2px 20px 17px}.analytics-summary{padding:20px}.analytics-summary h4{margin:0 0 4px;font-size:16px}.analytics-summary .big-result{font-size:42px;font-weight:950;letter-spacing:-1.4px;margin:7px 0 2px}.result-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.result-box{border:1px solid var(--line);background:var(--surface2);border-radius:11px;padding:13px}.result-box small{display:block;color:var(--muted);font-size:12px}.result-box b{display:block;font-size:23px;margin-top:2px}.analytics-note{padding:13px 15px;border:1px solid var(--line);background:var(--surface2);border-radius:10px;color:var(--muted);font-size:13px;margin-top:14px}.analytics-note b{color:var(--text)}.performance-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:15px}.conversion-list{padding:9px 18px 18px}.conversion-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.conversion-row:last-child{border-bottom:0}.conversion-row strong{font-size:20px}.conversion-row small{display:block;color:var(--muted);margin-top:2px}.page-rank{display:flex;align-items:center;gap:10px}.rank-num{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--surface3);font-size:12px;font-weight:900}.analytics-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.analytics-toolbar .select{min-width:180px}@media(max-width:1150px){.performance-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.analytics-feature-grid,.performance-grid{grid-template-columns:1fr}}@media(max-width:700px){.performance-strip{grid-template-columns:1fr 1fr}.performance-kpi .value{font-size:25px}}@media(max-width:460px){.performance-strip{grid-template-columns:1fr}}.network-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.network-toolbar .select{min-width:170px}.network-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);gap:15px;margin-top:15px}.line-card{padding:18px}.line-chart{height:270px;position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(to bottom,transparent 24%,var(--line) 25%,transparent 26%,transparent 49%,var(--line) 50%,transparent 51%,transparent 74%,var(--line) 75%,transparent 76%)}.line-chart svg{width:100%;height:100%;display:block}.line-legend{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin-top:8px}.watch-list{padding:6px 18px 10px}.watch-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.watch-item:last-child{border-bottom:0}.watch-item b{display:block}.watch-item small{display:block;color:var(--muted);margin-top:2px}.watch-value{font-weight:900}.watch-value.warn{color:var(--orange)}.watch-value.bad{color:var(--red)}.reco{margin:12px 18px 18px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));background:color-mix(in srgb,var(--primary) 7%,var(--surface));border-radius:11px}.reco b{color:var(--primary);margin-bottom:4px}.network-table td:first-child b,.reco b{display:block}.network-table .mini-delta{font-size:11px;font-weight:850;margin-top:2px;color:var(--green)}.network-table .mini-delta.down{color:var(--red)}.rate-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--green) 12%,var(--surface));color:var(--green);font-weight:900}.rate-pill.warn{background:color-mix(in srgb,var(--orange) 13%,var(--surface));color:var(--orange)}.billing-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.billing-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:15px;margin-top:15px}.money-list{padding:4px 18px 8px}.money-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.money-row:last-child{border-bottom:0}.money-row small{display:block;color:var(--muted);margin-top:2px}.money-row strong{white-space:nowrap}.billing-note{margin:12px 18px 18px;padding:13px 14px;border:1px solid var(--line);background:var(--surface2);border-radius:11px;color:var(--muted);font-size:13px}.billing-note b{color:var(--text)}.subscription-total{padding:14px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-weight:900}.source-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:15px}.source-list{padding:6px 18px 12px}.source-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.source-row:last-child{border-bottom:0}.source-row b{white-space:nowrap}.period-pills{display:flex;gap:7px;flex-wrap:wrap}.period-pills button{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:8px 11px;border-radius:999px;font-weight:800;font-size:13px}.period-pills button.active{background:var(--primary);border-color:var(--primary);color:#fff}@media(max-width:1150px){.billing-kpis{grid-template-columns:1fr 1fr}.billing-split,.network-hero,.source-grid{grid-template-columns:1fr}}@media(max-width:700px){.billing-kpis{grid-template-columns:1fr}.network-toolbar{align-items:stretch}.network-toolbar .select{width:100%}}.upload-zone{border:1.5px dashed var(--line);border-radius:14px;padding:24px;background:var(--surface2);text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.upload-zone.dragover,.upload-zone:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface2))}.upload-zone.dragover{transform:scale(.995)}.upload-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin:0 auto 10px;background:var(--surface);border:1px solid var(--line);font-size:21px;font-weight:900}.upload-zone b{display:block;font-size:15px;margin-bottom:4px}.upload-zone p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.upload-zone .upload-link{color:var(--primary);font-weight:900}.upload-input{display:none}.upload-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}.upload-item{position:relative;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.upload-thumb{height:108px;display:grid;place-items:center;background:var(--surface2);overflow:hidden}.upload-thumb img{width:100%;height:100%;object-fit:cover;display:block}.upload-file-icon{font-size:25px;font-weight:900;color:var(--muted)}.upload-meta{padding:9px 10px 10px;min-width:0}.upload-name{font-weight:800;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-size{font-size:11px;color:var(--muted);margin-top:2px}.upload-remove{position:absolute;top:7px;right:7px;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(17,24,39,.88);color:#fff;display:grid;place-items:center;font-weight:900;cursor:pointer;z-index:2}.upload-summary{margin-top:10px;display:none;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:12px}.upload-summary.visible{display:flex}.upload-summary button{border:0;background:transparent;color:var(--red);font-weight:850;cursor:pointer;padding:0}@media(max-width:600px){.upload-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-zone{padding:20px 14px}}.request-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:14px}.request-detail-panel{border:1px solid var(--line);border-radius:12px;background:var(--surface2);padding:15px}.request-detail-panel h4{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.request-description{white-space:pre-wrap;line-height:1.6;color:var(--text)}.request-meta-list{display:grid;gap:10px}.request-meta-row{display:flex;justify-content:space-between;gap:14px;padding-bottom:9px;border-bottom:1px solid var(--line)}.request-meta-row:last-child{border-bottom:0;padding-bottom:0}.request-meta-row span{color:var(--muted);font-size:12px}.request-meta-row b{text-align:right;font-size:13px}.request-file-list{display:grid;gap:8px}.request-file-row{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.request-file-badge{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line);font-size:10px;font-weight:900}.request-file-info{min-width:0;flex:1 1}.request-file-info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.request-file-info small{color:var(--muted)}.request-empty-files{padding:18px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px;font-size:13px}@media(max-width:760px){.request-detail-grid{grid-template-columns:1fr}}.upload-image-fields{padding:0 10px 10px;display:grid;gap:7px}.upload-image-fields input,.upload-image-fields select{width:100%;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:8px;padding:8px 9px;font:inherit;font-size:12px;outline:none}.upload-image-fields input:focus,.upload-image-fields select:focus{border-color:var(--primary)}.upload-required{font-size:10px;color:var(--muted);margin-top:-2px}.upload-required.error{color:var(--red);font-weight:800}.file-category{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:800;background:var(--surface2);color:var(--text)}.file-original{display:block;color:var(--muted);font-size:10px;margin-top:2px}.media-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:13px;padding:16px 18px 18px}.media-card{min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:13px;overflow:hidden}.media-thumb{aspect-ratio:16/10;background:var(--surface2);overflow:hidden;position:relative}.media-thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-source{position:absolute;top:9px;left:9px;padding:5px 7px;border-radius:999px;background:rgba(17,24,39,.82);color:#fff;font-size:10px;font-weight:850;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.media-card-body{padding:11px 12px 12px}.media-card-title{font-weight:900;font-size:13px}.media-card-name,.media-card-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.media-card-name{color:var(--muted);font-size:10px;margin-top:2px}.media-card-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:9px;font-size:11px;color:var(--muted)}.media-card-actions{display:flex;gap:6px}.media-card-actions .btn{flex:1 1}.media-empty{grid-column:1/-1;padding:36px 18px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted)}.document-list{padding:0 18px 16px}.document-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(150px,.65fr) minmax(150px,.65fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.document-row:last-child{border-bottom:0}.document-main{display:flex;gap:10px;align-items:center;min-width:0}.document-icon{width:40px;height:40px;border-radius:9px;border:1px solid var(--line);background:var(--surface2);display:grid;place-items:center;font-size:10px;font-weight:900;flex:0 0 auto}.document-main b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.document-main small{color:var(--muted)}.direct-upload-note{padding:11px 13px;margin-top:10px;border:1px solid var(--line);background:var(--surface2);border-radius:10px;color:var(--muted);font-size:12px}.direct-upload-note b{color:var(--text)}.direct-photo-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;margin-top:12px}.direct-photo-item{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.direct-photo-item img{width:100%;height:112px;object-fit:cover;display:block;background:var(--surface2)}.direct-photo-fields{display:grid;gap:7px;padding:9px}.direct-photo-fields input,.direct-photo-fields select{width:100%;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:8px;padding:8px 9px;font:inherit;font-size:12px;outline:none}.direct-photo-remove{position:absolute;top:7px;right:7px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(17,24,39,.86);color:#fff;cursor:pointer;font-weight:900}.admin-file-thumb{width:56px;height:42px;border-radius:8px;overflow:hidden;background:var(--surface2);border:1px solid var(--line);flex:0 0 auto}.admin-file-thumb img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:760px){.media-gallery{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.document-row{grid-template-columns:1fr auto}.document-row .doc-site,.document-row .doc-source{display:none}}@media(max-width:480px){.media-gallery{grid-template-columns:1fr}}.batch-classifier{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.batch-classifier-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}.batch-classifier-head h4{margin:0 0 3px;font-size:14px}.batch-classifier-head p{margin:0;color:var(--muted);font-size:12px}.batch-select-actions{display:flex;gap:7px;flex-wrap:wrap}.batch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.batch-grid .field{min-width:0}.batch-grid input,.batch-grid select{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:9px 10px;font:inherit;font-size:12px;outline:none}.batch-grid input:disabled{opacity:.48;cursor:not-allowed}.batch-example{margin-top:10px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);font-size:11px;line-height:1.45;overflow-wrap:anywhere}.batch-example b{color:var(--text)}.batch-apply{margin-top:10px;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.batch-selected-count{font-size:12px;color:var(--muted);font-weight:800}.direct-photo-item{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.direct-photo-item.selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 16%,transparent)}.direct-photo-select{position:absolute;top:7px;left:7px;z-index:3;display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:rgba(17,24,39,.86);color:#fff;font-size:10px;font-weight:850;cursor:pointer;-webkit-user-select:none;user-select:none}.direct-photo-select input{width:14px;height:14px;margin:0;accent-color:var(--primary)}.direct-photo-info{padding:9px 10px 10px}.direct-photo-original{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.direct-photo-final{margin-top:5px;font-size:11px;line-height:1.35;font-weight:850;overflow-wrap:anywhere}.direct-photo-final.ready{color:var(--primary)}.direct-photo-final.pending{color:var(--orange)}.direct-photo-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.direct-photo-tag{display:inline-flex;padding:4px 6px;border-radius:999px;border:1px solid var(--line);background:var(--surface2);color:var(--muted);font-size:10px;font-weight:750}.direct-photo-tag.category{color:var(--text);font-weight:850}.direct-photo-order{position:absolute;bottom:7px;right:7px;display:grid;place-items:center;min-width:27px;height:27px;padding:0 6px;border-radius:999px;background:rgba(17,24,39,.82);color:#fff;font-size:10px;font-weight:900}.batch-status{margin-top:9px;font-size:11px;color:var(--muted)}.batch-status.good{color:var(--green);font-weight:800}.batch-status.warn{color:var(--orange);font-weight:800}@media(max-width:900px){.batch-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.batch-grid{grid-template-columns:1fr}}.registry-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.registry-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.registry-state{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:850;border:1px solid var(--line);background:var(--surface2)}.registry-state.storage{color:var(--green)}.registry-state.removed{color:var(--muted)}.registry-state.site{color:var(--primary)}.registry-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.registry-name{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;overflow-wrap:anywhere}.registry-note{padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:15px}.registry-note b{color:var(--text)}.registry-site-card{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.registry-site-card:last-child{border-bottom:0}.registry-site-card small{display:block;color:var(--muted);margin-top:3px}.filename-check{margin-top:6px;font-size:10px;color:var(--muted)}.filename-check.reserved{color:var(--orange);font-weight:800}@media(max-width:980px){.registry-kpis{grid-template-columns:1fr 1fr}}@media(max-width:560px){.registry-kpis{grid-template-columns:1fr}}.client-file-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.client-file-tab{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:9px 12px;border-radius:999px;font-weight:850;font-size:12px;cursor:pointer}.client-file-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.client-file-panel{display:none}.client-file-panel.active{display:block}.client-registry-table .registry-name{max-width:420px}.client-registry-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:850;background:color-mix(in srgb,var(--green) 10%,var(--surface));color:var(--green)}.replace-compare{display:grid;grid-template-columns:1fr 42px 1fr;gap:12px;align-items:center}.replace-panel{min-width:0}.replace-panel h4{margin:0 0 8px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.replace-image{aspect-ratio:16/10;border-radius:12px;border:1px solid var(--line);overflow:hidden;background:var(--surface2);display:grid;place-items:center}.replace-image img{width:100%;height:100%;object-fit:cover;display:block}.replace-arrow{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;font-weight:900;color:var(--primary)}.replace-arrow,.replace-meta{border:1px solid var(--line);background:var(--surface2)}.replace-meta{margin-top:12px;padding:12px;border-radius:11px;display:grid;gap:8px}.replace-meta-row{display:flex;justify-content:space-between;gap:14px;font-size:12px}.replace-meta-row span{color:var(--muted)}.replace-meta-row b{text-align:right;overflow-wrap:anywhere}.replace-upload-zone{height:100%;min-height:180px;border:1.5px dashed var(--line);border-radius:12px;background:var(--surface2);cursor:pointer;display:grid;place-items:center;text-align:center;padding:18px}.replace-upload-zone.dragover,.replace-upload-zone:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface2))}.replace-upload-zone b{display:block;margin-bottom:4px}.replace-upload-zone p{margin:0;color:var(--muted);font-size:12px}.replacement-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:color-mix(in srgb,var(--orange) 12%,var(--surface));color:var(--orange);font-size:10px;font-weight:900}.replacement-queue{display:grid;gap:12px;padding:16px 18px 18px}.replacement-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr) auto;gap:14px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.replacement-images{display:grid;grid-template-columns:1fr 24px 1fr;gap:7px;align-items:center}.replacement-mini{aspect-ratio:16/10;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:var(--surface2)}.replacement-mini img{width:100%;height:100%;object-fit:cover;display:block}.replacement-mini-arrow{text-align:center;color:var(--primary);font-weight:900}.replacement-info b{display:block}.replacement-info small{display:block;color:var(--muted);margin-top:3px}.replacement-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:860px){.replace-compare{grid-template-columns:1fr}.replace-arrow{transform:rotate(90deg);margin:auto}.replacement-row{grid-template-columns:1fr}.replacement-actions{justify-content:flex-start}}.media-card-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;margin-top:10px}.media-card-actions .btn{width:100%;min-width:0;justify-content:center;white-space:nowrap;padding-left:8px;padding-right:8px}.media-card-actions .replace-action{grid-column:1/-1}.webbec-brand-icon{width:40px!important;height:40px!important;padding:0!important;overflow:visible!important;background:transparent!important;border-radius:0!important;display:grid!important;place-items:center!important;box-shadow:none!important}.webbec-brand-icon img{display:block;width:100%;height:100%;object-fit:contain;background:transparent!important}.nav button{gap:10px}.nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tracking-box{margin-top:16px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface)}.tracking-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--line)}.tracking-head h4{margin:0 0 3px;font-size:14px}.tracking-head p{margin:0;color:var(--muted);font-size:12px}.tracking-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--green) 10%,var(--surface));color:var(--green);font-size:11px;font-weight:850;white-space:nowrap}.tracking-status .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.tracking-body{padding:15px 16px 16px}.tracking-id-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;font-size:12px}.tracking-id-row span{color:var(--muted)}.tracking-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800;overflow-wrap:anywhere}.tracking-code-wrap{position:relative}.tracking-code{margin:0;padding:14px 14px 48px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.tracking-copy{position:absolute;right:8px;bottom:8px}.tracking-help{margin-top:10px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--muted);font-size:11px;line-height:1.5}.tracking-help b{color:var(--text)}.tracking-tests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.tracking-test{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.tracking-test span{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.tracking-test b{font-size:12px}@media(max-width:700px){.tracking-head{flex-direction:column}.tracking-tests{grid-template-columns:1fr}}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);background:var(--bg)}.auth-brand-panel{padding:48px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 35%),var(--surface2)}.auth-brand-top{display:flex;align-items:center;gap:13px}.auth-brand-top .webbec-brand-icon{width:48px!important;height:48px!important}.auth-brand-name b{display:block;font-size:20px}.auth-brand-name small{display:block;color:var(--muted);margin-top:2px}.auth-message{max-width:620px}.auth-message h1{margin:0;font-size:clamp(36px,5vw,68px);line-height:.98;letter-spacing:-.045em}.auth-message p{margin:18px 0 0;max-width:540px;color:var(--muted);font-size:16px;line-height:1.6}.auth-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px}.auth-point{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:14px}.auth-point b{display:block;font-size:13px}.auth-point small{display:block;color:var(--muted);margin-top:4px;line-height:1.45}.auth-panel{min-height:100vh;display:grid;place-items:center;padding:34px}.auth-card{width:min(100%,460px)}.auth-card h2{margin:0;font-size:28px;letter-spacing:-.03em}.auth-card>p{color:var(--muted);margin:7px 0 22px;line-height:1.5}.auth-role-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);margin-bottom:18px}.auth-role-switch button{border:0;background:transparent;color:var(--muted);padding:10px 11px;border-radius:9px;font-weight:850;cursor:pointer}.auth-role-switch button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.08)}.auth-field{display:grid;gap:6px;margin-bottom:13px}.auth-field label{font-size:12px;font-weight:800}.auth-field input{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:12px 13px;font:inherit;outline:none}.auth-field input:focus{border-color:var(--primary)}.auth-submit{width:100%;margin-top:4px;justify-content:center}.auth-secondary{margin-top:15px;text-align:center;color:var(--muted);font-size:12px}.auth-link{color:var(--primary);font-weight:800;cursor:pointer}.auth-demo{margin-top:18px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--muted);font-size:11px;line-height:1.5}.auth-demo b{color:var(--text)}.auth-footer{color:var(--muted);font-size:11px}.app-shell.auth-hidden,.auth-screen.hidden{display:none!important}@media(max-width:980px){.auth-screen{grid-template-columns:1fr}.auth-brand-panel{display:none}}.crm-board-wrap{overflow-x:auto;padding-bottom:10px;margin-top:14px}.crm-board{display:flex;gap:12px;min-width:max-content;align-items:flex-start}.crm-column{width:290px;flex:0 0 290px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);overflow:hidden}.crm-column-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:12px 13px 10px;border-bottom:1px solid var(--line)}.crm-column-head b{display:block;font-size:12px}.crm-column-head small{color:var(--muted);display:block;margin-top:2px;font-size:10px}.crm-column-count{min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);font-size:10px;font-weight:900}.crm-dropzone{min-height:240px;padding:9px;display:grid;gap:8px;align-content:start;transition:background .15s ease}.crm-dropzone.dragover{background:color-mix(in srgb,var(--primary) 7%,transparent)}.crm-card{border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:11px;cursor:grab;box-shadow:0 1px 0 rgba(0,0,0,.03)}.crm-card:active{cursor:grabbing}.crm-card.dragging{opacity:.48}.crm-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.crm-card-title{font-weight:900;font-size:13px;line-height:1.3}.crm-card-product{color:var(--muted);font-size:10px;margin-top:3px}.crm-card-value{white-space:nowrap;font-weight:900;font-size:12px;color:var(--primary)}.crm-card-meta{display:grid;gap:5px;margin-top:10px;font-size:10px;color:var(--muted)}.crm-meta-row{display:flex;justify-content:space-between;gap:8px}.crm-meta-row b{color:var(--text);font-size:10px;text-align:right}.crm-source{display:inline-flex;align-items:center;padding:4px 6px;border-radius:999px;border:1px solid var(--line);background:var(--surface2);font-size:9px;font-weight:800;color:var(--muted)}.crm-card-actions{display:flex;gap:6px;margin-top:10px}.crm-card-actions .btn{flex:1 1;justify-content:center}.crm-followup{color:var(--orange);font-weight:800}.crm-converted{color:var(--green);font-weight:900}.crm-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.crm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.crm-table-company b{display:block}.crm-table-company small{display:block;color:var(--muted);margin-top:2px}.crm-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:14px}.crm-detail-card{border:1px solid var(--line);border-radius:12px;background:var(--surface2);padding:14px}.crm-detail-card h4{margin:0 0 11px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.crm-timeline{display:grid;gap:10px}.crm-timeline-item{padding-left:14px;border-left:2px solid var(--line)}.crm-timeline-item b{display:block;font-size:12px}.crm-timeline-item small{display:block;color:var(--muted);margin-top:2px;font-size:10px}.production-checks{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.production-check{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:999px;border:1px solid var(--line);background:var(--surface2);font-size:9px;color:var(--muted);font-weight:800}.production-check.good{color:var(--green)}.production-check.warn{color:var(--orange)}.crm-dashboard-pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:15px 16px 16px}.crm-dashboard-metric{border:1px solid var(--line);border-radius:10px;padding:11px;background:var(--surface2)}.crm-dashboard-metric span{display:block;color:var(--muted);font-size:10px}.crm-dashboard-metric b{display:block;margin-top:3px;font-size:18px}.crm-empty{padding:22px 10px;text-align:center;color:var(--muted);font-size:11px}.crm-stage-select{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:9px 10px;font:inherit}@media(max-width:1100px){.crm-dashboard-pipeline,.crm-kpis{grid-template-columns:1fr 1fr}}@media(max-width:760px){.crm-detail-grid,.crm-kpis{grid-template-columns:1fr}.crm-dashboard-pipeline{grid-template-columns:1fr 1fr}}.package-builder{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface2)}.package-builder-head{padding:11px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.package-builder-head b{font-size:12px}.package-builder-head small{color:var(--muted);font-size:10px}.package-service-list{max-height:360px;overflow:auto;padding:7px;display:grid;gap:6px}.package-service-option{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}.package-service-option:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--line))}.package-service-option input{width:16px;height:16px;accent-color:var(--primary)}.package-service-option-main b{display:block;font-size:12px}.package-service-option-main small{display:block;color:var(--muted);margin-top:3px;font-size:10px;line-height:1.35}.package-service-price{text-align:right;font-size:10px;font-weight:900;white-space:nowrap}.package-summary{border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:var(--surface2);margin-top:10px}.package-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.package-summary-item{border:1px solid var(--line);border-radius:9px;padding:8px;background:var(--surface)}.package-summary-item span{display:block;color:var(--muted);font-size:9px}.package-summary-item b{display:block;margin-top:2px;font-size:12px}.package-components{display:grid;gap:5px;margin:12px 0 14px}.package-component{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:7px 8px;border-radius:8px;background:var(--surface2);border:1px solid var(--line);font-size:10px}.package-component span:last-child{color:var(--muted);white-space:nowrap}.package-inherited{font-size:10px;color:var(--muted);margin-top:5px}@media(max-width:720px){.package-summary-grid{grid-template-columns:1fr}.package-service-option{grid-template-columns:22px minmax(0,1fr)}.package-service-price{grid-column:2;text-align:left}}.billing-method{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);font-size:9px;font-weight:900;white-space:nowrap}.billing-method.stripe{color:var(--primary)}.billing-method.interac{color:var(--green)}.billing-method.manual{color:var(--muted)}.billing-action-row{display:flex;gap:5px;flex-wrap:wrap}.collection-cycle{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px 16px 16px}.collection-step{border:1px solid var(--line);border-radius:10px;background:var(--surface2);padding:10px}.collection-step span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.collection-step b{display:block;margin-top:4px;font-size:11px}.collection-step small{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.site-lifecycle{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;border:1px solid var(--line);font-size:9px;font-weight:900}.site-lifecycle.active{color:var(--green)}.site-lifecycle.warning{color:var(--orange)}.site-lifecycle.suspended{color:var(--red)}.reminder-count,.site-lifecycle.destroyed{color:var(--muted)}.reminder-count{font-size:9px;margin-top:3px}.price-history{border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-top:8px}.price-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 10px;border-bottom:1px solid var(--line);font-size:10px}.price-history-row:last-child{border-bottom:0}.price-history-row code{color:var(--muted);font-size:9px}.stripe-price-note{margin-top:9px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--muted);font-size:10px;line-height:1.5}.invoice-detail-total{font-size:32px;font-weight:950;letter-spacing:-1px}.invoice-breakdown{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:12px}.invoice-breakdown-row{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-bottom:1px solid var(--line);font-size:10px}.invoice-breakdown-row:last-child{border-bottom:0}.invoice-breakdown-row.total{font-weight:950;background:var(--surface2)}.collection-alert{border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:var(--surface2)}.collection-alert strong{display:block;font-size:12px}.collection-alert small{display:block;color:var(--muted);margin-top:4px;line-height:1.45}.billing-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:1000px){.collection-cycle{grid-template-columns:1fr 1fr}}@media(max-width:700px){.billing-settings-grid,.collection-cycle,.price-history-row{grid-template-columns:1fr}}.payment-cycle-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.payment-cycle-card{border:1px solid var(--line);border-radius:13px;background:var(--surface);overflow:hidden}.payment-cycle-head{padding:14px 15px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.payment-cycle-head h3{margin:0;font-size:13px}.payment-cycle-head p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.payment-cycle-steps{display:grid;gap:0}.payment-cycle-step{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:11px 14px;border-bottom:1px solid var(--line)}.payment-cycle-step:last-child{border-bottom:0}.payment-cycle-day{font-size:10px;font-weight:950;color:var(--muted)}.payment-cycle-step b{display:block;font-size:11px}.payment-cycle-step small{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.stripe-recovery{color:var(--primary);font-weight:900}.no-fee{color:var(--green);font-weight:900}@media(max-width:900px){.payment-cycle-grid{grid-template-columns:1fr}}.priority-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.priority-option{position:relative;border:1px solid var(--line);border-radius:11px;background:var(--surface2);padding:11px;cursor:pointer;transition:.15s ease}.priority-option:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--line))}.priority-option.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.priority-option input{position:absolute;opacity:0;pointer-events:none}.priority-option b{display:block;font-size:12px}.priority-option strong{display:block;margin-top:4px;font-size:17px;letter-spacing:-.02em}.priority-option small{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.priority-summary{margin-top:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);padding:10px 11px;display:flex;justify-content:space-between;align-items:center;gap:10px}.priority-summary span{color:var(--muted);font-size:10px}.priority-summary b{font-size:11px}.priority-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);font-size:9px;font-weight:900;white-space:nowrap}.priority-chip.normal{color:var(--green)}.priority-chip.moyen{color:var(--orange)}.priority-chip.urgent{color:var(--red)}@media(max-width:680px){.priority-options{grid-template-columns:1fr}}.saved-card{border:1px solid var(--line);border-radius:12px;background:var(--surface2);padding:14px;justify-content:space-between;gap:14px}.saved-card,.saved-card-main{display:flex;align-items:center}.saved-card-main{gap:11px;min-width:0}.saved-card-icon{width:42px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:grid;place-items:center;font-size:10px;font-weight:950;letter-spacing:.04em}.saved-card b{display:block;font-size:12px}.saved-card small{display:block;color:var(--muted);margin-top:3px;font-size:10px}.payment-required{margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:var(--surface2);font-size:10px;line-height:1.5}.payment-required strong{color:var(--text)}.payment-required.free strong{color:var(--green)}.payment-required.paid strong{color:var(--primary)}.payment-confirm{display:grid;gap:10px}.payment-confirm-total{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface2)}.payment-confirm-total span{display:block;color:var(--muted);font-size:10px}.payment-confirm-total strong{display:block;margin-top:4px;font-size:30px;letter-spacing:-.035em}.payment-confirm-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.payment-confirm-row:last-child{border-bottom:0}.payment-confirm-row span{color:var(--muted)}.card-empty{border:1px dashed var(--line);border-radius:12px;padding:18px;text-align:center;background:var(--surface2)}.card-empty b{display:block}.card-empty p{margin:5px auto 12px;max-width:470px;color:var(--muted);font-size:10px;line-height:1.5}body,html{font-size:16px}body,button,input,select,textarea{font-size:16px!important}.billing-method,.card-empty p,.card-head p,.collection-step small,.collection-step span,.crm-card-product,.crm-column-count,.crm-column-head small,.crm-meta-row,.crm-timeline-item small,.empty,.field label,.field small,.invoice-breakdown-row,.kv,.money-row small,.muted,.notice,.page-head p,.payment-cycle-day,.payment-cycle-head p,.payment-cycle-step small,.payment-required,.price-history-row,.price-history-row code,.priority-chip,.priority-option small,.priority-summary span,.reminder-count,.request-item-meta,.request-meta-row,.row-sub,.saved-card small,.site-lifecycle,.stat .muted,.status,.stripe-price-note,.table,.table td,.table th,small{font-size:16px!important;line-height:1.45}.btn,.icon-btn,.search input,.select{font-size:16px!important}h1{font-size:max(32px,2.2rem)}h2{font-size:max(28px,1.8rem)}h3{font-size:max(22px,1.4rem)}h4{font-size:max(18px,1.15rem)}input,select,textarea{min-height:44px}.btn{min-height:42px}.table td,.table th{line-height:1.45}.client-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.client-service-card{display:flex;flex-direction:column;min-height:260px}.client-service-card .service-copy{flex:1 1}.client-service-card .service-type{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:var(--surface2);font-weight:800;margin-bottom:12px}.client-service-card h3{margin:0 0 8px}.client-service-card p{margin:0;color:var(--muted);line-height:1.55}.client-service-price{margin-top:18px;font-size:26px!important;font-weight:950;letter-spacing:-.03em}.client-service-price small{display:block;margin-top:4px;color:var(--muted);font-weight:600}.client-service-actions{display:flex;gap:8px;margin-top:18px}.client-services-intro{display:flex;justify-content:space-between;align-items:center;gap:18px}@media(max-width:1050px){.client-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.client-services-grid{grid-template-columns:1fr}.client-services-intro{align-items:flex-start;flex-direction:column}}.client-packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}.client-package-card{display:flex;flex-direction:column;min-height:100%}.client-package-card .card-body{display:flex;flex-direction:column;height:100%}.client-package-badge{display:inline-flex;align-items:center;align-self:flex-start;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);font-weight:850;margin-bottom:12px}.client-package-price{margin:12px 0 16px;font-size:28px!important;font-weight:950;letter-spacing:-.03em}.client-package-price span{font-size:16px!important;color:var(--muted);font-weight:650}.client-package-list{display:grid;gap:8px;margin:0 0 18px}.client-package-item{display:flex;align-items:flex-start;gap:8px;line-height:1.45}.client-package-item:before{content:"✓";font-weight:950;color:var(--green)}.client-catalog-heading{margin:0 0 12px}.client-catalog-heading p{margin:4px 0 0;color:var(--muted)}.package-visibility{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0;padding-top:12px;border-top:1px solid var(--line)}@media(max-width:1050px){.client-packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.client-packages-grid{grid-template-columns:1fr}}.page{display:block!important}a{color:inherit;text-decoration:none}.nav a{border:0;background:transparent;color:var(--muted);padding:10px 11px;border-radius:9px;text-align:left;display:flex;justify-content:space-between;align-items:center;font-weight:700;gap:10px}.nav a.active,.nav a:hover{background:var(--surface3);color:var(--text)}.nav a.active .count{background:var(--primary);color:#fff}.nav-main{display:flex;align-items:center;gap:10px;min-width:0}.nav-main>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-icon{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;color:currentColor}.nav-icon svg{width:18px;height:18px;display:block}.sidebar{overflow:hidden!important;scrollbar-width:none}.sidebar::-webkit-scrollbar{width:0;height:0}.sidebar-scroll{display:flex;flex-direction:column;min-height:0;flex:1 1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;padding-right:1px}.sidebar-scroll::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-footer{flex:0 0 auto;position:relative;z-index:3;margin-top:10px!important;background:var(--surface)}.account-nav-spacer-wrap{margin-top:auto}.account-nav-spacer{height:8px}.logout-btn{width:100%;justify-content:flex-start;color:var(--muted)!important}.logout-btn:hover{color:var(--text)!important}.content>.page{animation:pageIn .14s ease-out}@keyframes pageIn{0%{opacity:.65;transform:translateY(2px)}to{opacity:1;transform:none}}.empty,.empty-state{padding:30px 18px;text-align:center;color:var(--muted)}.auth-error{margin-top:14px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--red) 45%,var(--line));border-radius:10px;color:var(--red);background:color-mix(in srgb,var(--red) 7%,var(--surface))}.form-status{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--muted)}.back-link{display:inline-flex;margin-bottom:12px}.detail-section-card{margin-top:15px}@media(max-width:980px){.account-nav-spacer-wrap{margin-top:0}}.site-preview-cell{width:285px;min-width:285px}.site-thumbnail-wrap{width:260px;display:flex;flex-direction:column;align-items:center;gap:8px}.site-preview-devices{width:100%;display:flex;align-items:flex-end;justify-content:center;gap:10px;min-height:116px}.site-laptop{position:relative;width:188px;padding-bottom:9px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}.site-laptop-screen-shell{position:relative;width:166px;margin:0 auto;padding:5px 5px 6px;border-radius:9px 9px 5px 5px;background:linear-gradient(145deg,#242b35,#080a0d 65%,#1a2028);border:1px solid #3a4350;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.site-laptop-screen-shell:before{content:"";position:absolute;top:2px;left:50%;transform:translateX(-50%);width:3px;height:3px;border-radius:50%;background:#56606d;z-index:3}.site-laptop-screen{position:relative;overflow:hidden;width:100%;aspect-ratio:16/10;background:#06080b;border-radius:4px;border:1px solid #0d1117}.site-phone{width:50px;filter:drop-shadow(0 7px 11px rgba(0,0,0,.3))}.site-phone-shell{width:50px;padding:4px 3px 5px;border-radius:10px;background:linear-gradient(150deg,#242b35,#07090c 70%,#1b2027)}.site-phone-shell:before{top:2px;width:13px;height:3px}.site-phone-screen{aspect-ratio:430/932;border-radius:7px}.site-thumbnail-image-link{position:absolute;inset:0;display:block;background:#0a0d12}.site-thumbnail-image{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.site-thumbnail-open{position:absolute;right:5px;bottom:5px;opacity:0;transform:translateY(2px);transition:.15s ease;padding:3px 6px;border-radius:5px;background:rgba(7,10,15,.82);color:#fff;font-size:9px;font-weight:800;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.site-thumbnail-image-link:hover .site-thumbnail-open{opacity:1;transform:none}.site-phone .site-thumbnail-open{display:none}.site-thumbnail-placeholder{position:absolute;inset:0;border:0;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 44%),#0b0f15;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:800;padding:4px;text-align:center}.site-phone .site-thumbnail-placeholder{font-size:7px;gap:3px}.site-thumbnail-placeholder:hover{color:var(--text)}.site-thumbnail-placeholder:disabled{cursor:wait;opacity:.75}.site-thumbnail-placeholder-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 18%,var(--surface3));color:var(--primary);font-size:13px}.site-phone .site-thumbnail-placeholder-icon{width:17px;height:17px;font-size:10px}.site-laptop-base{position:absolute;left:0;right:0;bottom:2px;height:8px;border-radius:2px 2px 8px 8px;background:linear-gradient(#c4c9d0,#6f7782 55%,#353b43);box-shadow:0 2px 2px rgba(0,0,0,.32)}.site-laptop-base:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:48px;height:3px;border-radius:0 0 4px 4px;background:#838a93}.site-laptop-base-inner{position:absolute;left:9px;right:9px;bottom:-2px;height:2px;border-radius:50%;background:rgba(0,0,0,.28)}.site-thumbnail-meta{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted)}.site-thumbnail-meta small{font-size:10px}.site-thumbnail-refresh{border:0;background:transparent;color:var(--primary);padding:0;font:inherit;font-size:10px;font-weight:800}.site-thumbnail-refresh:hover{text-decoration:underline}.site-thumbnail-refresh:disabled{opacity:.65;cursor:wait;text-decoration:none}.site-thumbnail-error{width:100%;padding:6px 7px;border-radius:7px;background:color-mix(in srgb,var(--red) 9%,var(--surface2));border:1px solid color-mix(in srgb,var(--red) 30%,var(--line));color:var(--red);font-size:9px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}.admin-package-grid,.admin-service-grid{align-items:stretch}.admin-package-card,.admin-service-card{position:relative;padding:26px!important;min-height:100%;display:flex;flex-direction:column;gap:0}.admin-card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:30px;margin-bottom:18px}.admin-card-topline .badge{margin-left:auto;white-space:nowrap;flex:0 0 auto}.admin-card-topline .service-type,.package-card-kicker{color:var(--muted);font-weight:700;line-height:1.35}.admin-service-copy{display:flex;flex-direction:column;gap:8px}.admin-service-card h4{margin:0!important;font-size:18px!important;line-height:1.3}.admin-service-card .desc{margin:0!important;min-height:48px;line-height:1.5}.admin-service-footer{margin-top:auto;padding-top:24px}.admin-service-card .service-price{font-size:24px;font-weight:900;line-height:1.2;margin:0}.admin-old-price{margin-top:6px}.admin-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}.package-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.admin-package-card .package-title-row h3{margin:0!important;font-size:21px!important;line-height:1.25}.admin-package-card .package-price{margin:0 0 20px!important;font-size:29px;font-weight:900;line-height:1.15}.admin-package-card .package-price span{font-size:16px;color:var(--muted);font-weight:700}.package-inheritance{margin:0 0 18px!important;padding:13px 14px!important}.admin-package-services{display:flex;flex-direction:column;gap:0;margin:0}.admin-package-service{display:grid!important;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.admin-package-service:last-child{border-bottom:0}.admin-package-service .package-check{color:var(--green);font-weight:900;line-height:1}.admin-package-service .package-service-name{min-width:0;line-height:1.35}.admin-package-service small{display:block;color:var(--muted);white-space:nowrap;text-align:right;line-height:1.35}.admin-package-card .package-actions{margin-top:auto;padding-top:24px}@media(max-width:1180px){.admin-package-service{grid-template-columns:20px minmax(0,1fr)}.admin-package-service small{grid-column:2;white-space:normal;text-align:left;margin-top:-5px}}@media(max-width:700px){.admin-package-card,.admin-service-card{padding:20px!important}.package-title-row{align-items:flex-start;flex-direction:column}}.catalog-visibility{font:inherit;cursor:pointer;appearance:none;white-space:nowrap}.catalog-visibility:disabled{cursor:wait;opacity:.72}.catalog-inline-action{display:inline-flex;align-items:center;gap:6px}.catalog-inline-error{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red);font-weight:900}.catalog-action-error{padding:11px 12px;border:1px solid color-mix(in srgb,var(--red) 45%,var(--line));border-radius:10px;color:var(--red);background:color-mix(in srgb,var(--red) 7%,var(--surface))}.catalog-modal-note{margin:0!important}.catalog-package-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px!important;max-height:310px;overflow:auto;padding:2px}.catalog-package-picker .package-service{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:11px 12px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface2)!important;cursor:pointer}.catalog-package-picker .package-service input{margin-top:3px;flex:0 0 auto}.catalog-package-picker .package-service>span{display:flex;flex-direction:column;gap:3px;min-width:0}.catalog-package-picker .package-service small{display:block;color:var(--muted);font-weight:600;line-height:1.35}@media(max-width:700px){.catalog-package-picker{grid-template-columns:1fr}}.client-account-status.status.good,.client-list-status.active .status.good{color:var(--green)!important;background:color-mix(in srgb,var(--green) 14%,var(--surface3))!important;border:1px solid color-mix(in srgb,var(--green) 32%,var(--line))}.client-account-status.status.warn,.client-list-status.paused .status.warn,.client-list-status.pending .status.warn{color:var(--orange)!important;background:color-mix(in srgb,var(--orange) 12%,var(--surface3))!important;border:1px solid color-mix(in srgb,var(--orange) 28%,var(--line))}.client-status-error{margin:10px 0 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--red) 40%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--red) 7%,var(--surface));color:var(--red);font-weight:700}.detail-actions .btn:disabled{opacity:.65;cursor:wait}.inline-action-feedback{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-error{color:var(--red)}.inline-error,.inline-success{font-size:13px;font-weight:700}.inline-success{color:var(--green)}@media print{.mobile-menu,.network-toolbar,.sidebar,.topbar{display:none!important}.app-shell,.content,.main{display:block!important;width:100%!important;min-height:auto!important;margin:0!important;padding:0!important}.card{box-shadow:none!important}}.client-sites-toolbar{display:flex;justify-content:flex-end;align-items:center;margin:0 0 14px}.client-sites-empty{display:flex!important;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:86px}@media(max-width:780px){.client-sites-toolbar{justify-content:stretch}.client-sites-toolbar .btn{width:100%;justify-content:center}}.site-preview-cell{width:300px;min-width:300px}.site-thumbnail-wrap{width:270px}.site-preview-devices{gap:14px;min-height:132px}.site-phone{position:relative;width:62px;height:auto;flex:0 0 62px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.24))}.site-phone-shell{box-sizing:border-box;position:relative;width:100%;height:auto;padding:6px;border-radius:16px;background:linear-gradient(145deg,#242b35,#080a0d 65%,#1a2028);border:1px solid #3a4350;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.site-phone-shell:before{content:"";position:absolute;top:5px;left:50%;transform:translateX(-50%);width:22px;height:4px;border-radius:999px;background:#030405;z-index:3}.site-phone-screen{position:relative;overflow:hidden;width:100%;height:auto;aspect-ratio:390/844;background:#06080b;border-radius:11px;border:1px solid #0d1117}.site-phone .site-thumbnail-image{width:100%;height:100%;object-fit:contain;object-position:top center}.site-phone .site-thumbnail-placeholder{font-size:8px;gap:4px}.site-phone .site-thumbnail-placeholder-icon{width:20px;height:20px;font-size:11px}@media(max-width:780px){.site-preview-cell{width:270px;min-width:270px}.site-thumbnail-wrap{width:250px}.site-preview-devices{gap:10px}.site-phone{width:58px;height:auto;flex-basis:58px}}#admin-billing .table-wrap{width:100%;max-width:100%;overflow:visible!important}#admin-billing .table-wrap>.table{display:block;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto}#admin-billing .table-wrap>.table tbody,#admin-billing .table-wrap>.table thead{display:block;width:100%}#admin-billing .table-wrap>.table tbody tr,#admin-billing .table-wrap>.table thead tr{display:grid;grid-template-columns:minmax(150px,1.25fr) minmax(120px,1fr) minmax(210px,2fr) minmax(105px,.8fr) minmax(110px,.9fr) minmax(150px,1.2fr);width:100%;min-width:0}#admin-billing .table-wrap>.table thead tr{align-items:end;border-bottom:1px solid var(--line)}#admin-billing .table-wrap>.table tbody tr{min-height:68px;align-items:center;border-bottom:1px solid var(--line)}#admin-billing .table-wrap>.table tbody tr:last-child{border-bottom:0}#admin-billing .table-wrap>.table td,#admin-billing .table-wrap>.table th{min-width:0;border:0!important;vertical-align:middle}#admin-billing .table-wrap>.table th{padding:11px 10px;white-space:nowrap}#admin-billing .table-wrap>.table td{padding:6px 10px;white-space:normal}#admin-billing .table-wrap>.table th:first-child{grid-column:1}#admin-billing .table-wrap>.table th:nth-child(2){grid-column:2}#admin-billing .table-wrap>.table th:nth-child(3){grid-column:3}#admin-billing .table-wrap>.table th:nth-child(4){grid-column:4}#admin-billing .table-wrap>.table th:nth-child(7){grid-column:5}#admin-billing .table-wrap>.table th:nth-child(9){grid-column:6;text-align:right}#admin-billing .table-wrap>.table th:nth-child(5),#admin-billing .table-wrap>.table th:nth-child(6),#admin-billing .table-wrap>.table th:nth-child(8){display:none}#admin-billing .table-wrap>.table th:nth-child(9):after{content:"Actions"}#admin-billing .table-wrap>.table td:first-child{grid-column:1;grid-row:1/span 2;align-self:center}#admin-billing .table-wrap>.table td:nth-child(2){grid-column:2;grid-row:1;align-self:end;padding-bottom:2px;font-weight:700}#admin-billing .table-wrap>.table td:nth-child(5){grid-column:2;grid-row:2;align-self:start;padding-top:2px}#admin-billing .table-wrap>.table td:nth-child(3){grid-column:3;grid-row:1/span 2;align-self:center;line-height:1.35}#admin-billing .table-wrap>.table td:nth-child(4){grid-column:4;grid-row:1;align-self:end;padding-bottom:2px;font-weight:800}#admin-billing .table-wrap>.table td:nth-child(6){grid-column:4;grid-row:2;align-self:start;padding-top:2px}#admin-billing .table-wrap>.table td:nth-child(7){grid-column:5;grid-row:1;align-self:end;padding-bottom:2px}#admin-billing .table-wrap>.table td:nth-child(8){grid-column:5;grid-row:2;align-self:start;padding-top:2px}#admin-billing .table-wrap>.table td:nth-child(9){grid-column:6;grid-row:1/span 2;align-self:center;text-align:right}#admin-billing .table-wrap>.table td:first-child strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}#admin-billing .table-wrap>.table td:nth-child(2),#admin-billing .table-wrap>.table td:nth-child(3){overflow:hidden;text-overflow:ellipsis}#admin-billing .table-wrap>.table td:nth-child(5),#admin-billing .table-wrap>.table td:nth-child(6),#admin-billing .table-wrap>.table td:nth-child(8){color:var(--muted);font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#admin-billing .table-wrap>.table td:nth-child(5):before{content:"Paiement · ";color:var(--muted)}#admin-billing .table-wrap>.table td:nth-child(6):before{content:"Échéance · ";color:var(--muted)}#admin-billing .table-wrap>.table td:nth-child(8):before{content:"Recouvrement · ";color:var(--muted)}#admin-billing .admin-invoice-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-direction:row!important;gap:6px!important;width:100%;min-width:0!important;max-width:100%}#admin-billing .admin-invoice-actions>.btn{min-width:0;max-width:120px;padding-left:10px;padding-right:10px;white-space:nowrap!important;line-height:1.15;overflow:hidden;text-overflow:ellipsis}#admin-billing .admin-invoice-actions>.btn:first-child:not(:last-child){flex:1 1 auto}#admin-billing .admin-invoice-actions>.inline-error,#admin-billing .admin-invoice-actions>.inline-success{position:fixed!important;top:20px!important;right:20px!important;left:auto!important;width:min(390px,calc(100vw - 40px))!important;max-width:none!important;z-index:100001!important;margin:0!important;padding:12px 14px!important;border-radius:12px!important;text-align:left!important;line-height:1.35!important;box-shadow:0 14px 36px rgba(15,23,42,.18)!important}#admin-billing .admin-invoice-actions>.inline-success{background:#ecfdf3!important;border:1px solid #a6f4c5!important;color:#067647!important}#admin-billing .admin-invoice-actions>.inline-error{background:#fef3f2!important;border:1px solid #fecdca!important;color:#b42318!important}@media(max-width:1000px){#admin-billing .table-wrap>.table thead{display:none}#admin-billing .table-wrap>.table tbody{display:grid;gap:10px;padding:10px}#admin-billing .table-wrap>.table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 16px;min-height:0;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}#admin-billing .table-wrap>.table tbody td{display:block;grid-column:auto!important;grid-row:auto!important;align-self:auto!important;padding:0!important;text-align:left!important}#admin-billing .table-wrap>.table tbody td:first-child{grid-column:1;grid-row:1}#admin-billing .table-wrap>.table tbody td:nth-child(4){grid-column:2;grid-row:1;text-align:right!important}#admin-billing .table-wrap>.table tbody td:nth-child(2){grid-column:1;grid-row:2}#admin-billing .table-wrap>.table tbody td:nth-child(3){grid-column:1/-1;grid-row:3}#admin-billing .table-wrap>.table tbody td:nth-child(5){grid-column:1;grid-row:4}#admin-billing .table-wrap>.table tbody td:nth-child(6){grid-column:2;grid-row:4;text-align:right!important}#admin-billing .table-wrap>.table tbody td:nth-child(7){grid-column:1;grid-row:5}#admin-billing .table-wrap>.table tbody td:nth-child(8){grid-column:2;grid-row:5;text-align:right!important}#admin-billing .table-wrap>.table tbody td:nth-child(9){grid-column:1/-1;grid-row:6;margin-top:5px}#admin-billing .admin-invoice-actions{justify-content:flex-end!important}}@media(max-width:560px){#admin-billing .table-wrap>.table tbody tr{grid-template-columns:1fr}#admin-billing .table-wrap>.table tbody td{grid-column:1!important;text-align:left!important}#admin-billing .table-wrap>.table tbody td:first-child{grid-row:1}#admin-billing .table-wrap>.table tbody td:nth-child(2){grid-row:2}#admin-billing .table-wrap>.table tbody td:nth-child(3){grid-row:3}#admin-billing .table-wrap>.table tbody td:nth-child(4){grid-row:4;text-align:left!important}#admin-billing .table-wrap>.table tbody td:nth-child(5){grid-row:5}#admin-billing .table-wrap>.table tbody td:nth-child(6){grid-row:6;text-align:left!important}#admin-billing .table-wrap>.table tbody td:nth-child(7){grid-row:7}#admin-billing .table-wrap>.table tbody td:nth-child(8){grid-row:8;text-align:left!important}#admin-billing .table-wrap>.table tbody td:nth-child(9){grid-row:9}#admin-billing .admin-invoice-actions{justify-content:flex-start!important}}