:root{
  --bg:#f3f6fb;--surface:#fff;--surface-2:#f8faff;--text:#172033;--muted:#778197;--line:#e4e9f2;
  --nav:#111a2e;--primary:#4f6df5;--primary-soft:#edf1ff;--green:#167455;--green-soft:#e9f8f2;
  --amber:#9b650b;--amber-soft:#fff5df;--red:#b93644;--red-soft:#ffeaed;--violet:#7357c9;--violet-soft:#f2efff;
  --shadow:0 8px 28px rgba(29,43,74,.07);--radius:16px
}
*{box-sizing:border-box}
html{color-scheme:only light!important}
input,select,textarea,button{color-scheme:only light!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
button,input,select{font:inherit}
button,.button{border:0;background:var(--primary);color:#fff;min-height:42px;padding:10px 15px;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:650}
button:hover,.button:hover{filter:brightness(.96)}
button.secondary,.button.secondary{background:#eef2f8;color:#24324b}
button.success{background:#16845f}
button.danger-button{background:var(--red-soft);color:var(--red)}
button.ghost{background:transparent;color:var(--primary);border:1px solid #d9e0ff}
.icon-button{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border-radius:9px;font-size:20px;line-height:1;font-weight:700}
button:disabled{opacity:.55;cursor:not-allowed}
input,select,textarea{width:100%;min-height:42px;border:1px solid #d8deea;background:#fff;color:var(--text);padding:10px 11px;border-radius:9px}\ntextarea{min-height:96px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:3px solid #dfe5ff;border-color:#91a3ff}
input[type=checkbox]{width:19px;height:19px;min-height:19px;accent-color:var(--primary)}
label{display:grid;gap:7px;margin:13px 0;font-weight:600;color:#34405a}
small,.muted{color:var(--muted);font-weight:400}
small{display:block;margin-top:4px}
h1,h2,h3,p{margin-top:0}
h1{font-size:29px;line-height:1.15;margin-bottom:5px}
h2{font-size:19px;line-height:1.25;margin-bottom:4px}
h3{font-size:16px;margin-bottom:3px}

aside{position:fixed;inset:0 auto 0 0;width:232px;background:var(--nav);color:#fff;padding:28px 18px;z-index:20}
.brand{font-size:23px;font-weight:700;letter-spacing:-.4px}.brand span{color:#839bff}
nav{margin-top:28px;display:grid;gap:5px}
nav a{display:flex;align-items:center;padding:12px 13px;color:#bdc7dc;text-decoration:none;border-radius:10px;font-weight:600}
nav a.active,nav a:hover{background:#26345a;color:#fff}
main{margin-left:232px;padding:30px 32px 42px;max-width:1520px}
.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.page-header p{margin:0;color:var(--muted)}

.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:18px}
.panel-blue{background:linear-gradient(180deg,#fbfcff 0%,#f4f7ff 100%);border-color:#dfe5ff}
.panel-green{background:linear-gradient(180deg,#fff 0%,#f5fbf8 100%);border-color:#dcefe7}
.panel-violet{background:linear-gradient(180deg,#fff 0%,#f8f6ff 100%);border-color:#e8e1ff}
.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}
.panel-title p{margin:3px 0 0;color:var(--muted);font-size:14px}
.section-label{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin-bottom:7px}
.dot{width:8px;height:8px;border-radius:50%;background:currentColor}
.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;border-radius:999px;background:#e8edff;color:#3155c5;font-size:13px;margin-left:5px}

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.stat{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 5px 18px rgba(29,43,74,.05)}
.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary)}
.stat.green:before{background:#38a47d}.stat.amber:before{background:#d89b30}.stat.violet:before{background:#886fe0}
.stat-label{color:var(--muted);font-size:13px;font-weight:650}.stat-value{font-size:27px;font-weight:700;margin-top:8px;letter-spacing:-.5px}

.controls-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 4px 18px rgba(29,43,74,.04);margin-bottom:16px}
.controls{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(160px,.8fr) minmax(180px,.8fr);gap:10px;align-items:end}
.controls label{margin:0;font-size:13px}

.order-list{display:grid;gap:10px}
.order-item{display:grid;grid-template-columns:minmax(210px,1.25fr) minmax(180px,1.1fr) 140px 125px minmax(180px,1fr) auto;align-items:center;gap:14px;background:#fff;border:1px solid #e6eaf2;border-radius:13px;padding:14px 15px;box-shadow:0 2px 8px rgba(29,43,74,.025)}
.order-item:hover{border-color:#ccd6ef}
.order-main b{display:block;font-size:15px}.order-service{font-weight:650}.order-date b,.order-price b{display:block}.order-workers{font-size:13px}.order-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.order-actions button{min-height:38px;padding:8px 11px;font-size:13px}
.tag{display:inline-flex;align-items:center;gap:6px;font-weight:750;padding:5px 9px;border-radius:999px;font-size:12px;white-space:nowrap}
.status-planned{background:var(--amber-soft);color:var(--amber)}.status-progress{background:var(--primary-soft);color:#3057c7}.status-done{background:var(--green-soft);color:var(--green)}.status-cancelled{background:var(--red-soft);color:#b02d3b}
.empty{padding:28px 14px;text-align:center;color:var(--muted);border:1px dashed #dce2ed;border-radius:12px;background:rgba(255,255,255,.65)}

.entity-list{display:grid;gap:10px}
.entity-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 16px}
.entity-row.clickable{cursor:pointer;transition:.15s ease}.entity-row.clickable:hover{transform:translateY(-1px);border-color:#cbd6f2;box-shadow:0 5px 16px rgba(29,43,74,.06)}
.entity-title{font-size:16px;font-weight:750}.entity-meta{margin-top:3px;color:var(--muted);font-size:13px}.entity-money{text-align:right}.entity-money b{display:block;font-size:17px}.entity-money small{margin:1px 0 0}
.debt{color:#b1434f}.debt.zero{color:#667085}

.current-list{display:grid;gap:10px}
.current-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid #dfe5f2;border-radius:13px;padding:14px 15px;cursor:pointer;transition:.15s ease}
.current-row:hover{transform:translateY(-1px);border-color:#c5d2f2;box-shadow:0 5px 16px rgba(29,43,74,.06)}
.current-primary{min-width:0}.current-primary b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-primary small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.current-actions{display:flex;align-items:center;gap:8px}.current-open{color:var(--muted);font-size:20px;font-weight:700;padding:0 3px}
.order-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.detail-box{background:#f7f9fd;border:1px solid #e4e9f2;border-radius:12px;padding:12px}.detail-box span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.detail-box b{display:block;font-size:15px}.detail-wide{grid-column:1/-1}.detail-list{display:grid;gap:8px;margin-top:8px}.detail-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #e8ecf3}.detail-line:first-child{border-top:0}.detail-line strong{text-align:right}

.worker-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px}
.mini-stat{border-radius:12px;padding:13px;background:#f6f8fc;border:1px solid #e6eaf2}.mini-stat span{display:block;color:var(--muted);font-size:12px}.mini-stat b{display:block;font-size:19px;margin-top:4px}
.worker-job{display:grid;grid-template-columns:1.4fr .8fr auto;gap:12px;align-items:center;border-top:1px solid #edf0f6;padding:13px 0}.worker-job:first-child{border-top:0}.worker-job-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.worker-job .unpaid-amount{color:#c53a47}.worker-job .unpaid-label{color:#c53a47;font-weight:700}

.form-section{border:1px solid #e1e6ef;border-radius:13px;padding:14px;margin:15px 0;background:#fafbfe}
.form-section legend{font-weight:700;padding:0 6px;color:#2d3953}
.choice-list{display:grid;gap:8px;margin-top:11px}
.choice-row{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:10px!important;margin:0!important;background:#fff;border:1px solid #e4e8f0;border-radius:10px;padding:10px 11px;font-weight:600!important}
.choice-row .choice-price{width:120px}.choice-row small{grid-column:2/-1;margin:0}
.worker-choice{grid-template-columns:auto 1fr 130px!important}.worker-choice.paid{background:#f2faf6;border-color:#d5ebdf}
.client-picker{display:grid;gap:7px;margin:13px 0}.client-picker-title{font-weight:600;color:#34405a}.client-search{position:relative}.client-search input{padding-left:36px;min-height:38px;font-size:13px;background:#f8faff}.client-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:15px;color:#778197;pointer-events:none;line-height:1}


.analytics-hero{display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(260px,.85fr);gap:16px;margin-bottom:18px}
.analytics-overview{background:linear-gradient(135deg,#111a2e 0%,#1d2e57 58%,#31488a 100%);color:#fff;border:0;overflow:hidden;position:relative}
.analytics-overview:before{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08)}
.analytics-overview .section-label,.analytics-overview p,.analytics-overview .muted{color:rgba(255,255,255,.82)}
.analytics-overview .dot{background:#8eafff}.analytics-overview h2{color:#fff}
.analytics-main-number{font-size:38px;font-weight:650;letter-spacing:-1px;margin:10px 0 6px}
.analytics-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.analytics-chip{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:13px}.analytics-chip span{display:block;font-size:12px;color:rgba(255,255,255,.72)}.analytics-chip b{display:block;font-size:20px;margin-top:4px;color:#fff}
.analytics-donut-card{display:flex;align-items:center;justify-content:center;min-height:100%}
.analytics-donut-wrap{display:grid;justify-items:center;gap:14px;width:100%}
.analytics-donut{width:min(250px,72vw);aspect-ratio:1;position:relative;display:grid;place-items:center}.analytics-donut svg{width:100%;height:100%;overflow:visible}.donut-track{fill:none;stroke:#eef2fa;stroke-width:14}.donut-segment{fill:none;stroke-width:14;stroke-linecap:butt;transition:stroke-width .2s ease,filter .2s ease,opacity .2s ease;cursor:pointer}.donut-segment:hover{stroke-width:17}.donut-segment.selected{stroke-width:20;filter:drop-shadow(0 3px 5px rgba(34,47,82,.28));opacity:1}.donut-segment.dimmed{opacity:.28}.analytics-donut-center{position:absolute;inset:0;display:grid;place-items:center;text-align:center;z-index:1;padding:0 22%;pointer-events:none}.analytics-donut-center span{display:block;color:var(--muted);font-size:12px}.analytics-donut-center b{display:block;font-size:23px;line-height:1.05;letter-spacing:-.5px;word-break:break-word}
.analytics-legend{display:grid;gap:8px;width:100%}.legend-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#f7f9fd;border:1px solid #e7ecf4;border-radius:12px;padding:10px 11px;cursor:pointer;transition:.15s ease}.legend-row:hover,.legend-row.selected{border-color:#b9c8ef;background:#f2f5ff;transform:translateY(-1px)}.legend-swatch{width:12px;height:12px;border-radius:50%}.legend-row b{font-size:14px}.legend-row small{margin:0}
.analytics-list{display:grid;gap:11px}.analytics-row{border:1px solid #e7ebf3;border-radius:14px;padding:14px;background:#fff;cursor:pointer;transition:.15s ease}.analytics-row:hover,.analytics-row.selected{border-color:#b9c8ef;background:#fbfcff;box-shadow:0 5px 16px rgba(29,43,74,.06)}.analytics-row-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:10px}.analytics-row-head b{font-size:15px;display:block}.analytics-row-head span{color:var(--muted);font-size:13px}.analytics-row strong{font-size:18px;white-space:nowrap}
.analytics-bar{height:12px;border-radius:999px;background:#edf2fb;overflow:hidden;position:relative}.analytics-bar-fill{height:100%;border-radius:999px}
.analytics-row-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.analytics-row-meta div{background:#f8faff;border:1px solid #edf1f7;border-radius:10px;padding:10px}.analytics-row-meta span{display:block;color:var(--muted);font-size:12px}.analytics-row-meta b{display:block;font-size:15px;margin-top:3px}

.analytics-simple-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.analytics-simple-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 17px;box-shadow:0 4px 16px rgba(29,43,74,.045)}
.analytics-simple-kpi span{display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:5px}
.analytics-simple-kpi b{display:block;font-size:25px;line-height:1.1;letter-spacing:-.45px}
.analytics-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:16px;align-items:start}
.analytics-ranking{display:grid;gap:9px}
.analytics-service-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid #e6eaf2;border-radius:12px;background:#fff;cursor:pointer;transition:.15s ease}
.analytics-service-row:hover,.analytics-service-row.selected{border-color:#b8c7ef;background:#f8faff;box-shadow:0 4px 13px rgba(29,43,74,.05)}
.analytics-service-top{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:7px}.analytics-rank{width:25px;height:25px;border-radius:8px;background:#eef2ff;color:#3f5bc6;display:grid;place-items:center;font-size:12px;font-weight:650;flex:0 0 auto}.analytics-service-name{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-service-sub{color:var(--muted);font-size:12px;margin-left:34px}
.analytics-service-money{text-align:right;white-space:nowrap}.analytics-service-money b{display:block;font-size:16px}.analytics-service-money small{margin:2px 0 0}
.analytics-mini-bar{height:7px;border-radius:999px;background:#edf2fb;overflow:hidden;margin-left:34px;margin-top:8px}.analytics-mini-fill{height:100%;border-radius:999px;background:var(--primary)}
.analytics-focus-card{position:sticky;top:20px}.analytics-focus-title{text-align:center;margin-bottom:12px}.analytics-focus-title span{display:block;color:var(--muted);font-size:12px}.analytics-focus-title b{display:block;font-size:18px;margin-top:3px}.analytics-focus-title strong{display:block;font-size:24px;margin-top:5px}
.analytics-focus-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.analytics-focus-meta div{background:#f7f9fd;border:1px solid #e7ecf4;border-radius:10px;padding:10px;text-align:center}.analytics-focus-meta span{display:block;color:var(--muted);font-size:11px}.analytics-focus-meta b{display:block;font-size:14px;margin-top:3px}

.analytics-empty{padding:40px 18px;text-align:center}

.install-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;background:linear-gradient(135deg,#f4f7ff,#eef3ff);border:1px solid #dce4ff;border-radius:14px;padding:15px 16px;margin-top:14px}.install-card h3{margin:0 0 3px}.install-card p{margin:0;color:var(--muted);font-size:13px}.install-card[hidden]{display:none!important}

.worker-chart{display:grid;gap:10px;margin-top:4px}
.worker-chart-row{display:grid;grid-template-columns:minmax(110px,170px) minmax(120px,1fr) auto;align-items:center;gap:12px}
.worker-chart-name{min-width:0;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.worker-chart-track{height:10px;background:#e9eef8;border-radius:999px;overflow:hidden;position:relative}
.worker-chart-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4f6df5,#8397ff);min-width:0;transition:width .2s ease}
.worker-chart-value{text-align:right;white-space:nowrap;font-size:13px}.worker-chart-value b{font-size:14px}.worker-chart-value small{display:inline;margin:0 0 0 7px}
.worker-chart-empty{padding:18px;text-align:center;color:var(--muted);border:1px dashed #dce2ed;border-radius:12px}
.worker-chart-periods{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.worker-chart-periods button{min-height:34px;padding:7px 11px;font-size:12px;background:#eef2f8;color:#516078;border:1px solid #e0e6f0}
.worker-chart-periods button.active{background:var(--primary);color:#fff;border-color:var(--primary)}
@media(max-width:600px){.worker-chart-row{grid-template-columns:90px 1fr}.worker-chart-value{grid-column:2;text-align:left;margin-top:-6px}.worker-chart-track{height:9px}}
.client-phone-line{display:flex;align-items:center;gap:8px;margin-top:5px}.client-phone-line small{margin:0}.phone-icon-btn{width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:16px;flex:0 0 auto}.phone-icon-btn:hover{filter:none;background:#d9f2e7}.call-client-btn{background:#16845f}.call-client-btn:hover{filter:brightness(.96)}


.services-list{display:grid;gap:10px}
.service-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:14px 15px;transition:.15s ease}
.service-card:hover{border-color:#cbd6f2;box-shadow:0 5px 16px rgba(29,43,74,.05)}
.service-card-main{min-width:0}.service-card-name{font-size:16px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-card-price{color:var(--muted);font-size:13px;margin-top:3px}
.service-card-actions{display:flex;align-items:center;gap:7px}.service-icon-btn{width:38px;height:38px;min-height:38px;padding:0;border-radius:10px;font-size:19px;font-weight:750}
.service-icon-btn.edit{background:#eef2f8;color:#24324b}.service-icon-btn.delete{background:transparent;color:#c43d4b;border:1px solid #f0cbd0}.service-icon-btn.delete:hover{background:#ffeaed}
html[data-theme="dark"] .service-card{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .service-icon-btn.edit{background:#26344a;color:#eef3ff}
html[data-theme="dark"] .service-icon-btn.delete{background:transparent;color:#ff7f8d;border-color:#69353d}
@media(max-width:600px){.service-card{padding:13px}.service-card-actions{gap:5px}.service-icon-btn{width:36px;height:36px;min-height:36px}.service-card-name{font-size:15px}}


.desktop-new-order-wrap{display:flex;gap:8px;flex-wrap:wrap}
.mobile-fab{display:none;position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:56px;height:56px;min-height:56px;padding:0;border-radius:50%;font-size:30px;line-height:1;z-index:35;box-shadow:0 12px 28px rgba(40,64,145,.28)}
@media(max-width:760px){
  .desktop-new-order-wrap{display:none!important}
  .mobile-fab{display:flex}
}
.notice{font-size:12px;color:var(--muted);margin:20px 2px 0}
.toast{position:fixed;right:24px;bottom:24px;background:#172033;color:#fff;padding:14px 18px;border-radius:12px;z-index:50;box-shadow:0 12px 35px #111a2e44;max-width:420px}
dialog{border:0;border-radius:18px;padding:0;width:560px;max-width:94vw;max-height:90vh;box-shadow:0 24px 90px #111a2e55;color:var(--text);overflow:hidden}
dialog::backdrop{background:#111a2e8c;backdrop-filter:blur(2px)}
.modal-inner{padding:22px 24px;max-height:90vh;overflow:auto}.modal-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.modal-title h2{font-size:21px;margin:0}.modal-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.modal-footer button{width:100%}
.detail-divider{height:1px;background:#e8ecf3;margin:18px 0}


.auth-screen{position:fixed;inset:0;z-index:100;background:linear-gradient(135deg,#111a2e,#243a70);display:grid;place-items:center;padding:20px}.auth-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:26px;box-shadow:0 30px 90px #07102666}.auth-logo{font-size:30px;font-weight:750;letter-spacing:-.7px;margin-bottom:6px}.auth-logo span{color:#4f6df5}.auth-card p{color:var(--muted);margin-bottom:18px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#f1f4f9;padding:5px;border-radius:12px;margin-bottom:18px}.auth-tab{background:transparent;color:#536078;min-height:40px}.auth-tab.active{background:#fff;color:#172033;box-shadow:0 2px 10px #17203312}.auth-error{display:none;background:#ffedf0;color:#a92838;border:1px solid #ffd3da;border-radius:10px;padding:10px 12px;margin:12px 0;font-size:13px}.auth-note{font-size:12px;color:var(--muted);margin-top:12px}.sync-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#eaf8f1;color:#167455;font-size:12px;font-weight:750}.sync-badge.offline{background:#fff4df;color:#94600b}.logout-btn{background:#eef2f8;color:#24324b}.auth-screen[hidden]{display:none!important}
@media(max-width:1180px){
  aside{width:190px}main{margin-left:190px;padding:25px 22px}.stats{grid-template-columns:repeat(2,1fr)}
  .order-item{grid-template-columns:1.3fr 1fr 135px 115px;gap:10px}.order-workers{grid-column:1/3}.order-actions{grid-column:3/5}
}
@media(max-width:760px){
  body{padding-bottom:env(safe-area-inset-bottom)}
  aside{position:sticky;top:0;width:100%;height:auto;padding:12px 12px 8px;background:#111a2ef7;backdrop-filter:blur(12px);box-shadow:0 8px 25px #111a2e18}
  .brand{font-size:19px}nav{display:flex;gap:6px;overflow-x:auto;margin-top:10px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{flex:0 0 auto;padding:9px 11px;font-size:13px;white-space:nowrap}
  main{margin:0;padding:16px 11px 28px;max-width:none}.page-header{margin-bottom:15px;flex-wrap:wrap}.page-header>div{min-width:0;flex:1 1 200px}.page-header h1{font-size:24px}.page-header>button{flex:0 0 auto}
  .panel{padding:15px;border-radius:14px;margin-bottom:13px}.panel-title{gap:9px;margin-bottom:12px;flex-wrap:wrap}.panel-title .button{width:100%}
  .stats{gap:9px;margin-bottom:13px}.stat{padding:13px;min-height:100px}.stat-value{font-size:21px;overflow-wrap:anywhere}
  .controls{grid-template-columns:1fr}.controls-panel{padding:11px;margin-bottom:12px}
  .current-row{padding:12px}.current-actions .success{font-size:12px;min-height:36px;padding:7px 9px}.current-open{display:none}.order-details-grid{grid-template-columns:1fr}
  .order-item{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px}.order-main{grid-column:1/-1}.order-service{grid-column:1/-1}.order-date,.order-price,.order-workers{grid-column:auto}.order-workers{grid-column:1/-1}.order-actions{grid-column:1/-1;justify-content:stretch}.order-actions button{flex:1 1 130px;min-height:42px}
  .entity-row{padding:14px}.worker-summary{grid-template-columns:1fr}.worker-job{grid-template-columns:1fr;gap:7px}.worker-job-actions{justify-content:stretch}.worker-job-actions button{flex:1 1 150px}
  .choice-row{grid-template-columns:auto 1fr!important}.choice-row .choice-price{grid-column:2;width:100%}.worker-choice{grid-template-columns:auto 1fr!important}.worker-choice input[type=number]{grid-column:2;width:100%}
  .analytics-hero{grid-template-columns:1fr}.analytics-metrics,.analytics-row-meta{grid-template-columns:1fr}.analytics-main-number{font-size:32px}.analytics-chip b{font-size:18px}
  .analytics-simple-kpis{grid-template-columns:1fr}.analytics-workspace{grid-template-columns:1fr}.analytics-focus-card{position:static}.analytics-simple-kpi b{font-size:22px}
  input,select,textarea,button,.button{min-height:44px;font-size:16px}
  dialog{width:calc(100vw - 14px);max-width:none;max-height:94dvh;margin:auto auto 7px;border-radius:18px}.modal-inner{padding:19px 15px;max-height:94dvh}.modal-footer{gap:8px}
  .toast{left:11px;right:11px;bottom:calc(11px + env(safe-area-inset-bottom));max-width:none;text-align:center}
}
@media(max-width:430px){
  .page-header{display:grid;grid-template-columns:1fr}.page-header>button{width:100%}.stats{grid-template-columns:1fr 1fr}.stat{min-height:92px}.stat-label{font-size:12px}
  .order-item{grid-template-columns:1fr}.order-main,.order-service,.order-date,.order-price,.order-workers,.order-actions{grid-column:1}.order-date,.order-price{padding:7px 9px;background:#f7f9fc;border-radius:9px}.order-actions{display:grid;grid-template-columns:1fr}.order-actions button{width:100%}
  .entity-row{grid-template-columns:1fr auto}.entity-title{font-size:15px}.entity-money b{font-size:16px}
  .analytics-donut{width:min(220px,78vw)}
  .install-card{grid-template-columns:1fr}.install-card button{width:100%}
  dialog{width:100vw;margin:auto 0 0;border-radius:18px 18px 0 0;max-height:95dvh}.modal-inner{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
}


/* Theme switch */
.theme-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}
.theme-card h3{margin:0 0 3px}.theme-card p{margin:0;color:var(--muted);font-size:13px}.theme-toggle{min-width:150px}
body[data-theme="dark"]{
  --bg:#0d1320;--surface:#151d2d;--surface-2:#1a2436;--text:#eef3ff;--muted:#94a0b8;--line:#28364d;
  --nav:#080d17;--primary:#6f88ff;--primary-soft:#1d2b55;--green:#58c79e;--green-soft:#15362d;
  --amber:#e3b454;--amber-soft:#3a2d15;--red:#ef7b86;--red-soft:#3d1e25;--violet:#a993ff;--violet-soft:#292344;
  --shadow:0 8px 28px rgba(0,0,0,.22)
}
body[data-theme="dark"] button.secondary,body[data-theme="dark"] .button.secondary{background:#222f45;color:#eaf0ff}
body[data-theme="dark"] button.ghost{border-color:#3c4d72;color:#9eb0ff}
body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea{background:#111a29;border-color:#31405a;color:#eef3ff}
body[data-theme="dark"] input:focus,body[data-theme="dark"] select:focus,body[data-theme="dark"] textarea:focus{outline-color:#2d3f75;border-color:#7089ff}
body[data-theme="dark"] label{color:#cbd5e8}
body[data-theme="dark"] nav a{color:#9eabc2}body[data-theme="dark"] nav a.active,body[data-theme="dark"] nav a:hover{background:#1b2942;color:#fff}
body[data-theme="dark"] .panel-blue{background:linear-gradient(180deg,#172136 0%,#131d30 100%);border-color:#2c3b59}
body[data-theme="dark"] .panel-green{background:linear-gradient(180deg,#151d2d 0%,#13241f 100%);border-color:#25453b}
body[data-theme="dark"] .panel-violet{background:linear-gradient(180deg,#151d2d 0%,#211d35 100%);border-color:#3b3455}
body[data-theme="dark"] .stat,body[data-theme="dark"] .controls-panel,body[data-theme="dark"] .order-item,body[data-theme="dark"] .entity-row,body[data-theme="dark"] .current-row,body[data-theme="dark"] .choice-row{background:#151d2d;border-color:#29374d}
body[data-theme="dark"] .empty{background:#111927;border-color:#314058}
body[data-theme="dark"] .order-date,body[data-theme="dark"] .order-price,body[data-theme="dark"] .detail-box,body[data-theme="dark"] .mini-stat,body[data-theme="dark"] .analytics-row-meta div,body[data-theme="dark"] .legend-row{background:#111a29;border-color:#28364d}
body[data-theme="dark"] .form-section{background:#111927;border-color:#2b3950}
body[data-theme="dark"] .detail-line,body[data-theme="dark"] .worker-job{border-color:#29364b}
body[data-theme="dark"] dialog{background:#151d2d;color:#eef3ff}
body[data-theme="dark"] dialog::backdrop{background:#03060bb8}
body[data-theme="dark"] .analytics-donut:after{background:#151d2d;box-shadow:0 0 0 1px #28364d inset}
body[data-theme="dark"] .analytics-row{background:#151d2d;border-color:#29364b}
body[data-theme="dark"] .analytics-bar{background:#26344a}
body[data-theme="dark"] .analytics-simple-kpi,body[data-theme="dark"] .analytics-service-row{background:#151d2d;border-color:#29364b}
body[data-theme="dark"] .analytics-service-row:hover,body[data-theme="dark"] .analytics-service-row.selected{background:#1b2639;border-color:#49628d}
body[data-theme="dark"] .analytics-rank{background:#273758;color:#9bb3ff}
body[data-theme="dark"] .analytics-mini-bar{background:#26344a}
body[data-theme="dark"] .analytics-focus-meta div{background:#111a29;border-color:#28364d}

body[data-theme="dark"] .theme-card{background:#111a29}
body[data-theme="dark"] .client-search-wrap{background:#111a29!important;border-color:#31405a!important}


body[data-theme="dark"] .auth-card{background:#151d2d;color:#eef3ff}
body[data-theme="dark"] .auth-tabs{background:#0f1725}
body[data-theme="dark"] .auth-tab{color:#aebbd0}
body[data-theme="dark"] .auth-tab.active{background:#25344d;color:#fff}
body[data-theme="dark"] .auth-card label{color:#cbd5e8}


.saas-side{margin-top:15px;padding:10px 11px;border:1px solid #31405d;border-radius:11px;background:#17233c;color:#dfe7f7;font-size:12px}.saas-side b{display:block;color:#fff;font-size:13px;margin-bottom:2px}.saas-side span{color:#9eabc2}
.saas-card{width:min(500px,100%);background:#fff;border-radius:22px;padding:27px;box-shadow:0 30px 90px #07102666}.saas-card h1{font-size:27px}.saas-logo{font-size:30px;font-weight:750;letter-spacing:-.7px;margin-bottom:10px}.saas-logo span{color:#4f6df5}.saas-kicker{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf1ff;color:#3155c5;font-size:12px;font-weight:700;margin-bottom:12px}.saas-muted{color:var(--muted)}.saas-steps{display:grid;gap:8px;margin:18px 0}.saas-step{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:11px;border:1px solid var(--line);border-radius:11px;background:#f8faff}.saas-step-num{width:30px;height:30px;border-radius:9px;background:#edf1ff;color:#3155c5;display:grid;place-items:center;font-weight:700}.saas-plan{border:1px solid #dfe5ff;background:linear-gradient(180deg,#fbfcff,#f3f6ff);border-radius:15px;padding:16px;margin:16px 0}.saas-plan-price{font-size:28px;font-weight:650;letter-spacing:-.5px}.saas-plan-price small{display:inline;font-size:13px}.saas-actions{display:grid;gap:9px;margin-top:16px}.saas-actions button{width:100%}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.plan-option{border:1px solid #dfe5ff;background:#fff;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}.plan-option.best{border-color:#91a3ff;box-shadow:0 0 0 2px #e8ecff inset}.plan-option h3{margin:0;font-size:16px}.plan-option .plan-total{font-size:22px;font-weight:650;letter-spacing:-.4px}.plan-option .plan-per-month{font-size:12px;color:var(--muted)}.plan-option .plan-coeff{display:inline-flex;align-self:flex-start;padding:4px 7px;border-radius:999px;background:#eef2ff;color:#3856bd;font-size:11px;font-weight:700}.plan-option .plan-save{font-size:12px;color:#16845f;font-weight:750;min-height:18px}.plan-option button{width:100%;margin-top:auto}.current-plan-line{font-size:13px;color:var(--muted);margin-top:4px}.subscription-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--surface-2)}.subscription-card h3{margin:0 0 3px}.subscription-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.subscription-status.trial{background:#fff2d8;color:#9b650b}.subscription-status.active{background:#e9f8f2;color:#167455}.subscription-status.cancelled{background:#eef2f8;color:#536078}.subscription-status.expired{background:#ffeaed;color:#b93644}.subscription-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.subscription-meta>div{padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fff}.subscription-meta span{display:block;font-size:11px;color:var(--muted)}.subscription-meta b{display:block;margin-top:3px;font-size:14px}.prototype-box{margin-top:14px;padding:14px;border:1px dashed #c6cfe1;border-radius:13px;background:#fafbfe}.prototype-box h3{margin:0 0 4px}.prototype-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.prototype-actions button{font-size:13px;min-height:38px}.local-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#eef2f8;color:#536078;font-size:12px;font-weight:750}
body[data-theme="dark"] .saas-card{background:#151d2d;color:#eef3ff}body[data-theme="dark"] .saas-step,body[data-theme="dark"] .saas-plan,body[data-theme="dark"] .plan-option,body[data-theme="dark"] .subscription-card,body[data-theme="dark"] .subscription-meta>div,body[data-theme="dark"] .prototype-box{background:#111a29;border-color:#2d3b53}body[data-theme="dark"] .saas-side{background:#111927;border-color:#2d3b53}
@media(max-width:700px){.plan-grid{grid-template-columns:1fr}.subscription-card{grid-template-columns:1fr}.subscription-card>button{width:100%}.subscription-meta{grid-template-columns:1fr}.saas-card{padding:22px 18px}.prototype-actions{display:grid}.prototype-actions button{width:100%}}



/* ===== NA POTOKE full redesign v4 ===== */
:root{
  --bg:#f3f1eb;
  --surface:#ffffff;
  --surface-2:#fbfaf7;
  --text:#171717;
  --muted:#70706b;
  --line:#e9e4da;
  --nav:#111111;
  --primary:#ef6a2d;
  --primary-2:#ff8f52;
  --primary-soft:#fff0e7;
  --green:#158a5e;
  --green-soft:#ebfaf3;
  --amber:#b27210;
  --amber-soft:#fff6df;
  --red:#b74749;
  --red-soft:#ffefef;
  --violet:#7557d8;
  --violet-soft:#f3efff;
  --shadow:0 16px 44px rgba(26,24,20,.07);
  --shadow-soft:0 8px 26px rgba(26,24,20,.05);
  --radius:22px;
}
body{
  background:radial-gradient(circle at top left,#fff8f3 0,#f5f2ea 35%,#f0eee7 100%);
  color:var(--text);
  font:15px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
button,.button{
  background:linear-gradient(135deg,var(--primary) 0%,var(--primary-2) 100%);
  border-radius:14px;
  min-height:44px;
  padding:11px 16px;
  font-weight:700;
  box-shadow:0 10px 24px rgba(239,106,45,.18);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease;
}
button:hover,.button:hover{filter:none;transform:translateY(-2px);box-shadow:0 16px 28px rgba(239,106,45,.22)}
button.secondary,.button.secondary{background:#f5f3ee;color:#242320;box-shadow:none;border:1px solid var(--line)}
button.ghost{background:transparent;color:var(--primary);border:1px solid #f0c8b3;box-shadow:none}
button.success{background:linear-gradient(135deg,#18a56b 0%,#159162 100%);box-shadow:0 10px 24px rgba(21,145,98,.16)}
button.danger-button{background:var(--red-soft);color:var(--red);box-shadow:none}
.icon-button{border-radius:12px}
input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 13px;transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease}
input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 4px rgba(239,106,45,.10);border-color:#f1b392;transform:translateY(-1px)}
label{color:#33322f;font-weight:650}
small,.muted{color:var(--muted)}
h1{font-size:34px;letter-spacing:-.03em;margin-bottom:8px}
h2{font-size:23px;letter-spacing:-.02em}
h3{font-size:17px}

aside{
  width:254px;
  background:rgba(17,17,17,.96);
  color:#fff;
  padding:22px 16px 18px;
  box-shadow:24px 0 60px rgba(16,16,16,.10);
}
.brand{font-size:24px;font-weight:750;letter-spacing:-.05em}
.brand span{color:#ff8d54}
nav{margin-top:18px;gap:8px}
nav a{
  display:grid;
  grid-template-columns:36px 1fr;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:16px;
  color:#cac5ba;
  transition:transform .18s ease, background .18s ease, color .18s ease;
}
nav a .nav-icon{
  width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.06);
  display:flex;align-items:center;justify-content:center;font-size:18px
}
nav a .nav-text{font-weight:700;line-height:1.2}
nav a.active,nav a:hover{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));color:#fff;transform:translateX(3px)}
nav a.active .nav-icon,nav a:hover .nav-icon{background:rgba(255,141,84,.16);color:#ff9b6b}
main{margin-left:254px;padding:28px 30px 44px;max-width:1600px}
.page-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:stretch;
  margin-bottom:20px;
}
.page-header-card{
  background:linear-gradient(180deg,#fff 0%,#fff9f5 100%);
  border:1px solid var(--line);
  border-radius:28px;
  padding:22px 24px;
  box-shadow:var(--shadow);
}
.page-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:10px}
.page-subtitle{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted)}
.local-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;color:#5f605b}
.page-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}
.page-actions .desktop-new-order{font-size:15px;padding-inline:18px}

.panel{
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(12px);
  border:1px solid rgba(233,228,218,.95);
  border-radius:24px;
  padding:20px;
  margin-bottom:18px;
  box-shadow:var(--shadow-soft);
  animation:fadeUp .35s ease both;
}
.panel-blue,.panel-green,.panel-violet{background:rgba(255,255,255,.88);border-color:rgba(233,228,218,.95)}
.panel-title{align-items:center;margin-bottom:16px}
.panel-title h2{margin-bottom:3px}
.section-label{color:var(--primary);font-size:11px;letter-spacing:.12em}
.dot{width:9px;height:9px;background:var(--primary)}
.count-pill{background:var(--primary-soft);color:#c85a27;font-weight:700}

.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.stat{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px;
  padding:18px 18px 16px;
  min-height:118px;
  background:linear-gradient(180deg,#fff 0%,#fffcfa 100%);
  box-shadow:var(--shadow-soft);
  transition:transform .2s ease, box-shadow .2s ease;
}
.stat:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.stat:before{left:18px;right:18px;top:auto;bottom:0;width:auto;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary-2))}
.stat.green:before{background:linear-gradient(90deg,#12a56d,#4fc78f)}
.stat.amber:before{background:linear-gradient(90deg,#cc8a18,#f0bf56)}
.stat.violet:before{background:linear-gradient(90deg,#7152d6,#a48eff)}
.stat-label{font-size:13px;font-weight:700;color:#78736b}
.stat-value{font-size:30px;line-height:1.05;margin-top:10px}

.overview-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-bottom:18px}
.overview-stack{display:grid;gap:18px}
.insight-box{display:grid;gap:10px}
.insight-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:16px;background:#fff8f4;border:1px solid #f7d8c8}
.insight-mark{width:24px;height:24px;border-radius:999px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:750;flex:0 0 auto}
.hero-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px}
.hero-card span{display:block;color:var(--muted);font-size:13px}
.hero-card b{display:block;font-size:24px;margin-top:8px;letter-spacing:-.03em}
.hero-card strong{font-size:14px;color:#2f2e2b}

.controls-panel{position:sticky;top:20px;z-index:5;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:24px;padding:14px 16px;box-shadow:var(--shadow-soft)}
.controls{gap:12px}

.order-list,.current-list,.entity-list{gap:12px}
.order-item,.current-row,.entity-row,.service-card{
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,#fff 0%,#fffdfa 100%);
  box-shadow:var(--shadow-soft);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.order-item:hover,.current-row:hover,.entity-row.clickable:hover,.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#e7c8b7}
.order-item{
  grid-template-columns:1.2fr 1fr 130px 150px minmax(160px,.9fr) auto;
  gap:14px;
  padding:16px;
}
.order-main b,.current-primary b{font-size:16px;letter-spacing:-.02em}
.order-main small,.current-primary small{color:var(--muted);font-size:13px}
.order-service{font-weight:700;color:#2f302d}
.order-date,.order-price{padding:10px 12px;border-radius:14px;background:#f8f5ef;border:1px solid #eee6d9}
.order-price{display:grid;gap:6px}
.order-workers{font-size:13px;line-height:1.45;color:#4d4b46}
.order-actions{justify-content:flex-end;flex-wrap:wrap}
.tag{font-weight:700;padding:7px 11px;border-radius:999px;font-size:12px}
.status-planned{background:var(--amber-soft);color:var(--amber)}
.status-progress{background:var(--primary-soft);color:#cd5b24}
.status-done{background:var(--green-soft);color:var(--green)}
.status-cancelled{background:var(--red-soft);color:var(--red)}
.current-row{grid-template-columns:minmax(0,1fr) auto;padding:15px 16px;align-items:center}
.current-actions{gap:10px}
.current-open{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f5f3ee;color:#55534f;font-size:18px;font-weight:700}
.current-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.soft-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f7f3eb;border:1px solid #ece3d4;font-size:12px;color:#56544f;font-weight:700}

.entity-row{padding:16px}
.entity-title{font-size:17px}
.entity-meta{font-size:13px}
.entity-money b{font-size:18px}

.analytics-simple-kpi,.analytics-service-row,.analytics-focus-meta div,.analytics-row,.analytics-focus-card,.analytics-overview,.analytics-row-meta div,.analytics-simple-kpi{border-radius:22px}
.analytics-simple-kpis{gap:14px}
.analytics-simple-kpi{background:linear-gradient(180deg,#fff 0%,#fff9f5 100%);border:1px solid var(--line);padding:18px;box-shadow:var(--shadow-soft)}
.analytics-workspace{gap:18px}
.analytics-service-row{padding:15px 16px;border:1px solid var(--line);background:#fff}
.analytics-service-row:hover,.analytics-service-row.selected{background:#fff8f4;border-color:#f4cbb6}
.analytics-focus-card{background:linear-gradient(180deg,#fff 0%,#fffbf8 100%)}

.theme-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px}
.modal-inner{padding:22px 22px calc(18px + env(safe-area-inset-bottom));background:#fff}
.modal-title{margin-bottom:16px}
.modal-title h2{font-size:24px;letter-spacing:-.03em}
.dialog{border-radius:24px}
.notice{margin:22px 4px 0;color:#8a8379}
.mobile-fab{width:60px;height:60px;min-height:60px;border-radius:18px;bottom:calc(18px + env(safe-area-inset-bottom));right:18px;font-size:30px;box-shadow:0 18px 36px rgba(239,106,45,.28)}

.mobile-dock{display:none}
.app-note{padding:0 2px}

@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulseSoft{0%,100%{box-shadow:0 0 0 0 rgba(239,106,45,.16)}50%{box-shadow:0 0 0 10px rgba(239,106,45,0)}}
.desktop-new-order{animation:pulseSoft 3s infinite}

@media(max-width:1180px){
  aside{width:216px}
  main{margin-left:216px;padding:24px 18px 42px}
  .overview-grid{grid-template-columns:1fr}
  .order-item{grid-template-columns:1.1fr 1fr 130px 130px}
  .order-workers{grid-column:1/3}
  .order-actions{grid-column:3/5}
}
@media(max-width:760px){
  aside{position:sticky;top:0;width:100%;padding:12px 12px 10px;background:rgba(17,17,17,.94);backdrop-filter:blur(12px)}
  nav{display:none}
  #subscription-side{display:none}
  main{margin:0;padding:14px 12px 90px}
  .page-header{grid-template-columns:1fr;gap:12px}
  .page-header-card{padding:18px 16px;border-radius:22px}
  h1{font-size:28px}
  .page-actions{width:100%}
  .page-actions .desktop-new-order{flex:1 1 auto}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .stat{min-height:104px;padding:15px 15px 14px;border-radius:18px}
  .stat-value{font-size:24px}
  .hero-strip{grid-template-columns:1fr 1fr}
  .panel{padding:16px;border-radius:20px;margin-bottom:14px}
  .controls-panel{position:static;border-radius:20px;padding:12px}
  .order-item{grid-template-columns:1fr;gap:10px;padding:14px;border-radius:18px}
  .order-date,.order-price{padding:9px 11px}
  .order-actions{justify-content:stretch}.order-actions button{flex:1 1 0}
  .current-row,.entity-row,.service-card{border-radius:18px;padding:14px}
  .current-actions{display:grid;grid-template-columns:1fr auto;align-items:center}
  .mobile-fab{display:none!important}
  .mobile-dock{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:10px;background:rgba(17,17,17,.95);border-radius:22px;box-shadow:0 18px 50px rgba(15,15,15,.24);z-index:40}
  .mobile-dock a,.mobile-dock button{min-height:auto;background:none!important;box-shadow:none!important;border:none!important;color:#bdb7ab;text-decoration:none;display:grid;justify-items:center;gap:5px;padding:8px 4px;font-size:11px;font-weight:700;border-radius:14px}
  .mobile-dock a.active,.mobile-dock button.active{background:rgba(255,255,255,.08)!important;color:#fff}
  .mobile-dock .dock-icon{font-size:18px;line-height:1}
}
@media(max-width:430px){
  .hero-strip{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .page-subtitle{display:grid;gap:8px}
}
body[data-theme="dark"]{
  --bg:#0f1012;
  --surface:#17181b;
  --surface-2:#1c1e22;
  --text:#f5f3ef;
  --muted:#a6a39a;
  --line:#2e312f;
  --nav:#080809;
  --primary:#ff7a3f;
  --primary-2:#ff9a68;
  --primary-soft:#372216;
  --green:#6ad5a4;
  --green-soft:#13291f;
  --amber:#f0c267;
  --amber-soft:#342812;
  --red:#ef8a8a;
  --red-soft:#321a1b;
  --violet:#b39bff;
  --violet-soft:#2a2440;
  --shadow:0 16px 44px rgba(0,0,0,.24);
  --shadow-soft:0 10px 28px rgba(0,0,0,.18);
}
body[data-theme="dark"]{background:radial-gradient(circle at top left,#1b1714 0,#111214 38%,#0a0b0c 100%)}
body[data-theme="dark"] aside{background:rgba(8,8,9,.95)}
body[data-theme="dark"] .page-header-card,body[data-theme="dark"] .panel,body[data-theme="dark"] .stat,body[data-theme="dark"] .order-item,body[data-theme="dark"] .current-row,body[data-theme="dark"] .entity-row,body[data-theme="dark"] .service-card,body[data-theme="dark"] .analytics-simple-kpi,body[data-theme="dark"] .analytics-service-row,body[data-theme="dark"] .theme-card{background:linear-gradient(180deg,#17181b 0%,#131417 100%);border-color:#2c2e33}
body[data-theme="dark"] .order-date,body[data-theme="dark"] .order-price,body[data-theme="dark"] .detail-box,body[data-theme="dark"] .mini-stat,body[data-theme="dark"] .soft-chip,body[data-theme="dark"] .local-pill,body[data-theme="dark"] .hero-card{background:#121316;border-color:#2a2d30;color:#efede7}
body[data-theme="dark"] .current-open{background:#131418;color:#d8d0c4}
body[data-theme="dark"] button.secondary,body[data-theme="dark"] .button.secondary{background:#1f2226;color:#f0ede7;border-color:#2f3338}
body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea{background:#111215;border-color:#2d3035;color:#f5f3ef}
body[data-theme="dark"] .mobile-dock{background:rgba(10,10,10,.96)}


/* NA POTOKE v6 Compact UI pass */
:root{
  --radius:16px;
}

body{
  font-size:14px;
}

main{
  padding:18px 22px 32px;
}

.page-header-card{
  padding:16px 18px;
  border-radius:18px;
}

h1{
  font-size:28px;
  margin-bottom:4px;
}

h2{
  font-size:19px;
}

.page-subtitle{
  font-size:13px;
}

.panel{
  padding:14px;
  margin-bottom:12px;
  border-radius:18px;
}

.panel-title{
  margin-bottom:10px;
}

.panel-title p{
  margin:2px 0 0;
  font-size:12px;
}

.stats{
  gap:10px;
  margin-bottom:12px;
}

.stat{
  min-height:78px;
  padding:12px 14px;
  border-radius:16px;
}

.stat-value{
  font-size:22px;
  margin-top:5px;
}

.stat-label{
  font-size:12px;
}

.overview-grid{
  gap:12px;
}

.order-list,.current-list,.entity-list{
  gap:8px;
}

.order-item,
.current-row,
.entity-row{
  border-radius:16px;
  padding:11px 12px;
}

.order-item{
  grid-template-columns:1.1fr .9fr 100px auto;
  gap:8px;
}

.order-main b,
.current-primary b{
  font-size:14px;
}

.order-main small,
.current-primary small{
  font-size:12px;
}

.order-service{
  font-size:13px;
}

.order-date,
.order-price{
  padding:7px 9px;
  border-radius:10px;
  font-size:12px;
}

.order-workers{
  font-size:12px;
}

.order-actions button{
  min-height:34px;
  padding:7px 10px;
  font-size:12px;
}

.current-row{
  grid-template-columns:1fr auto;
}

.current-meta{
  margin-top:5px;
}

.soft-chip{
  padding:4px 8px;
  font-size:11px;
}

.current-open{
  width:28px;
  height:28px;
}

.hero-strip{
  gap:8px;
  margin-top:8px;
}

.hero-card{
  padding:12px;
  border-radius:15px;
}

.hero-card b{
  font-size:20px;
}

.insight-item{
  padding:9px 10px;
  border-radius:12px;
  font-size:13px;
}

button,.button{
  min-height:36px;
  padding:8px 12px;
  border-radius:11px;
  font-size:13px;
}

.controls-panel{
  padding:10px 12px;
  border-radius:16px;
}

@media(max-width:760px){
  main{
    padding:10px 10px 90px;
  }

  .page-header-card{
    padding:14px;
  }

  h1{
    font-size:24px;
  }

  .stats{
    grid-template-columns:repeat(4,1fr);
  }

  .stat{
    min-height:70px;
    padding:10px;
  }

  .stat-value{
    font-size:18px;
  }

  .panel{
    padding:12px;
  }

  .order-item{
    grid-template-columns:1fr;
    gap:6px;
  }

  .order-actions{
    display:flex;
  }

  .order-actions button{
    flex:1;
  }

  .current-row{
    padding:10px;
  }
}

/* reduce visual noise */
.panel,
.order-item,
.current-row,
.stat,
.entity-row{
  box-shadow:0 4px 16px rgba(20,20,20,.04);
}

.panel:hover,
.order-item:hover,
.current-row:hover,
.stat:hover{
  transform:translateY(-1px);
}


/* NA POTOKE v7 - Orders and booking density pass */

.orders-page .panel,
.booking-page .panel{
  padding:12px;
}

.order-list{
  gap:6px;
}

.order-item{
  grid-template-columns: minmax(130px,1.1fr) minmax(120px,.9fr) 90px 100px auto;
  padding:9px 10px;
  border-radius:14px;
  min-height:58px;
  align-items:center;
}

.order-main b{
  font-size:13px;
}

.order-main small,
.order-workers,
.order-service{
  font-size:11px;
}

.order-date,
.order-price{
  padding:5px 7px;
  border-radius:8px;
}

.order-actions{
  gap:5px;
}

.order-actions button{
  min-height:30px;
  padding:5px 8px;
  font-size:11px;
}

/* compact filters */
.controls-panel{
  margin-bottom:10px;
}

.controls{
  gap:8px;
}

.controls input,
.controls select{
  height:34px;
  padding:6px 9px;
  font-size:12px;
}

/* booking / schedule */
.schedule,
.calendar,
.booking-list{
  gap:6px;
}

.booking-card,
.schedule-item,
.record-row{
  padding:9px 11px;
  border-radius:14px;
  min-height:54px;
}

.booking-card h3,
.schedule-item h3{
  font-size:14px;
  margin:0;
}

.booking-card p,
.schedule-item p{
  font-size:12px;
  margin:2px 0;
}

.time-cell{
  font-size:12px;
  font-weight:700;
}

.client-cell{
  font-size:13px;
}

.service-cell{
  font-size:12px;
}

/* history */
.history .order-item{
  min-height:48px;
}

/* mobile */
@media(max-width:760px){

  .orders-page .panel,
  .booking-page .panel{
    padding:10px;
  }

  .order-item{
    display:grid;
    grid-template-columns:1fr auto;
    gap:5px;
    padding:10px;
  }

  .order-service{
    grid-column:1;
  }

  .order-price{
    grid-column:2;
    grid-row:1;
  }

  .order-workers{
    grid-column:1;
  }

  .order-actions{
    grid-column:1 / -1;
  }

  .order-actions button{
    min-height:32px;
  }

  .booking-card,
  .schedule-item,
  .record-row{
    padding:8px 10px;
  }

  .section-title{
    margin-bottom:8px;
  }
}

/* remove excessive empty space */
.empty{
  padding:18px;
  font-size:13px;
}


/* NA POTOKE v8 mobile analytics button */
@media(max-width:760px){
  .mobile-dock{
    grid-template-columns:repeat(5,1fr);
  }
}


/* v9 clean header */
.page-actions:empty{
  display:none;
}

.desktop-new-order{
  display:none!important;
}


/* v10 minimal headers */
.page-header{
  display:block;
  margin-bottom:14px;
}

.page-header-card{
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
  border-radius:0;
}

.page-eyebrow,
.page-subtitle,
.page-header-card .local-pill{
  display:none!important;
}

.page-header-card h1{
  margin:0;
  font-size:26px;
  letter-spacing:-.03em;
}

.page-actions{
  display:none!important;
}

@media(max-width:760px){
  .page-header{
    margin-bottom:10px;
  }

  .page-header-card h1{
    font-size:22px;
  }
}


/* v11 overview widgets layout */
.overview-dashboard{display:grid;gap:12px}
.overview-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.overview-kpi{background:linear-gradient(180deg,#fff 0%,#fffdfa 100%);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 4px 16px rgba(20,20,20,.04)}
.overview-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.overview-kpi-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:#fff3ea;color:var(--primary)}
.overview-kpi-icon.green{background:#edf9f2;color:var(--green)}
.overview-kpi-icon.gray{background:#f3f4f6;color:#7b8190}
.overview-kpi-label{font-size:12px;color:var(--muted);font-weight:700}
.overview-kpi-value{font-size:20px;font-weight:750;letter-spacing:-.03em;line-height:1.1}
.overview-kpi-note{margin-top:4px;font-size:12px;color:var(--green);font-weight:700}
.overview-panel{background:linear-gradient(180deg,#fff 0%,#fffdfa 100%);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 4px 16px rgba(20,20,20,.04)}
.overview-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.overview-panel-head h2{font-size:16px;margin:0;letter-spacing:-.02em}
.overview-link{font-size:12px;color:var(--primary);font-weight:700;text-decoration:none}
.week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.week-day{padding:10px 6px;border-radius:14px;text-align:center;background:#fff;border:1px solid var(--line)}
.week-day.active{background:#fff2e8;border-color:#ffd3bb}
.week-name{font-size:11px;color:var(--muted);margin-bottom:3px}
.week-number{font-size:13px;font-weight:700;line-height:1.1}
.week-count{margin-top:7px;font-size:12px;font-weight:700;color:#666}
.week-count-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#c4c8d2;margin-right:5px;vertical-align:middle}
.week-count-dot.orange{background:var(--primary)}
.week-count-badge{margin-top:7px;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--primary);color:#fff;font-size:12px;font-weight:750}
.overview-tip{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:#70706b}
.overview-tip-icon{width:20px;height:20px;border-radius:999px;background:#fff3ea;color:var(--primary);display:grid;place-items:center;font-size:12px;font-weight:750;flex:0 0 auto}
.order-mini-list{display:grid;gap:6px}
.order-mini-row{display:grid;grid-template-columns:72px 10px minmax(0,1fr) auto 18px;gap:8px;align-items:center;padding:10px 0;border-top:1px solid #f0ece3}
.order-mini-row:first-child{border-top:none;padding-top:2px}
.order-mini-time{font-size:12px;font-weight:700;color:#1f1f1d}
.order-mini-dot{width:10px;height:10px;border-radius:999px;background:#c4c8d2}
.order-mini-dot.orange{background:var(--primary)}
.order-mini-main b{display:block;font-size:13px;line-height:1.2}
.order-mini-main span{display:block;font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order-mini-status{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.order-mini-arrow{font-size:16px;color:#97938a;font-weight:700;text-align:right}
@media(max-width:760px){
  .overview-dashboard{gap:10px}
  .overview-kpis{gap:8px}
  .overview-kpi,.overview-panel{padding:12px;border-radius:16px}
  .overview-kpi-value{font-size:18px}
  .week-strip{gap:6px}
  .week-day{padding:8px 4px;border-radius:12px}
  .week-name{font-size:10px}
  .week-number{font-size:12px}
  .order-mini-row{grid-template-columns:58px 8px minmax(0,1fr) auto 14px;gap:6px;padding:8px 0}
  .order-mini-main b{font-size:12px}
  .order-mini-main span{font-size:11px}
  .order-mini-status{padding:5px 8px;font-size:10px}
}


/* v12 overview compact rows */
.overview-panel-head{margin-bottom:8px}
.overview-panel-head h2{font-size:15px}
.overview-panel{padding:12px;border-radius:16px}
.order-mini-list{gap:4px}
.order-mini-row{grid-template-columns:60px 8px minmax(0,1fr) auto 14px;gap:7px;padding:8px 0}
.order-mini-time{font-size:11px}
.order-mini-dot{width:8px;height:8px}
.order-mini-main b{font-size:12px}
.order-mini-main span{font-size:11px}
.order-mini-status{padding:5px 8px;font-size:10px}
.week-strip{gap:6px}
.week-day{padding:8px 4px;border-radius:12px}
.week-count-badge{width:22px;height:22px;font-size:11px}
@media(max-width:760px){
  .overview-panel{padding:10px;border-radius:14px}
  .order-mini-row{grid-template-columns:54px 8px minmax(0,1fr) auto 12px;gap:6px;padding:7px 0}
}


/* v13 fixed: compact statuses */
.order-mini-status{
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  font-size:11px;
  font-weight:500;
  color:#77736b;
}
.order-mini-status.status-progress{color:#d8642c}
.order-mini-status.status-planned{color:#a47716}
.order-mini-status.status-done{color:#198754}

.week-day{
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease;
}
.week-day:hover{
  transform:translateY(-2px);
}
.week-day.selected{
  background:#fff0e7;
  border-color:#ef6a2d;
}


/* v14 keep status backgrounds */
.order-mini-status{
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:600!important;
}

.order-mini-status.status-progress{
  background:#fff0e7!important;
  color:#d8642c!important;
}

.order-mini-status.status-planned{
  background:#fff6df!important;
  color:#a47716!important;
}

.order-mini-status.status-done{
  background:#ebfaf3!important;
  color:#198754!important;
}


/* v15 mobile navigation balance */
@media(max-width:760px){
  .mobile-dock a,
  .mobile-dock button{
    font-size:10.5px;
  }

  .mobile-dock .dock-icon{
    font-size:18px;
  }
}


/* v16 mobile top add + modern bottom bar */
.mobile-topbar{
  display:flex;
  align-items:center;
  gap:12px;
}
.mobile-top-add{
  display:none;
  width:42px;
  height:42px;
  border:none;
  border-radius:14px;
  background:linear-gradient(180deg,#ff8d4b 0%,#ef6a2d 100%);
  color:#fff;
  box-shadow:0 10px 22px rgba(239,106,45,.28);
  align-items:center;
  justify-content:center;
  padding:0;
}
.mobile-top-add svg{
  width:20px;
  height:20px;
}
.mobile-top-add:hover{
  transform:translateY(-1px);
}

@media(max-width:760px){
  aside{
    padding:10px 12px 8px!important;
  }
  .mobile-topbar{
    justify-content:flex-start;
  }
  .mobile-top-add{
    display:inline-flex;
    flex:0 0 42px;
  }
  .brand{
    font-size:20px!important;
  }
  .brand span{
    color:#ef6a2d;
  }

  .mobile-dock{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    gap:8px!important;
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    padding:10px 10px 11px!important;
    background:rgba(255,255,255,.88)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    border:1px solid rgba(216,221,230,.9)!important;
    border-radius:24px!important;
    box-shadow:0 18px 40px rgba(16,24,40,.14)!important;
    z-index:42!important;
  }
  .mobile-dock a,
  .mobile-dock button{
    min-height:auto!important;
    background:none!important;
    box-shadow:none!important;
    border:none!important;
    color:#81848d!important;
    text-decoration:none!important;
    display:grid!important;
    justify-items:center!important;
    gap:5px!important;
    padding:5px 2px!important;
    border-radius:16px!important;
    font-size:10.5px!important;
    font-weight:700!important;
  }
  .mobile-dock a.active,
  .mobile-dock button.active{
    color:#111827!important;
    background:rgba(243,245,248,.95)!important;
  }
  .mobile-dock .dock-icon{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:12px;
    color:currentColor;
    transition:all .16s ease;
  }
  .mobile-dock .dock-icon svg{
    width:18px;
    height:18px;
    display:block;
  }
  .mobile-dock a.active .dock-icon,
  .mobile-dock button.active .dock-icon{
    background:linear-gradient(180deg,#fff7f1 0%,#ffe6d5 100%);
    color:#ef6a2d;
    box-shadow:inset 0 0 0 1px rgba(239,106,45,.08);
  }
  .mobile-dock .dock-label{
    line-height:1;
    letter-spacing:-.01em;
  }
  main{
    padding-bottom:92px!important;
  }
}


/* v17 plus button right + dark theme surfaces */

@media(max-width:760px){
  .mobile-topbar{
    justify-content:space-between;
    width:100%;
  }

  .mobile-top-add{
    order:2;
  }

  .brand{
    order:1;
  }
}

/* dark mode full surface conversion */
body[data-theme="dark"] .panel,
body[data-theme="dark"] .overview-panel,
body[data-theme="dark"] .overview-kpi,
body[data-theme="dark"] .stat,
body[data-theme="dark"] .order-item,
body[data-theme="dark"] .current-row,
body[data-theme="dark"] .entity-row,
body[data-theme="dark"] .controls-panel,
body[data-theme="dark"] .service-card,
body[data-theme="dark"] .analytics-simple-kpi,
body[data-theme="dark"] .analytics-service-row{
  background:linear-gradient(180deg,#1b1d22 0%,#15171b 100%) !important;
  border-color:#30343c !important;
  color:#f4f4f1;
}

body[data-theme="dark"] .panel p,
body[data-theme="dark"] .stat-label,
body[data-theme="dark"] .muted,
body[data-theme="dark"] small{
  color:#a7abb5 !important;
}

body[data-theme="dark"] .order-mini-row,
body[data-theme="dark"] .overview-tip{
  border-color:#30343c !important;
}

body[data-theme="dark"] .week-day{
  background:#17191d;
  border-color:#30343c;
  color:#f4f4f1;
}

body[data-theme="dark"] .week-day.active,
body[data-theme="dark"] .week-day.selected{
  background:#302116;
  border-color:#ef6a2d;
}

body[data-theme="dark"] .mobile-dock{
  background:rgba(20,22,27,.9)!important;
  border-color:#30343c!important;
}

body[data-theme="dark"] .mobile-dock a,
body[data-theme="dark"] .mobile-dock button{
  color:#9298a5!important;
}

body[data-theme="dark"] .mobile-dock a.active{
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
}

body[data-theme="dark"] input,
body[data-theme="dark"] select,
body[data-theme="dark"] textarea{
  background:#111318;
  border-color:#30343c;
  color:#fff;
}


.orders-mobile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.orders-mobile-head h1{font-size:28px;margin:0}.orders-plus{width:48px;height:48px;min-height:48px;border-radius:50%;padding:0;font-size:28px}
.orders-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#f5f3ee;border-radius:20px;padding:3px;margin-bottom:12px}.orders-tabs button{background:transparent;color:#555;box-shadow:none;padding:10px 4px;min-height:42px}.orders-tabs button.active{background:linear-gradient(135deg,#ef6a2d,#ff965e);color:white}
.orders-search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:13px 16px;margin-bottom:12px}.orders-search input{border:0;padding:0;min-height:0}.orders-search span{font-size:24px;color:#888}
.orders-chips{display:flex;gap:8px;overflow:auto;margin-bottom:14px}.orders-chips button{background:#f5f3ee;color:#555;box-shadow:none;min-height:38px;padding:8px 14px;white-space:nowrap}.orders-chips button.active{background:var(--primary-soft);color:var(--primary)}
.order-mobile-row{display:grid;grid-template-columns:65px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.order-time{border-left:4px solid var(--primary);padding-left:10px}.order-time b{font-size:18px}.order-time small{font-size:11px}.order-main-mobile{display:grid;gap:3px}.order-main-mobile span{font-size:13px;color:var(--muted)}.order-right-mobile{display:grid;justify-items:end;align-content:center;gap:5px}.order-status-mobile{background:var(--primary-soft);color:var(--primary);border-radius:99px;padding:5px 10px;font-size:11px;font-weight:700}.order-arrow{font-size:26px;color:#888}
@media(max-width:760px){.orders-mobile-panel{padding:12px}.order-mobile-row{grid-template-columns:58px 1fr auto;gap:8px}.order-right-mobile b{font-size:13px}}

/* v23 orders polish */
.order-info-line{
 display:flex;
 align-items:center;
 gap:7px;
 color:#5f6268;
}
.order-info-line svg{
 width:17px;
 height:17px;
 flex:none;
 color:#8b9098;
}
.order-status-mobile{
 display:inline-flex;
 align-items:center;
 gap:5px;
 padding:5px 10px;
 border-radius:999px;
 font-size:11px;
 font-weight:700;
 background:#fff0e7;
 color:#e56b28;
}
.order-status-mobile:has(+ b){}
.order-mobile-row[data-status="Запланирован"] .order-status-mobile{
 background:#fff7df;
 color:#a97816;
}
.order-mobile-row[data-status="Завершён"] .order-status-mobile{
 background:#eaf8f0;
 color:#198754;
}
.orders-plus{
 border-radius:50%;
 width:48px;
 height:48px;
 font-size:30px;
 line-height:1;
 display:grid;
 place-items:center;
 border:0;
 background:#f57a25;
 color:#fff;
}
.orders-tabs button.active{
 background:#f57a25;
 color:#fff;
}


.ui-icon{width:16px;height:16px;display:inline-block;flex:none}
.orders-chips button{display:inline-flex;align-items:center;gap:7px}
.order-status-mobile{font-weight:700}
.order-mobile-row[data-status="В работе"] .order-status-mobile{background:#fff0e7;color:#d9652b}
.order-mobile-row[data-status="Запланирован"] .order-status-mobile{background:#fff6df;color:#a56c0c}
.order-mobile-row[data-status="Завершён"] .order-status-mobile{background:#ebfaf3;color:#16845f}

/* v25 top actions and mobile dock icons */
.page-actions{align-items:center!important}
.top-icon-btn{
 width:46px;height:46px;min-height:46px;padding:0!important;border-radius:15px;
 display:grid;place-items:center;text-decoration:none;
 background:#fff;color:#4b4943;border:1px solid var(--line);
 box-shadow:var(--shadow-soft);
}
.top-icon-btn svg{width:22px;height:22px}
.plus-top-btn{font-size:28px!important;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));border:0}
.settings-top-btn:hover,.plus-top-btn:hover{transform:translateY(-2px)}
.mobile-dock .dock-icon svg{width:22px;height:22px;stroke:currentColor}
.mobile-dock .dock-label{font-size:10px}

/* v27 horizontal mobile navigation */
@media(max-width:760px){
  #mobile-dock{
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    justify-content:flex-start!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    gap:6px!important;
    padding:10px!important;
  }
  #mobile-dock::-webkit-scrollbar{display:none}

  #mobile-dock a{
    flex:0 0 auto!important;
    min-width:66px!important;
    padding:6px 10px!important;
  }

  .dock-icon svg{
    width:21px;
    height:21px;
  }
}


.mini-calendar{
 display:grid;
 grid-template-columns:repeat(7,1fr);
 gap:4px;
 margin:12px 0;
 padding:10px;
 background:#fffaf5;
 border:1px solid var(--line);
 border-radius:16px;
}
.cal-name{
 text-align:center;
 font-size:10px;
 color:var(--muted);
 font-weight:700;
 padding-bottom:4px;
}
.cal-empty{aspect-ratio:1}
.cal-day{
 min-height:28px!important;
 height:28px;
 padding:0!important;
 border-radius:9px;
 background:#fff!important;
 color:var(--text)!important;
 border:1px solid #eee4d8!important;
 box-shadow:none!important;
 font-size:12px!important;
 font-weight:650;
}
.cal-day:hover{transform:none!important}
.cal-day.today{
 background:var(--primary)!important;
 color:#fff!important;
 border-color:var(--primary)!important;
}

/* v30 clearer service icon in orders */
.order-info-line svg{
  opacity:.92;
}




/* v18 orders calendar */
.orders-calendar-card{
  margin:2px 0 14px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fffaf6 100%);
  box-shadow:0 10px 28px rgba(26,24,20,.05);overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease
}
.orders-calendar-card.compact{cursor:pointer}.orders-calendar-card.compact:hover{border-color:#eccfbe;box-shadow:0 14px 34px rgba(26,24,20,.08)}
.orders-calendar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px 10px}
.orders-calendar-title{display:flex;align-items:center;gap:10px;min-width:0}.orders-calendar-icon{width:38px;height:38px;border-radius:13px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex:0 0 auto}.orders-calendar-icon svg{width:20px;height:20px}.orders-calendar-title-copy{min-width:0}.orders-calendar-title-copy b{display:block;font-size:16px;line-height:1.2}.orders-calendar-title-copy span{display:block;color:var(--muted);font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orders-calendar-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.orders-calendar-action{width:36px;height:36px;min-height:36px;padding:0;border-radius:11px;background:#f6f3ee;color:#4d4b47;border:1px solid #ece4d9;box-shadow:none}.orders-calendar-action:hover{transform:none;background:#f1ece5;box-shadow:none}.orders-calendar-action svg{width:18px;height:18px}.orders-calendar-expand{width:auto;padding:0 11px;font-size:12px;font-weight:700}
.orders-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:0 14px 14px}.orders-week-day{position:relative;min-width:0;background:#fff;border:1px solid #eee7de;border-radius:15px;padding:9px 7px 8px;text-align:center;cursor:pointer;transition:.16s ease;color:var(--text)}.orders-week-day:hover{border-color:#efc7b0;transform:translateY(-1px)}.orders-week-day.selected{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 18px rgba(239,106,45,.2)}.orders-week-day.today:not(.selected){border-color:#f2b18c;background:#fff7f2}.orders-week-name{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.orders-week-day.selected .orders-week-name,.orders-week-day.selected .orders-week-count{color:rgba(255,255,255,.82)}.orders-week-num{font-size:17px;font-weight:750;line-height:1.1;margin:3px 0}.orders-week-count{font-size:10px;color:var(--muted);white-space:nowrap}.orders-week-dot{width:5px;height:5px;border-radius:50%;background:var(--primary);display:inline-block;margin-right:3px;vertical-align:1px}.orders-week-day.selected .orders-week-dot{background:#fff}
.orders-calendar-full{padding:0 14px 14px;animation:ordersCalendarOpen .22s ease both}.orders-calendar-weekdays,.orders-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.orders-calendar-weekdays{margin-bottom:6px}.orders-calendar-weekdays span{text-align:center;font-size:11px;color:var(--muted);font-weight:750;padding:4px 0}.orders-calendar-cell{min-height:112px;background:#fff;border:1px solid #eee7de;border-radius:15px;padding:8px;min-width:0;cursor:pointer;transition:.16s ease;overflow:hidden}.orders-calendar-cell:hover{border-color:#ecc5ae;box-shadow:0 6px 16px rgba(26,24,20,.05)}.orders-calendar-cell.outside{background:#faf8f5;opacity:.55}.orders-calendar-cell.today{box-shadow:inset 0 0 0 1px #f0a47d}.orders-calendar-cell.selected{border-color:var(--primary);box-shadow:inset 0 0 0 2px rgba(239,106,45,.24)}.orders-calendar-date{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:7px}.orders-calendar-date b{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-size:12px}.orders-calendar-cell.today .orders-calendar-date b{background:var(--primary);color:#fff}.orders-calendar-date span{font-size:10px;color:var(--muted)}.orders-calendar-events{display:grid;gap:4px}.orders-calendar-event{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px;align-items:center;padding:5px 6px;border-radius:8px;background:#fff4ec;border-left:3px solid var(--primary);font-size:10px;line-height:1.15;min-width:0}.orders-calendar-event.progress{background:#eef3ff;border-left-color:#5978f4}.orders-calendar-event.done{background:#eef8f2;border-left-color:#27966b}.orders-calendar-event.cancelled{background:#fff0f0;border-left-color:#cb5558;opacity:.7}.orders-calendar-event time{font-weight:750}.orders-calendar-event span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-calendar-more{font-size:10px;color:var(--muted);padding:2px 4px}.orders-calendar-selected-note{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px 12px;font-size:12px;color:var(--muted)}.orders-calendar-selected-note button{min-height:30px;padding:5px 9px;font-size:11px;background:#f6f3ee;color:#555;border:1px solid var(--line);box-shadow:none}
@keyframes ordersCalendarOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
body[data-theme="dark"] .orders-calendar-card{background:linear-gradient(180deg,#17181b,#1b1816);border-color:var(--line)}body[data-theme="dark"] .orders-week-day,body[data-theme="dark"] .orders-calendar-cell{background:#191a1d;border-color:#30312f}body[data-theme="dark"] .orders-week-day.today:not(.selected){background:#251b16}body[data-theme="dark"] .orders-calendar-cell.outside{background:#131416}body[data-theme="dark"] .orders-calendar-action,body[data-theme="dark"] .orders-calendar-selected-note button{background:#222326;color:#ddd;border-color:#333532}body[data-theme="dark"] .orders-calendar-event{background:#2b2019}body[data-theme="dark"] .orders-calendar-event.progress{background:#19233d}body[data-theme="dark"] .orders-calendar-event.done{background:#172a21}body[data-theme="dark"] .orders-calendar-event.cancelled{background:#2b1b1d}
@media(max-width:760px){.orders-calendar-top{padding:12px 12px 9px}.orders-calendar-week{gap:4px;padding:0 10px 11px}.orders-week-day{border-radius:12px;padding:8px 3px 7px}.orders-week-name{font-size:9px}.orders-week-num{font-size:15px}.orders-week-count{font-size:9px}.orders-calendar-expand{width:36px;padding:0;font-size:0}.orders-calendar-expand svg{width:18px;height:18px}.orders-calendar-full{padding:0 8px 10px;overflow-x:auto}.orders-calendar-weekdays,.orders-calendar-grid{min-width:700px;gap:5px}.orders-calendar-cell{min-height:102px;border-radius:12px}.orders-calendar-selected-note{padding:0 10px 10px}.orders-calendar-title-copy span{max-width:180px}}
@media(max-width:430px){.orders-calendar-title-copy b{font-size:15px}.orders-calendar-title-copy span{max-width:145px}.orders-calendar-icon{width:34px;height:34px;border-radius:11px}.orders-calendar-actions{gap:5px}.orders-calendar-action{width:34px;height:34px;min-height:34px}.orders-calendar-week{gap:3px}.orders-week-day{padding-inline:2px}.orders-week-count{font-size:0}.orders-week-dot{margin:0;width:6px;height:6px}}

/* analytics redesign */
.analytics-screen{display:flex;flex-direction:column;gap:16px;padding:4px 0 18px}
.analytics-topbar{display:grid;grid-template-columns:1fr auto 52px;align-items:center;gap:10px;padding:2px 4px 0}
.analytics-topbar h1{margin:0;text-align:center;font-size:22px;line-height:1.1;font-weight:700;color:#161616}
.analytics-brand{display:flex;flex-direction:column;gap:1px;min-width:0}
.analytics-logo{font-size:24px;font-weight:750;letter-spacing:-.04em;color:#111b2f;line-height:1}
.analytics-logo span{color:#ff6b00}
.analytics-brand small{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#9b9ea8;font-weight:700}
.analytics-calendar-btn{width:48px;height:48px;min-height:48px;padding:0;border-radius:14px;background:#fff;border:1px solid #ececf0;color:#202432;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.analytics-calendar-btn svg,.analytics-metric-icon svg,.analytics-card-title svg,.analytics-service-icon svg{width:22px;height:22px;display:block}
.analytics-period-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#f1f1f3;border-radius:18px;padding:6px}
.analytics-period-tabs button{background:transparent;color:#3d4252;border:none;min-height:44px;border-radius:14px;font-size:16px;font-weight:600;padding:10px 8px}
.analytics-period-tabs button.active{background:linear-gradient(180deg,#ff7e22,#ff6b00);color:#fff;box-shadow:0 10px 22px rgba(255,107,0,.28)}
.analytics-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.analytics-metric-card{background:#fff;border:1px solid #efeff1;border-radius:22px;padding:18px 18px 16px;box-shadow:0 10px 30px rgba(17,24,39,.05)}
.analytics-metric-card.orange{background:#fffaf5}
.analytics-metric-card.green{background:#f5fbf4}
.analytics-metric-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#ff6b00;background:#fff2e8;margin-bottom:12px}
.analytics-metric-icon.white{background:#f8f8fa}
.analytics-metric-title{font-size:15px;color:#2d3448;margin-bottom:4px}
.analytics-metric-value{font-size:28px;line-height:1.08;font-weight:750;letter-spacing:-.03em;color:#0e1320;margin-bottom:12px}
.analytics-metric-change{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}
.analytics-metric-change span{font-size:18px;line-height:1}
.analytics-metric-change.positive{color:#1ca34a}
.analytics-metric-change.negative{color:#ff6b00}
.analytics-metric-change small{color:#9ca1ad;font-size:13px}
.analytics-card{background:#fff;border:1px solid #eceef2;border-radius:24px;padding:18px 18px 16px;box-shadow:0 12px 30px rgba(17,24,39,.05)}
.analytics-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.analytics-card-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:650;color:#121726}
.analytics-card-title svg{color:#ff6b00}
.analytics-info-btn{width:30px;height:30px;min-height:30px;padding:0;border-radius:999px;background:#f6f6f8;border:1px solid #e8e8ec;color:#8e95a3;font-size:16px;font-weight:700}
.analytics-money-layout{display:block}.analytics-money-card .analytics-donut-wrap{max-width:100%}.analytics-money-card .analytics-legend{margin-top:2px}
.analytics-donut-wrap{display:flex;justify-content:center;align-items:center;padding:8px 0}
.money-donut{width:100%;max-width:250px;height:auto;overflow:visible}
.money-donut .donut-total{font-size:15px;font-weight:750;fill:#131826}
.money-donut .donut-sub{font-size:10px;fill:#9298a5}
.analytics-money-side{display:flex;flex-direction:column;gap:16px}
.analytics-summary-money strong{display:block;font-size:24px;line-height:1.1;font-weight:750;color:#0d1320}
.analytics-summary-money span{color:#8c93a1;font-size:14px}
.analytics-money-legend{display:flex;flex-direction:column;gap:12px}
.analytics-money-legend-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;font-size:15px;color:#23293a}
.analytics-money-legend-row b{color:#1b1f2b;font-size:14px;font-weight:700}
.analytics-money-legend-row strong{font-size:16px;font-weight:650;color:#101522}
.analytics-money-legend-row .dot{width:14px;height:14px;border-radius:999px;display:inline-block}
.analytics-money-legend-row .dot.orange{background:#ff6b00}
.analytics-money-legend-row .dot.peach{background:#ffb26b}
.analytics-money-legend-row .dot.gray{background:#c7c9d0}
.analytics-more-link{font-size:15px;color:#8f96a5;text-decoration:none;font-weight:600;background:none;border:0;padding:0;cursor:pointer}
.profit-line-chart{width:100%;height:auto;display:block}
.profit-line-chart .line-grid{stroke:#eceef2;stroke-width:1}
.profit-line-chart .line-label{fill:#a0a6b3;font-size:12px}
.profit-line-chart .line-xlabel{fill:#818796;font-size:12px}
.profit-line-chart .line-path{fill:none;stroke:#ff6b00;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.profit-line-chart .line-dot{fill:#ff6b00;stroke:#fff;stroke-width:3}
.profit-line-chart .line-focus{stroke:#c7cad2;stroke-width:1.5;stroke-dasharray:4 5}
.profit-line-chart .line-bubble{fill:#fff;stroke:#eceef2}
.profit-line-chart .line-bubble-text{fill:#121826;font-size:12px;font-weight:700}
.analytics-services-list{display:flex;flex-direction:column;gap:16px}
.analytics-service-item{display:grid;grid-template-columns:58px 1fr auto;align-items:center;column-gap:14px;row-gap:6px}
.analytics-service-icon{width:56px;height:56px;border-radius:16px;background:#fff4eb;color:#ff6b00;display:grid;place-items:center}
.analytics-service-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.analytics-service-copy b{font-size:17px;color:#121826}
.analytics-service-copy small{font-size:14px;color:#8f96a5}
.analytics-service-values{display:flex;align-items:baseline;gap:12px;justify-self:end}
.analytics-service-values strong{font-size:20px;font-weight:650;color:#121826}
.analytics-service-values span{font-size:14px;color:#8e96a4}
.analytics-service-progress{grid-column:2/4;height:8px;background:#eceef2;border-radius:999px;overflow:hidden}
.analytics-service-progress-fill{height:100%;background:linear-gradient(90deg,#ff7a1b,#ff6b00);border-radius:999px}
@media (max-width:720px){.analytics-screen{padding-bottom:10px}.analytics-topbar{grid-template-columns:1fr auto 46px}.analytics-logo{font-size:22px}.analytics-topbar h1{font-size:20px}.analytics-calendar-btn{width:44px;height:44px;min-height:44px;border-radius:13px}.analytics-metrics-grid{gap:12px}.analytics-metric-card{padding:16px}.analytics-metric-title{font-size:14px}.analytics-metric-value{font-size:24px}.analytics-metric-change{font-size:12px}.analytics-money-layout{grid-template-columns:1fr;gap:8px}.analytics-donut-wrap{padding-bottom:0}.analytics-summary-money strong{font-size:20px}.analytics-money-legend-row{grid-template-columns:auto 1fr auto;gap:8px}.analytics-money-legend-row strong{grid-column:2/4;justify-self:end}.analytics-service-item{grid-template-columns:50px 1fr auto}.analytics-service-icon{width:50px;height:50px;border-radius:14px}.analytics-service-copy b{font-size:16px}.analytics-service-values{flex-direction:column;gap:0;align-items:flex-end}}


.analytics-help-note{font-size:12px;color:#8e95a5;margin-top:8px}

.analytics-chart-switch{
display:flex;
gap:6px;
margin-bottom:12px;
background:#f3f3f5;
padding:4px;
border-radius:14px;
width:max-content
}
.analytics-chart-switch button{
border:0;
background:transparent;
padding:7px 12px;
border-radius:10px;
font-size:13px;
color:#7f8593
}
.analytics-chart-switch button.active{
background:#fff;
color:#ff6b00;
box-shadow:0 3px 10px rgba(0,0,0,.08)
}

.analytics-service-copy b,
.analytics-card-title,
.analytics-summary-money strong{
  font-weight:650 !important;
}


.analytics-profit-note{
  font-size:13px;
  color:#8f96a5;
  margin-top:10px;
}


.profit-donut-component{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:28px;align-items:center;width:100%;padding:8px 0 2px}
.profit-donut-ring{position:relative;width:min(260px,100%);aspect-ratio:1;margin:0 auto;display:grid;place-items:center}
.profit-donut-ring svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.profit-donut-track{fill:none;stroke:#eef0f4;stroke-width:18}
.profit-donut-segment{fill:none;stroke-width:18;stroke-linecap:butt;cursor:pointer;transition:stroke-width .2s ease,filter .2s ease;animation:profitDonutReveal .65s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--segment-delay,0ms)}
.profit-donut-segment:hover{stroke-width:22;filter:drop-shadow(0 3px 4px rgba(19,25,39,.14))}
.profit-donut-segment.is-selected{stroke-width:25;filter:drop-shadow(0 4px 7px rgba(19,25,39,.18));opacity:1}
.profit-donut-segment.is-dimmed{opacity:.23}
@keyframes profitDonutReveal{from{opacity:0;stroke-dasharray:0 100}to{opacity:1}}
.profit-donut-center{position:absolute;inset:25%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;line-height:1.12;background:#fff;padding:4px}
.profit-donut-center span,.profit-donut-center small{font-size:10px;color:#9298a5;font-weight:500;max-width:92px}
.profit-donut-center span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.profit-donut-center strong{display:block;max-width:100%;margin:4px 0 3px;font-size:18px;line-height:1.05;font-weight:700;letter-spacing:-.3px;color:#151925;white-space:nowrap}
.profit-donut-legend{display:grid;gap:7px;min-width:0}
.profit-donut-legend-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:9px 10px;border:1px solid #eceef2;border-radius:12px;background:#fff;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease}
.profit-donut-legend-row:hover{transform:translateY(-1px);border-color:#dddfe5;box-shadow:0 5px 14px rgba(17,24,39,.05)}
.profit-donut-legend-row.is-selected{border-color:#ff9d5c;background:#fff8f3;box-shadow:0 6px 18px rgba(255,107,0,.10);transform:translateY(-1px)}
.profit-donut-legend-row.is-dimmed{opacity:.48}
.profit-donut-swatch{width:12px;height:12px;border-radius:999px;display:block}
.profit-donut-label{min-width:0}
.profit-donut-label b{display:block;min-width:0;font-size:14px;line-height:1.2;font-weight:600;color:#171b27;white-space:normal;word-break:normal;overflow-wrap:break-word}
.profit-donut-label small{display:block;margin-top:3px;font-size:12px;line-height:1.2;color:#9399a6;white-space:normal}
.profit-donut-legend-row strong{font-size:14px;line-height:1.2;font-weight:650;color:#171b27;white-space:nowrap;text-align:right}
.profit-donut-empty{padding:28px 18px;text-align:center;border:1px dashed #d9dce3;border-radius:16px;color:#8e95a3;background:#fafbfc}
body[data-theme="dark"] .profit-donut-track{stroke:#29364a}
body[data-theme="dark"] .profit-donut-center{background:#151d2d}
body[data-theme="dark"] .profit-donut-center strong,body[data-theme="dark"] .profit-donut-label b,body[data-theme="dark"] .profit-donut-legend-row strong{color:#eef3ff}
body[data-theme="dark"] .profit-donut-legend-row{background:#111a29;border-color:#28364d}
body[data-theme="dark"] .profit-donut-legend-row:hover{border-color:#3b4b66;box-shadow:none}
body[data-theme="dark"] .profit-donut-legend-row.is-selected{background:#201a17;border-color:#b76025;box-shadow:none}
body[data-theme="dark"] .profit-donut-empty{background:#111a29;border-color:#35425a;color:#9facbf}
@media(max-width:720px){
  .profit-donut-component{grid-template-columns:1fr;gap:18px;padding-top:2px}
  .profit-donut-ring{width:min(238px,74vw)}
  .profit-donut-center strong{font-size:17px}
  .profit-donut-legend{gap:6px}
  .profit-donut-legend-row{padding:9px}
  .profit-donut-label b{font-size:13px}
  .profit-donut-legend-row strong{font-size:13px}
}


/* Analytics v15 — compact interactive business dashboard */
.analytics-metric-title{min-height:36px;line-height:1.25;display:flex;align-items:flex-end}
.analytics-metric-value{font-size:clamp(18px,4.7vw,28px);white-space:nowrap;font-variant-numeric:tabular-nums}
.analytics-metric-change.neutral{color:#9097a4}.analytics-info-svg{display:grid;place-items:center}
.analytics-info-svg svg{width:17px;height:17px;display:block}
.analytics-card-period{font-size:12px;color:#949aa7;white-space:nowrap}

.analytics-insights-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.analytics-insights-strip>div{min-width:0;background:#fff;border:1px solid #eceef2;border-radius:16px;padding:13px 14px;box-shadow:0 7px 22px rgba(17,24,39,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.analytics-insights-strip>div:hover{transform:translateY(-2px);border-color:#ffcfad;box-shadow:0 9px 24px rgba(17,24,39,.06)}
.analytics-insights-strip span{display:block;min-height:30px;font-size:12px;line-height:1.2;color:#9198a5}
.analytics-insights-strip strong{display:block;margin-top:4px;font-size:17px;line-height:1.15;font-weight:650;color:#151a26;white-space:nowrap}

.profit-donut-side{display:grid;gap:12px;min-width:0}
.profit-donut-detail{border:1px solid #ffd8bb;background:#fff9f4;border-radius:15px;padding:12px;animation:analyticsSoftIn .22s ease both}
.profit-donut-detail-head{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:10px}
.profit-donut-detail-head b{min-width:0;font-size:14px;font-weight:650;color:#171b27;overflow-wrap:anywhere}
.profit-donut-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.profit-donut-detail-grid>div{min-width:0;background:#fff;border:1px solid #f0e5dc;border-radius:11px;padding:9px 10px}
.profit-donut-detail-grid span{display:block;font-size:11px;line-height:1.2;color:#979ca7}
.profit-donut-detail-grid strong{display:block;margin-top:4px;font-size:14px;line-height:1.15;font-weight:650;color:#171b27;white-space:nowrap}

.analytics-client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.analytics-client-stat{min-width:0;min-height:112px;text-align:left;background:#f8f9fb;border:1px solid #eceef2;border-radius:15px;padding:12px;color:#1a1f2b;transition:transform .17s ease,border-color .17s ease,background .17s ease,box-shadow .17s ease}
.analytics-client-stat:hover{transform:translateY(-2px);border-color:#ffcca6}
.analytics-client-stat.active{background:#fff7f0;border-color:#ffab6e;box-shadow:0 8px 20px rgba(255,107,0,.08)}
.analytics-client-stat span{display:block;font-size:12px;color:#818895}
.analytics-client-stat strong{display:block;margin:5px 0 5px;font-size:24px;line-height:1;font-weight:650;color:#151a26}
.analytics-client-stat small{display:block;font-size:11px;line-height:1.25;color:#9aa0ac;overflow-wrap:anywhere}
.analytics-context-note{margin-top:11px;padding:10px 12px;border-radius:12px;background:#f7f8fa;color:#747c8a;font-size:12px;line-height:1.35;animation:analyticsSoftIn .2s ease both}

.analytics-week-bars{height:172px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;align-items:end;padding:6px 2px 0}
.analytics-weekday{height:100%;min-width:0;padding:0;background:transparent;border:0;color:#7d8491;display:grid;grid-template-rows:18px 1fr 22px;gap:5px;align-items:end;justify-items:stretch;transition:transform .16s ease,color .16s ease}
.analytics-weekday:hover{transform:translateY(-2px);color:#ff6b00}
.analytics-weekday-count{text-align:center;font-size:11px;line-height:18px;color:#8f96a2;font-variant-numeric:tabular-nums}
.analytics-weekday-track{height:100%;min-height:58px;border-radius:10px 10px 6px 6px;background:#f0f1f4;display:flex;align-items:flex-end;overflow:hidden;padding:0}
.analytics-weekday-fill{display:block;width:100%;border-radius:9px 9px 5px 5px;background:linear-gradient(180deg,#ff9a55,#ff6b00);transform-origin:bottom;animation:analyticsBarGrow .5s cubic-bezier(.2,.75,.25,1) both}
.analytics-weekday b{text-align:center;font-size:12px;font-weight:600;color:inherit}
.analytics-weekday.active .analytics-weekday-track{background:#fff0e5;box-shadow:0 0 0 1px #ffc89f inset}
.analytics-weekday.active .analytics-weekday-fill{background:linear-gradient(180deg,#ff7f2a,#ed5900);box-shadow:0 -3px 12px rgba(255,107,0,.18)}
.analytics-weekday.active .analytics-weekday-count,.analytics-weekday.active b{color:#e95d00}
.analytics-selected-day{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}
.analytics-selected-day>div{min-width:0;padding:10px 11px;border:1px solid #eceef2;border-radius:12px;background:#fafbfc}
.analytics-selected-day span{display:block;font-size:11px;color:#959ca8}
.analytics-selected-day strong{display:block;margin-top:4px;font-size:14px;line-height:1.2;font-weight:650;color:#171c28;overflow-wrap:anywhere}

.analytics-future-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;background:#f2f3f5;border-radius:13px;padding:4px;margin-bottom:12px}
.analytics-future-tabs button{min-height:38px;border:0;border-radius:10px;background:transparent;color:#7a818f;font-size:13px;font-weight:600;padding:8px}
.analytics-future-tabs button.active{background:#fff;color:#ff6500;box-shadow:0 4px 12px rgba(17,24,39,.08)}
.analytics-future-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.analytics-future-summary>div{min-width:0;border:1px solid #eceef2;border-radius:14px;padding:13px;background:#fff}
.analytics-future-summary span{display:block;font-size:12px;line-height:1.25;color:#8f96a3}
.analytics-future-summary strong{display:block;margin-top:5px;font-size:21px;line-height:1.1;font-weight:650;color:#161b27;white-space:nowrap}

.analytics-cancel-grid{display:grid;grid-template-columns:.75fr .75fr 1.5fr;gap:9px}
.analytics-cancel-grid>div{min-width:0;padding:12px;border-radius:13px;border:1px solid #eceef2;background:#fafbfc}
.analytics-cancel-grid span{display:block;min-height:30px;font-size:11px;line-height:1.25;color:#939aa7}
.analytics-cancel-grid strong{display:block;margin-top:3px;font-size:18px;line-height:1.15;font-weight:650;color:#171c28;white-space:nowrap}
.analytics-cancel-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:10px;min-height:28px}
.analytics-inline-button{border:0;background:transparent;color:#ff6500;padding:4px 0;min-height:auto;font-size:12px;font-weight:600}
.analytics-zero-state{font-size:12px;color:#8f96a3}

@keyframes analyticsBarGrow{from{height:0!important;opacity:.45}to{opacity:1}}
@keyframes analyticsSoftIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.analytics-card,.analytics-insights-strip{animation:analyticsSoftIn .28s ease both}

body[data-theme="dark"] .analytics-insights-strip>div,
body[data-theme="dark"] .analytics-client-stat,
body[data-theme="dark"] .analytics-future-summary>div,
body[data-theme="dark"] .analytics-selected-day>div,
body[data-theme="dark"] .analytics-cancel-grid>div{background:#151d2d;border-color:#29364b}
body[data-theme="dark"] .analytics-insights-strip strong,
body[data-theme="dark"] .analytics-client-stat strong,
body[data-theme="dark"] .analytics-future-summary strong,
body[data-theme="dark"] .analytics-selected-day strong,
body[data-theme="dark"] .analytics-cancel-grid strong{color:#eef3ff}
body[data-theme="dark"] .analytics-client-stat.active{background:#241c18;border-color:#9b572b;box-shadow:none}
body[data-theme="dark"] .analytics-context-note{background:#111927;color:#9da8ba}
body[data-theme="dark"] .analytics-weekday-track{background:#26344a}
body[data-theme="dark"] .analytics-weekday.active .analytics-weekday-track{background:#342317;box-shadow:0 0 0 1px #7a4827 inset}
body[data-theme="dark"] .analytics-future-tabs{background:#101827}
body[data-theme="dark"] .analytics-future-tabs button.active{background:#243148;box-shadow:none}
body[data-theme="dark"] .profit-donut-detail{background:#211a17;border-color:#6d4327}
body[data-theme="dark"] .profit-donut-detail-grid>div{background:#151d2d;border-color:#31405a}
body[data-theme="dark"] .profit-donut-detail-head b,body[data-theme="dark"] .profit-donut-detail-grid strong{color:#eef3ff}

@media(max-width:720px){
  .analytics-insights-strip{gap:7px}
  .analytics-insights-strip>div{padding:11px 9px}
  .analytics-insights-strip span{font-size:10px;min-height:26px}
  .analytics-insights-strip strong{font-size:14px}
  .analytics-card-period{font-size:11px}
  .analytics-client-grid{gap:6px}
  .analytics-client-stat{padding:10px 9px;min-height:104px}
  .analytics-client-stat strong{font-size:21px}
  .analytics-client-stat small{font-size:10px}
  .analytics-week-bars{height:156px;gap:5px}
  .analytics-weekday{grid-template-rows:16px 1fr 20px;gap:4px}
  .analytics-weekday-count{font-size:10px;line-height:16px}
  .analytics-weekday b{font-size:11px}
  .analytics-selected-day{gap:6px}
  .analytics-selected-day>div{padding:9px 7px}
  .analytics-selected-day span{font-size:10px}
  .analytics-selected-day strong{font-size:12px}
  .analytics-future-summary{gap:7px}
  .analytics-future-summary>div{padding:11px 10px}
  .analytics-future-summary strong{font-size:17px}
  .analytics-cancel-grid{gap:6px;grid-template-columns:.7fr .7fr 1.6fr}
  .analytics-cancel-grid>div{padding:10px 8px}
  .analytics-cancel-grid span{font-size:10px;min-height:27px}
  .analytics-cancel-grid strong{font-size:14px}
  .profit-donut-detail-grid{gap:6px}
  .profit-donut-detail-grid>div{padding:8px}
  .profit-donut-detail-grid strong{font-size:12px}
}
@media(max-width:390px){
  .analytics-metric-card{padding:14px 12px}
  .analytics-metric-title{font-size:13px;min-height:34px}
  .analytics-metric-value{font-size:18px}
  .analytics-metric-change small{font-size:10px}
  .analytics-insights-strip strong{font-size:13px}
  .analytics-client-stat span{font-size:11px}
  .analytics-future-summary strong{font-size:16px}
}


/* v16: monthly profit analytics */
.analytics-month-bars{height:180px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:end;padding:8px 2px 0}
.analytics-month{height:100%;min-width:0;padding:0;background:transparent;border:0;color:#7d8491;display:grid;grid-template-rows:20px 1fr 22px;gap:5px;align-items:end;justify-items:stretch;transition:transform .17s ease,color .17s ease,opacity .17s ease,filter .17s ease;cursor:pointer}
.analytics-month-bars.has-selection .analytics-month:not(.active){opacity:.58;filter:saturate(.55)}
.analytics-month-bars.has-selection .analytics-month:not(.active):hover{opacity:.88;filter:saturate(.9)}
.analytics-month:hover{transform:translateY(-2px);color:#ff6b00}
.analytics-month-value{text-align:center;font-size:10px;line-height:20px;color:#8f96a2;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:clip}
.analytics-month-track{height:100%;min-height:62px;border-radius:10px 10px 6px 6px;background:#f0f1f4;display:flex;align-items:flex-end;overflow:hidden}
.analytics-month-fill{display:block;width:100%;border-radius:9px 9px 5px 5px;background:linear-gradient(180deg,#ff9a55,#ff6b00);transform-origin:bottom;animation:analyticsBarGrow .5s cubic-bezier(.2,.75,.25,1) both;transition:height .28s ease,filter .18s ease}
.analytics-month b{text-align:center;font-size:12px;font-weight:600;color:inherit;white-space:nowrap}
.analytics-month.active .analytics-month-track{background:#fff0e5;box-shadow:0 0 0 1px #ffc89f inset}
.analytics-month.active .analytics-month-fill{background:linear-gradient(180deg,#ff7f2a,#e95800);box-shadow:0 -3px 12px rgba(255,107,0,.18)}
.analytics-month.active .analytics-month-value,.analytics-month.active b{color:#e95d00}
.analytics-selected-month-title{margin-top:14px;font-size:13px;font-weight:650;color:#5f6673;animation:analyticsMonthDetailIn .2s ease both}
.analytics-selected-month{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;animation:analyticsMonthDetailIn .22s ease both}
@keyframes analyticsMonthDetailIn{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.analytics-selected-month>div{min-width:0;padding:10px 11px;border:1px solid #eceef2;border-radius:12px;background:#fafbfc;transition:transform .16s ease,border-color .16s ease}
.analytics-selected-month>div:hover{transform:translateY(-1px);border-color:#ffd0ad}
.analytics-selected-month span{display:block;font-size:11px;line-height:1.25;color:#959ca8;overflow-wrap:anywhere}
.analytics-selected-month strong{display:block;margin-top:5px;font-size:14px;line-height:1.2;font-weight:650;color:#171c28;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
body[data-theme="dark"] .analytics-month-track{background:#26344a}
body[data-theme="dark"] .analytics-month.active .analytics-month-track{background:#342317;box-shadow:0 0 0 1px #7a4827 inset}
body[data-theme="dark"] .analytics-selected-month-title{color:#aeb8c8}
body[data-theme="dark"] .analytics-selected-month>div{background:#151d2d;border-color:#31405a}
body[data-theme="dark"] .analytics-selected-month strong{color:#eef3ff}
@media(max-width:560px){
  .analytics-month-bars{height:164px;gap:5px;padding-left:0;padding-right:0}
  .analytics-month{grid-template-rows:18px 1fr 20px;gap:4px}
  .analytics-month-value{font-size:9px;line-height:18px}
  .analytics-month b{font-size:10.5px}
  .analytics-selected-month{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .analytics-selected-month>div{padding:9px 8px}
  .analytics-selected-month span{font-size:10px}
  .analytics-selected-month strong{font-size:12px}
}


/* NA POTOKE: approved icon only; wordmark is separate accessible text. */
.np-identity{display:inline-flex;align-items:center;gap:9px;max-width:100%;min-width:0;vertical-align:middle;--np-symbol-size:34px}
.np-identity .np-symbol{display:block;width:var(--np-symbol-size);height:var(--np-symbol-size);min-width:var(--np-symbol-size);max-width:none;flex:0 0 var(--np-symbol-size);object-fit:contain;border:0;padding:0;margin:0;box-shadow:none;background:transparent}
.np-identity .np-wordmark{display:inline-block;color:inherit;font:inherit;line-height:1.1;letter-spacing:inherit;white-space:nowrap;flex:0 0 auto}
.np-identity .np-wordmark .np-accent{color:var(--np-brand-accent,#ef6a2d);font:inherit;letter-spacing:inherit}

.brand.np-identity{font-size:22px;line-height:1.15;--np-brand-accent:#ff8d54}
.saas-logo.np-identity,.auth-logo.np-identity{font-size:28px;--np-symbol-size:40px}
.np-product-title.np-identity{--np-symbol-size:26px;font-size:17px}
@media(max-width:760px){.brand.np-identity{--np-symbol-size:32px;gap:8px}.saas-logo.np-identity,.auth-logo.np-identity{font-size:24px;--np-symbol-size:36px}}


/* Interactive analytics polish */
.analytics-money-card .money-donut circle {
  transition: stroke-dasharray .5s ease, opacity .3s ease, transform .3s ease;
  transform-origin: center;
}

.analytics-money-card .money-donut:hover {
  transform: scale(1.02);
}

.analytics-service-item {
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.analytics-service-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
}

.analytics-service-progress-fill {
  animation: fillBar .8s ease forwards;
  transform-origin: left;
}

@keyframes fillBar {
  from { width:0!important; }
}

.analytics-metric-value {
  animation: valueAppear .45s ease;
}

@keyframes valueAppear {
  from {opacity:0; transform:translateY(8px)}
  to {opacity:1; transform:none}
}

.analytics-card {
  animation: cardAppear .35s ease both;
}

@keyframes cardAppear {
  from {opacity:0; transform:translateY(12px)}
  to {opacity:1; transform:none}
}

.analytics-service-details {
  margin-top:14px;
  padding:14px;
  border-radius:16px;
  background:#fff7f0;
  display:none;
}

.analytics-service-details.active {
  display:block;
  animation: cardAppear .25s ease;
}

.analytics-chart-legend-dot {
  width:12px;
  height:12px;
  border-radius:50%;
  display:inline-block;
}

/* ===== v22 persistent desktop create action + compact order form ===== */
@media(min-width:761px){
  .page-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}
  .page-actions{display:flex!important;width:auto!important;align-items:center!important;justify-content:flex-end!important}
}
.order-picker-section{
  margin:13px 0;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);overflow:hidden;
}
.order-picker-section summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:13px 14px;min-height:54px;user-select:none;
}
.order-picker-section summary::-webkit-details-marker{display:none}
.order-picker-heading{display:grid;gap:2px;min-width:0}
.order-picker-title{font-weight:750;color:var(--text);font-size:14px}
.order-picker-summary{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(420px,60vw)}
.order-picker-chevron{width:28px;height:28px;border-radius:9px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto;transition:transform .18s ease}
.order-picker-chevron svg{width:17px;height:17px}
.order-picker-section[open] .order-picker-chevron{transform:rotate(180deg)}
.order-picker-body{border-top:1px solid var(--line);padding:12px 13px 13px}
.order-picker-body>small{margin:0 0 9px}
.order-picker-body .choice-list{margin-top:0}
body[data-theme="dark"] .order-picker-section{background:#111a29;border-color:#2d3b53}
body[data-theme="dark"] .order-picker-chevron{background:#17181b;border-color:#34373d}
@media(max-width:600px){
  .order-picker-section{margin:10px 0;border-radius:14px}
  .order-picker-section summary{padding:11px 12px;min-height:50px}
  .order-picker-summary{max-width:62vw}
  .order-picker-body{padding:10px}
}

/* ===== v26 mobile client analytics ===== */
@media(max-width:720px){
  .analytics-clients-card{padding:14px}
  .analytics-clients-card .analytics-card-head{
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:10px;
  }
  .analytics-clients-card .analytics-card-period{font-size:11px;text-align:right}
  .analytics-client-grid{grid-template-columns:1fr;gap:7px}
  .analytics-client-stat{
    min-height:0;padding:11px 12px;border-radius:13px;box-shadow:none;
    display:grid;grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"label value" "hint value";
    column-gap:14px;row-gap:2px;align-items:center;
  }
  .analytics-client-stat:hover{transform:none}
  .analytics-client-stat span{
    grid-area:label;font-size:13px;font-weight:700;line-height:1.2;color:#666d79;
  }
  .analytics-client-stat strong{
    grid-area:value;margin:0;font-size:22px;line-height:1;font-weight:700;white-space:nowrap;text-align:right;
  }
  .analytics-client-stat small{
    grid-area:hint;font-size:11px;line-height:1.2;white-space:normal;overflow-wrap:normal;
  }
  .analytics-client-stat.active{
    background:#fff7f0;border-color:#ffab6e;box-shadow:inset 3px 0 0 #ff7a2f;
  }
  .analytics-clients-card .analytics-context-note{margin-top:9px;padding:9px 10px;border-radius:11px}
  body[data-theme="dark"] .analytics-client-stat span{color:#b2bac8}
  body[data-theme="dark"] .analytics-client-stat.active{background:#241c18;border-color:#9b572b;box-shadow:inset 3px 0 0 #ff8a4c}
}
@media(max-width:390px){
  .analytics-clients-card{padding:12px}
  .analytics-clients-card .analytics-card-period{font-size:10px}
  .analytics-client-stat{padding:10px 11px;column-gap:10px}
  .analytics-client-stat strong{font-size:20px}
}

/* Scoped additions: the existing CRM workspace is deliberately preserved. */
#auth-screen{overflow:auto;background:var(--bg);padding:24px 16px;align-items:start}
#auth-screen[hidden]{display:none!important}.np-auth-card{margin:auto;box-shadow:0 18px 65px #17171712;border:1px solid var(--line);width:min(560px,100%)}
.np-auth-card .saas-logo{display:flex;align-items:center;gap:10px;font-size:25px;line-height:1.1;margin-bottom:22px;color:var(--text)}
.np-auth-card .np-symbol{width:34px;height:34px;flex:none;object-fit:contain}.np-auth-card .np-wordmark{white-space:nowrap;color:var(--text)}
.np-password{display:flex;min-width:0;gap:7px}.np-password input{min-width:0}.np-password button{font-size:12px;box-shadow:none;background:var(--surface-2);color:var(--text);flex:none;padding:8px}
.np-consent{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;font-size:12px;font-weight:400;line-height:1.5}.np-consent input{margin:2px 0 0}.np-consent a{text-decoration:underline}
.np-error{padding:12px;border:1px solid #edbbbb;border-radius:10px;background:#fff0f0;color:#903333;font-size:13px;margin:12px 0;overflow-wrap:anywhere}
[hidden]{display:none!important}.np-submit{width:100%;margin-top:8px}.np-auth-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px;font-size:12px}.np-auth-links button{background:none;box-shadow:none;color:var(--primary);min-height:36px;padding:5px;font-size:12px}.np-auth-links a{color:var(--muted);text-decoration:underline;padding:6px}
#np-sync-bar{position:fixed;bottom:16px;left:270px;right:18px;z-index:95;background:var(--surface);border:1px solid #e8bd84;border-radius:12px;padding:12px 15px;box-shadow:0 8px 32px #0002;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.np-sync-actions{display:flex;flex-wrap:wrap;gap:6px}.np-sync-actions button{font-size:12px;min-height:34px;padding:6px 10px;box-shadow:none}.np-settings-actions{display:flex;flex-wrap:wrap;gap:9px}.np-muted{font-size:13px;color:var(--muted);line-height:1.45;margin-top:12px}
.np-account-line{display:grid;gap:5px;overflow-wrap:anywhere}.np-account-line b{font-size:20px}.np-account-line span{font-size:13px;color:var(--muted)}.np-requests{display:grid;gap:7px;margin-top:12px}.np-requests>div{display:grid;gap:4px;border:1px solid var(--line);padding:10px;border-radius:10px;font-size:13px}.np-requests span{color:var(--muted)}
.np-side-link{display:block;margin-top:10px;padding:5px 9px;min-height:30px;font-size:12px;box-shadow:none}.np-auth-card .plan-grid{grid-template-columns:1fr}.np-auth-card h1{font-size:27px}.np-auth-card p{overflow-wrap:anywhere}
@media(max-width:1180px){#np-sync-bar{left:232px}}
@media(max-width:760px){#np-sync-bar{left:8px;right:8px;bottom:calc(82px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;max-height:32vh;overflow:auto}.np-auth-card{padding:22px 17px;border-radius:18px}.np-auth-card h1{font-size:25px}.np-settings-actions{display:grid}.np-auth-card .saas-logo{font-size:23px}#auth-screen{padding:14px 10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
nav .nav-icon svg{width:20px;height:20px;display:block}
.saas-side{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12)}
@media(max-width:620px){.analytics-card-head{flex-wrap:wrap}.analytics-card-period{white-space:normal;max-width:100%;overflow-wrap:anywhere}.analytics-card-head>*{min-width:0}}