:root{--ink:#10231c;--muted:#6b7d76;--green:#07875f;--green-dark:#075c45;--mint:#e8f7f1;--bg:#f5f8f7;--card:#fff;--line:#dfe9e5;--shadow:0 10px 30px rgba(16,48,37,.07)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#e9f7f1 0,transparent 28%),var(--bg);color:var(--ink);font-family:Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}.owner-app{display:flex;min-height:100vh}aside{width:252px;background:linear-gradient(165deg,#0d2b21,#071b15);color:white;padding:28px 18px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20;box-shadow:8px 0 30px rgba(5,30,21,.08)}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800;margin:0 8px 38px;letter-spacing:-.4px}.brand svg{color:#4ce0ad;width:25px}.brand:after{content:"";width:7px;height:7px;background:#4ce0ad;border-radius:50%;margin-left:auto;box-shadow:0 0 0 5px #4ce0ad22}nav{display:grid;grid-gap:8px;gap:8px}.logout,nav a,nav span{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:11px;color:#bad0c8;text-decoration:none;border:0;background:none;font:600 14px inherit;transition:.2s}.logout:hover,nav a:hover{background:#ffffff0d;color:white}nav a.active{background:linear-gradient(135deg,#0b9a6b,#087b59);color:white;box-shadow:0 8px 18px #001b1244}nav em{font-size:9px;margin-left:auto;font-style:normal;background:#ffffff16;padding:3px 7px;border-radius:10px}.logout{margin-top:auto;cursor:pointer;width:100%}main{flex:1 1;margin-left:252px;padding:36px clamp(24px,4vw,52px) 60px;max-width:1600px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}header small{color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:10px}h1{margin:5px 0;font-size:clamp(27px,3vw,38px);letter-spacing:-1.3px;line-height:1.15}h2{font-size:19px;margin:30px 0 15px;letter-spacing:-.3px}button,input,select{font:inherit}.refresh{border:1px solid var(--line);background:var(--card);border-radius:11px;padding:11px 15px;display:flex;align-items:center;gap:8px;box-shadow:0 3px 12px #173b2d0d;cursor:pointer}.refresh:hover{border-color:#9ccbbb}.logout svg,.refresh svg,nav svg{width:18px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.toolbar{background:#ffffffcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);padding:17px 19px;border-radius:16px;display:flex;align-items:flex-end;justify-content:space-between;box-shadow:0 4px 18px #173b2d0a}.toolbar label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}select{display:block;margin-top:7px;min-width:290px;border:1px solid var(--line);padding:11px 38px 11px 12px;border-radius:10px;background:white;color:var(--ink);outline:none}input:focus,select:focus{border-color:#55b494;box-shadow:0 0 0 3px #21a47718;outline:none}.kpis{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:16px}.kpis article{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:21px;display:grid;grid-template-columns:auto 1fr;grid-gap:3px 13px;gap:3px 13px;box-shadow:var(--shadow);transition:transform .2s}.branches article:hover,.kpis article:hover{transform:translateY(-2px)}.kpis svg{grid-row:1/3;color:var(--green);background:var(--mint);box-sizing:content-box;padding:10px;border-radius:11px}.kpis span{color:var(--muted);font-size:12px;font-weight:600}.kpis strong{font-size:24px;letter-spacing:-.6px}.branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:17px;gap:17px}.branches article{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:21px;box-shadow:var(--shadow);transition:transform .2s}.branch-head{display:flex;align-items:center;gap:12px;min-width:0}.branch-icon{background:var(--mint);color:var(--green);padding:11px;border-radius:12px}.branch-head>div{min-width:0}.branch-head h3{font-size:18px;margin:0}.branch-head h3,.branch-head p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-head p{font-size:12px;color:var(--muted);margin:4px 0}.status{margin-left:auto;flex:none;font-size:10px;font-weight:700;border-radius:20px;padding:5px 9px}.status.active{background:#daf7ea;color:#087248}.status.delayed{background:#fff0d6;color:#9a5c00}.status.offline{background:#fde4e1;color:#a52b1f}.branch-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;margin:22px 0}.branch-stats div{display:grid;background:#f8faf9;border-radius:10px;padding:10px}.branch-stats span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.branch-stats strong{font-size:14px;margin-top:3px;overflow-wrap:anywhere}.empty{background:white;border:1px dashed var(--line);padding:40px;text-align:center;border-radius:16px}.alert{border-radius:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 15%,#c9f5e4 0,transparent 30%),linear-gradient(145deg,#f5faf8,#edf4f1)}.login-card{width:min(430px,100%);background:#ffffffec;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fff;border-radius:24px;padding:38px;box-shadow:0 28px 70px #113f2e24}.login-card .mark{display:grid;place-items:center;width:54px;height:54px;background:linear-gradient(135deg,#daf8ec,#c3efdf);color:var(--green);border-radius:15px}.login-card h1{margin-top:20px}.login-card p,.login-card small{color:var(--muted)}.login-card label{display:grid;grid-gap:7px;gap:7px;margin:17px 0;font-size:12px;font-weight:700}.login-card input{border:1px solid var(--line);padding:13px;border-radius:11px;background:#fbfdfc}.login-card button{width:100%;padding:13px;border:0;border-radius:11px;background:linear-gradient(135deg,#079b6c,#087554);color:white;font-weight:700;margin:8px 0 16px;box-shadow:0 10px 22px #08755433}@media(max-width:900px){aside{width:220px}main{margin-left:220px;padding:28px 22px}.branches{grid-template-columns:minmax(0,1fr)}}@media(max-width:680px){body{background:var(--bg)}.owner-app{display:block}aside{width:100%;height:68px;inset:auto 0 0;top:auto;padding:8px 10px;display:flex;flex-direction:row;align-items:center;box-shadow:0 -8px 28px rgba(6,37,27,.18)}.brand{display:none}nav{display:flex;flex:1 1;height:100%;gap:5px}nav a,nav span{flex:1 1;justify-content:center;flex-direction:column;gap:2px;padding:5px;font-size:10px;border-radius:10px}nav svg{height:19px}.logout{width:54px;height:100%;margin:0;justify-content:center;font-size:0}.logout svg{width:20px}nav em{display:none}main{margin:0;padding:20px 14px 96px}header{align-items:flex-start;gap:13px;flex-direction:column;margin-bottom:20px}header>button{align-self:stretch;justify-content:center}h1{font-size:27px}.toolbar{align-items:stretch;gap:12px;flex-direction:column;padding:14px}.toolbar>span{text-align:right;font-size:12px}select{min-width:0;width:100%}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpis article{padding:15px}.kpis article:first-child{grid-column:1/-1}.kpis strong{font-size:20px}.kpis svg{padding:8px}.branches{grid-template-columns:minmax(0,1fr)}.branches article{padding:17px}.branch-stats{gap:8px}.login-card{padding:28px 22px;border-radius:20px}}@media(max-width:380px){.kpis{grid-template-columns:1fr}.kpis article:first-child{grid-column:auto}.branch-head{align-items:flex-start}.status{position:absolute;right:28px}.branch-stats{grid-template-columns:1fr}}.dashboard-header p{margin:6px 0 0;color:var(--muted);font-size:13px}.dashboard-toolbar{align-items:center}.dashboard-toolbar>div{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.dashboard-toolbar>div strong{color:var(--ink)}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16b77f;box-shadow:0 0 0 5px #16b77f18}.owner-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:16px}.owner-kpi-grid article{display:flex;align-items:center;gap:13px;min-width:0;padding:19px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.owner-kpi-grid article.kpi-primary{background:linear-gradient(145deg,#0b8e66,#076348);color:#fff;border-color:transparent}.owner-kpi-grid article>div{display:grid;min-width:0}.owner-kpi-grid article>div>span{font-size:11px;color:var(--muted);font-weight:700}.owner-kpi-grid .kpi-primary article>div>span,.owner-kpi-grid .kpi-primary span{color:#d6f5e9}.owner-kpi-grid strong{font-size:clamp(19px,2vw,25px);margin:3px 0;letter-spacing:-.5px;white-space:nowrap}.owner-kpi-grid small{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:10px}.owner-kpi-grid .kpi-primary small{color:#bce7d8}.owner-kpi-grid small svg{width:13px}.kpi-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:13px;background:#e3f7ef;color:#07875f}.kpi-icon svg{width:21px}.kpi-primary .kpi-icon{background:#ffffff1c;color:#fff}.kpi-icon.expense{background:#fff0df;color:#b46a0b}.kpi-icon.net{background:#e8efff;color:#4168bd}.kpi-icon.orders{background:#f0e9ff;color:#7650b7}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);grid-gap:16px;gap:16px;margin-top:16px}.analytics-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);min-width:0}.card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.card-title>div>span,.section-heading>div>span{color:var(--green);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.card-title h2,.section-heading h2{margin:4px 0 0;font-size:19px}.chart-legend{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.chart-legend i{width:8px;height:8px;border-radius:3px;margin-left:6px}.chart-legend .sales{background:#0a966c}.chart-legend .expenses{background:#f1a64b}.trend-chart{height:245px;grid-template-columns:repeat(7,1fr);grid-gap:12px;gap:12px;margin-top:20px;padding-top:22px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(180deg,#edf2ef 0,#edf2ef 1px,transparent 0,transparent 54px)}.trend-chart,.trend-column{display:grid;align-items:end}.trend-column{height:100%;grid-template-rows:18px minmax(0,1fr) 20px 18px;text-align:center;min-width:0}.trend-value{font-size:9px;color:var(--muted);white-space:nowrap}.bar-pair{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}.bar-pair i{display:block;width:min(15px,38%);min-height:0;border-radius:5px 5px 1px 1px;transition:height .35s ease}.bar-pair .sales{background:linear-gradient(#28bd8c,#07875f)}.bar-pair .expenses{background:linear-gradient(#ffc36f,#e78b2e)}.trend-column b{font-size:10px}.trend-column small{color:var(--muted);font-size:8px;white-space:nowrap}.summary-card{display:flex;flex-direction:column}.summary-ring{width:132px;height:132px;margin:18px auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#0a936a var(--value),#e8f0ed 0);position:relative}.summary-ring:before{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff}.summary-ring>div{z-index:1;display:grid;text-align:center}.summary-ring strong{font-size:25px}.summary-ring span{font-size:9px;color:var(--muted);text-transform:uppercase}.summary-lines p{display:flex;justify-content:space-between;margin:0;padding:9px 0;border-bottom:1px solid #edf2ef;font-size:11px}.summary-lines p span{color:var(--muted)}.summary-lines p.net{border:0;font-size:13px}.summary-lines p.net strong{color:var(--green)}.branch-comparison{margin-top:16px}.branch-comparison .card-title>small{color:var(--muted);font-size:10px}.comparison-list{display:grid;grid-gap:14px;gap:14px;margin-top:19px}.comparison-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,2fr) 110px;align-items:center;grid-gap:15px;gap:15px}.comparison-row>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.branch-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:var(--mint);color:var(--green);font-size:10px;font-weight:800}.comparison-row p{display:grid;margin:0;min-width:0}.comparison-row p strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comparison-row p small{color:var(--muted);font-size:9px}.comparison-track{height:8px;border-radius:8px;background:#edf3f0;overflow:hidden}.comparison-track i{display:block;height:100%;min-width:3px;border-radius:8px;background:linear-gradient(90deg,#079568,#42c99b)}.comparison-row>strong{text-align:right;font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:28px 0 14px}.section-heading p{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:11px}.modern-branches .branch-money{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:20px 0 10px}.branch-money>div{display:grid;padding:11px;background:#f7faf9;border:1px solid #edf2f0;border-radius:11px}.branch-money span{color:var(--muted);font-size:9px;text-transform:uppercase}.branch-money strong{font-size:14px;margin-top:3px}.branch-money .positive{color:#087b59}.branch-money .negative{color:#b53429}.compact-stats{grid-template-columns:.55fr 1fr 1fr;margin:8px 0 18px}.compact-stats div{padding:9px}.compact-stats strong{font-size:11px}@media(max-width:1200px){.owner-kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.summary-card{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.summary-card .card-title{grid-column:1/-1}.summary-ring{margin:18px auto 0}.summary-lines{align-self:center}}@media(max-width:680px){.dashboard-header p{font-size:12px}.owner-kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.owner-kpi-grid article{padding:14px;align-items:flex-start}.owner-kpi-grid .kpi-icon{width:35px;height:35px;border-radius:10px}.owner-kpi-grid strong{font-size:17px}.analytics-card{padding:15px}.trend-chart{height:210px;gap:5px}.chart-legend{display:none}.summary-card{display:block}.comparison-row{grid-template-columns:minmax(0,1fr) 82px}.comparison-track{grid-row:2;grid-column:1/-1}.comparison-row>strong{grid-column:2;grid-row:1}.modern-branches .branch-money{gap:5px}.branch-money>div{padding:9px 7px}.branch-money strong{font-size:12px}.compact-stats{grid-template-columns:1fr}.section-heading{align-items:center}.dashboard-toolbar>div{justify-content:flex-end}}@media(max-width:420px){.owner-kpi-grid{grid-template-columns:1fr}.trend-column small{display:none}.trend-chart{grid-template-rows:auto}.summary-ring{width:118px;height:118px}.modern-branches .branch-money{grid-template-columns:1fr 1fr}.modern-branches .branch-money>div:last-child{grid-column:1/-1}}.open-branch{width:100%;border-top:1px solid var(--line);padding:15px 2px 0;color:var(--green);display:flex;justify-content:space-between;align-items:center;text-decoration:none;font-size:13px;font-weight:700}.open-branch svg{width:17px;transition:transform .2s}.open-branch:hover svg{transform:translateX(3px)}.back{display:flex;align-items:center;gap:6px;color:var(--green);text-decoration:none;font-size:12px;font-weight:700;margin-bottom:16px}.back svg{width:16px}.muted{color:var(--muted);margin:4px 0;font-size:13px}.date-picker{display:flex;align-items:center;gap:9px;background:white;border:1px solid var(--line);border-radius:12px;padding:11px 13px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 4px 15px #1232}.date-picker svg{width:18px;color:var(--green)}.date-picker input{border:0;font:inherit;color:var(--ink);background:transparent}.detail-kpis{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.detail-kpis article{display:grid;grid-template-columns:auto 1fr;grid-gap:3px 11px;gap:3px 11px;background:white;border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:var(--shadow)}.detail-kpis svg{grid-row:1/3;color:var(--green);width:20px;box-sizing:content-box;background:var(--mint);padding:9px;border-radius:10px}.detail-kpis span{font-size:11px;font-weight:600;color:var(--muted)}.detail-kpis strong{font-size:20px;letter-spacing:-.4px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.panel{background:white;border:1px solid var(--line);border-radius:17px;padding:20px;margin-top:16px;box-shadow:var(--shadow)}.panel h2{margin:0 0 15px;font-size:18px}.row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 2px;border-bottom:1px solid #edf2ef;text-transform:capitalize;font-size:13px}.row:last-child{border:0}.row small,td small{display:block;color:var(--muted);margin-top:4px}.row.total{font-size:16px}.table-wrap{overflow:auto;border-radius:10px}table{width:100%;border-collapse:collapse;min-width:560px}td,th{text-align:left;padding:13px 11px;border-bottom:1px solid #edf2ef;font-size:12px}th{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em;background:#f8fbfa}tbody tr:hover{background:#f9fcfb}.item{display:block}.capitalize{text-transform:capitalize}.report-actions{display:flex;gap:9px}.report-actions button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:white;border-radius:11px;padding:11px 14px;cursor:pointer;font-weight:600;font-size:13px;box-shadow:0 4px 12px #1231}.report-actions button.primary{background:linear-gradient(135deg,#079b6c,#087554);color:white;border-color:transparent}.report-actions button:disabled{opacity:.55;cursor:not-allowed}.report-actions svg{width:17px}.report-filter{justify-content:flex-start;gap:20px;align-items:center}.report-filter input{display:block;margin-top:7px;border:1px solid var(--line);padding:10px 11px;border-radius:10px;background:white}.report-notice{margin:14px 0;background:#dbf5e9;color:#087248;padding:11px 14px;border-radius:11px;font-size:13px;font-weight:600}@media(max-width:900px){.detail-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.detail-kpis{grid-template-columns:1fr 1fr;gap:9px}.detail-kpis article{display:flex;flex-direction:column;padding:14px;gap:5px}.detail-kpis svg{width:17px;padding:7px}.detail-kpis strong{font-size:18px}.detail-grid{grid-template-columns:1fr;gap:0}.panel{padding:16px;border-radius:14px}.date-picker{width:100%;justify-content:space-between}.report-actions{width:100%}.report-actions button{flex:1 1}.report-filter{gap:11px}.report-filter input,.report-filter label{width:100%}.table-wrap{margin:0 -7px;padding:0 7px}.panel:has(table){padding-left:12px;padding-right:12px}}@media(max-width:390px){.detail-kpis{grid-template-columns:1fr}.report-actions{flex-direction:column}.report-actions button{width:100%}}.branch-tabs{display:flex;gap:7px;overflow-x:auto;padding:5px;margin:0 -5px 16px;scrollbar-width:thin}.branch-tabs button{flex:none;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;color:var(--muted);padding:10px 13px;border-radius:11px;font-size:12px;font-weight:700;cursor:pointer}.branch-tabs button:hover{border-color:#9ccbbb;color:var(--green)}.branch-tabs button.active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 7px 16px #0875542b}.branch-tabs svg{width:16px}.branch-tabs b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:12px;background:#fff;color:var(--green);font-size:10px}.mini-kpis{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px;margin-top:12px}.mini-kpis span{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px;color:var(--muted);font-size:11px;text-align:center}.mini-kpis b{display:block;color:var(--ink);font-size:18px;margin-bottom:2px}.mini-kpis .warn{background:#fff8e8;border-color:#f0cf81}.mini-kpis .warn b{color:#9a5c00}.pill{display:inline-flex;align-items:center;width:max-content;border-radius:20px;padding:5px 9px;background:#edf2f0;color:#52655e;font-size:10px;font-weight:800;text-transform:capitalize}.pill.good{background:#daf7ea;color:#087248}.pill.off{background:#fde4e1;color:#a52b1f}.card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.card-list article,.table-cards article{display:flex;align-items:center;gap:11px;border:1px solid #e8efec;background:#fbfdfc;border-radius:12px;padding:12px}.card-list article>div,.table-cards article>div{min-width:0;display:grid}.activity-row small,.card-list small,.table-cards small{color:var(--muted);font-size:11px;margin-top:3px}.card-list .pill,.table-cards .pill{margin-left:auto}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mint);color:var(--green);font-size:11px;font-weight:800}.table-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.table-cards svg{width:20px;color:var(--green)}.stock-low{background:#fffaf0;padding-left:10px;padding-right:10px}.stock-low strong{color:#9a5c00}.activity-row{display:flex;gap:12px;padding:12px 2px;border-bottom:1px solid #edf2ef;font-size:13px}.activity-row:last-child{border:0}.activity-row>div{display:grid}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px var(--mint);margin:5px 3px}@media(max-width:1050px){.mini-kpis{grid-template-columns:repeat(3,1fr)}.table-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.branch-tabs{margin-top:-4px}.mini-kpis{grid-template-columns:repeat(2,1fr)}.card-list,.table-cards{grid-template-columns:1fr}}.staff-link{display:flex;align-items:center;gap:11px;border:1px solid #e8efec;background:#fbfdfc;border-radius:12px;padding:12px;color:var(--ink);text-decoration:none;transition:.2s}.staff-link:hover{border-color:#9ccbbb;transform:translateY(-1px);box-shadow:0 5px 14px #173b2d0d}.staff-link>div{min-width:0;display:grid}.staff-link small{color:var(--muted);font-size:11px;margin-top:3px}.staff-link .pill{margin-left:auto}.table-link{color:var(--ink);text-decoration:none}.table-link:hover{color:var(--green);text-decoration:underline}.staff-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.staff-panel-head h2{margin-bottom:3px}.staff-panel-head p{margin:0;color:var(--muted);font-size:12px}.staff-panel-head>button{display:flex;align-items:center;gap:7px;border:0;border-radius:10px;padding:10px 13px;background:var(--green);color:#fff;font-size:12px;font-weight:700;cursor:pointer}.staff-panel-head>button svg{width:16px}.staff-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:0 0 18px;padding:16px;border:1px solid #cfe7dd;border-radius:14px;background:#f5fbf8}.staff-create-form label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.staff-create-form input,.staff-create-form select{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:#fff;color:var(--ink);font-size:13px;text-transform:none}.staff-create-form input:focus,.staff-create-form select:focus{outline:3px solid #07875f18;border-color:#72b9a1}.staff-create-submit{grid-column:1/-1;border:0;border-radius:10px;padding:11px 15px;background:var(--green);color:#fff;font-size:12px;font-weight:800;cursor:pointer}.staff-create-submit:disabled{opacity:.55;cursor:not-allowed}@media(max-width:680px){.staff-panel-head{align-items:center}.staff-create-form{grid-template-columns:1fr;padding:13px}.staff-create-submit{grid-column:auto}.staff-panel-head>button{white-space:nowrap}}.range-presets{display:flex;gap:8px;margin:-8px 0 12px}.range-presets button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 12px;color:var(--green);font-size:11px;font-weight:700;cursor:pointer}.range-presets button:hover{background:var(--mint)}.bill-form{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.bill-form .wide,.bill-form h2{grid-column:1/-1}.bill-form label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.bill-form input,.bill-form select{width:100%;min-width:0;margin:0;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.primary-submit{align-self:end;border:0;border-radius:10px;padding:11px 15px;background:var(--green);color:#fff;font-weight:700}.mark-paid{display:flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid #9ccbbb;background:#effaf6;color:var(--green);padding:7px 9px;border-radius:9px;font-size:10px;font-weight:700}.mark-paid svg{width:14px}@media(max-width:900px){.bill-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.bill-form{grid-template-columns:1fr}.bill-form .wide,.bill-form h2{grid-column:auto}}.global-alerts{position:fixed;right:22px;top:20px;z-index:100}.alert-bell{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid #f0cf81;border-radius:50%;background:#fff8e8;color:#9a5c00;box-shadow:0 8px 24px #3d2a1025;cursor:pointer}.alert-bell svg{width:21px}.alert-bell>b{position:absolute;right:-3px;top:-4px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:12px;background:#d83a2e;color:#fff;font-size:10px}.alert-popover{position:absolute;right:0;top:53px;width:min(390px,calc(100vw - 28px));background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 22px 60px #122d2340;overflow:hidden}.alert-popover>header{display:flex;flex-direction:row;align-items:center;margin:0;padding:15px 16px;border-bottom:1px solid var(--line)}.alert-popover>header div{display:grid}.alert-popover>header small{color:var(--muted);font-size:11px}.alert-popover>header button{margin-left:auto;border:0;background:transparent}.alert-popover>header svg{width:18px}.alert-scroll{max-height:360px;overflow:auto}.alert-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:13px 15px;border-bottom:1px solid #edf2ef;color:var(--ink);text-decoration:none}.alert-item>svg{width:19px;color:#b77600}.alert-item>span{display:grid}.alert-item small{color:var(--muted);font-size:11px}.alert-item>b{font-size:12px}.alert-item.overdue{background:#fff4f2}.alert-item.overdue>svg{color:#c23529}.all-alerts{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;color:var(--green);font-size:12px;font-weight:700;text-decoration:none}.all-alerts svg{width:16px}@media(max-width:680px){.global-alerts{top:12px;right:12px}.alert-bell{width:40px;height:40px}}.alert-bell:not(.has-unread){background:#fff;border-color:var(--line);color:var(--muted)}.alert-popover>header .mark-all{margin-left:auto;margin-right:8px;color:var(--green);font-size:10px;font-weight:700;background:var(--mint);padding:6px 8px;border-radius:8px}.alert-item.read{opacity:.62;background:#fff}.alert-item.unread{position:relative;padding-left:20px}.alert-item.unread:before{content:"";position:absolute;left:8px;width:6px;height:6px;border-radius:50%;background:#d83a2e}.alert-backdrop{position:fixed;inset:0;border:0;background:rgba(5,24,18,.24);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:-1;cursor:default}.alert-popover{animation:alert-in .2s ease-out;transform-origin:top right}.alert-title-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#dff8ee,#c9f0e1);color:var(--green);margin-right:10px}.alert-title-icon svg{width:19px}.alert-popover>header .alert-close{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:var(--muted);cursor:pointer}.alert-popover>header .alert-close:hover{background:#f0f4f2}.alert-summary{display:flex;gap:7px;padding:11px 14px;background:#f8fbfa;border-bottom:1px solid var(--line);overflow-x:auto}.alert-summary span{display:flex;align-items:center;gap:5px;white-space:nowrap;background:#e7f5ef;color:#147354;padding:6px 9px;border-radius:20px;font-size:10px;font-weight:700}.alert-summary span.danger{background:#fde8e5;color:#b03126}.alert-summary span.today{background:#fff1d8;color:#915900}.alert-type-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#fff0d5;color:#a76500}.alert-item.overdue .alert-type-icon{background:#fde5e2;color:#bd3025}.alert-item>span:nth-child(2){display:grid;min-width:0}.alert-item>span:nth-child(2)>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-item em{font-style:normal;font-size:10px;font-weight:700;color:#9a5c00;margin-top:4px}.alert-item.overdue em{color:#b42f25}.alert-amount{display:flex;align-items:center;gap:5px;white-space:nowrap}.alert-amount svg{width:14px;color:var(--muted)}.alert-item.read:before{display:none}@keyframes alert-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:680px){.alert-backdrop{z-index:-1;background:rgba(5,24,18,.42)}.alert-popover{position:fixed;inset:auto 0 0 0;width:100%;max-height:84vh;border-radius:22px 22px 0 0;transform-origin:bottom center;animation:alert-sheet-in .25s ease-out}.alert-popover>header{padding:16px}.alert-scroll{max-height:52vh}.alert-item{grid-template-columns:auto minmax(0,1fr);padding:14px 16px}.alert-amount{grid-column:2;justify-content:space-between;margin-top:3px}.alert-summary{padding:10px 14px}.alert-popover>header .mark-all{font-size:9px;padding:6px}.all-alerts{padding:15px 17px}.bill-form{gap:11px}.panel:has(.mark-paid) .table-wrap{padding-bottom:8px}@keyframes alert-sheet-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}}.payment-modal-overlay{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:18px;background:rgba(5,24,18,.58);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .18s ease-out}.payment-modal{width:min(560px,100%);background:#fff;border:1px solid #fff;border-radius:22px;padding:24px;box-shadow:0 30px 90px rgba(3,25,17,.35);animation:modal-in .22s ease-out}.payment-modal-head{display:flex;gap:13px;align-items:flex-start}.payment-modal-head h2{margin:0 0 5px;font-size:22px}.payment-modal-head p{margin:0;color:var(--muted);font-size:13px}.payment-modal-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:13px;background:var(--mint);color:var(--green);font-size:22px;font-weight:900}.payment-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:22px 0}.payment-options button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:11px;column-gap:11px;text-align:left;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfdfc;color:var(--ink);cursor:pointer;transition:.18s}.payment-options button:hover{border-color:#8dcbb5;transform:translateY(-1px)}.payment-options button.selected{border-color:var(--green);background:var(--mint);box-shadow:0 0 0 3px #07875f18}.payment-options button>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff;font-size:17px}.payment-options button strong{font-size:13px}.payment-options button small{color:var(--muted);font-size:10px;margin-top:2px}.payment-modal-actions{display:flex;justify-content:flex-end;gap:9px}.payment-modal-actions button{border:1px solid var(--line);border-radius:11px;padding:11px 16px;background:#fff;font-weight:700;cursor:pointer}.payment-modal-actions button[data-confirm]{border-color:var(--green);background:var(--green);color:#fff}.payment-modal-actions button[data-confirm]:disabled{opacity:.45;cursor:not-allowed}.payment-success-toast{position:fixed;right:22px;bottom:22px;z-index:550;display:flex;align-items:center;gap:11px;max-width:min(440px,calc(100vw - 28px));padding:14px 17px;border-radius:14px;background:#0d2b21;color:#fff;box-shadow:0 18px 45px #071b1544;animation:toast-in .25s ease-out}.payment-success-toast>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#31c993;color:#062d20;font-weight:900}.payment-success-toast>div{display:grid}.payment-success-toast small{color:#b9d8cc;text-transform:capitalize}.payment-success-toast.leaving{opacity:0;transform:translateY(8px);transition:.25s}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@media(max-width:560px){.payment-modal-overlay{place-items:end center;padding:0}.payment-modal{border-radius:22px 22px 0 0;padding:20px 16px 22px}.payment-options{grid-template-columns:1fr;gap:8px;margin:18px 0}.payment-options button{padding:12px}.payment-modal-actions{display:grid;grid-template-columns:1fr 1fr}.payment-modal-actions button{width:100%}.payment-success-toast{left:14px;right:14px;bottom:82px}}.branch-side-label{display:grid;margin:-18px 9px 18px;padding:13px;border:1px solid #ffffff13;border-radius:12px;background:#ffffff08}.branch-side-label small{color:#55ddb0;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.branch-side-label strong{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.branch-side-nav{gap:2px;overflow-y:auto;padding-right:0;scrollbar-width:none;-ms-overflow-style:none}.branch-side-nav::-webkit-scrollbar{display:none;width:0;height:0}.branch-side-nav button{display:flex;align-items:center;gap:11px;width:100%;padding:9px 13px;border:0;border-radius:10px;background:transparent;color:#bad0c8;font:600 13px inherit;text-align:left;cursor:pointer}.branch-side-nav button:hover{background:#ffffff0d;color:#fff}.branch-side-nav button.active{background:linear-gradient(135deg,#0b9a6b,#087b59);color:#fff;box-shadow:0 7px 16px #001b1240}.branch-side-nav button svg{width:17px}.branch-side-nav button b{display:grid;place-items:center;margin-left:auto;min-width:19px;height:19px;padding:0 5px;border-radius:12px;background:#fff;color:var(--green);font-size:9px}.branch-side-nav a{padding:9px 13px;font-size:13px}.branch-detail-app main{max-width:1750px}.branch-detail-app main>header{padding:4px 0 12px;border-bottom:1px solid #e2ebe7}.branch-chart-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);grid-gap:16px;gap:16px}.branch-chart-grid .panel{min-width:0}.branch-card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.branch-card-title small{color:var(--green);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.branch-card-title h2{margin:3px 0 0}.branch-card-title>strong{font-size:17px}.hourly-chart{display:grid;grid-template-columns:repeat(8,1fr);align-items:end;grid-gap:8px;gap:8px;height:230px;margin-top:17px;padding-top:25px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(180deg,#edf2ef 0,#edf2ef 1px,transparent 0,transparent 52px)}.hourly-chart>div{height:100%;display:grid;grid-template-rows:18px minmax(0,1fr) 18px 17px;align-items:end;text-align:center;min-width:0}.hourly-chart span{font-size:8px;color:var(--muted);white-space:nowrap}.hourly-chart i{display:block;width:min(26px,62%);min-height:0;margin:0 auto;border-radius:6px 6px 1px 1px;background:linear-gradient(#35c899,#07875f);transition:height .3s}.hourly-chart b{font-size:9px}.hourly-chart small{font-size:8px;color:var(--muted);white-space:nowrap}.payment-bars{display:grid;grid-gap:15px;gap:15px;margin-top:22px}.payment-bars>div p{display:flex;justify-content:space-between;margin:0 0 6px;text-transform:capitalize;font-size:12px}.payment-bars>div>i{display:block;height:8px;overflow:hidden;border-radius:8px;background:#edf3f0}.payment-bars>div>i b{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#087b59,#3ac898)}.payment-bars small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.branch-insight-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:14px}.branch-insight-row>article{display:flex;flex-direction:column;gap:6px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px #173b2d0a}.branch-insight-row>article>span{color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.branch-insight-row>article>strong{font-size:13px}.branch-insight-row>article>small{color:var(--muted);font-size:10px}.branch-insight-row>article>i{display:block;height:7px;margin-top:4px;overflow:hidden;border-radius:7px;background:#edf3f0}.branch-insight-row>article>i b{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#087b59,#45cda0)}.branch-insight-row p{display:flex;justify-content:space-between;margin:0;padding:3px 0;font-size:10px}.branch-insight-row p b{font-weight:600}.branch-insight-row p strong{font-size:10px}@media(max-width:1100px){.branch-chart-grid{grid-template-columns:1fr}.branch-insight-row{grid-template-columns:1fr 1fr}.branch-insight-row>article:last-child{grid-column:1/-1}}@media(max-width:680px){.branch-side-label{display:none}.branch-detail-app aside{overflow-x:auto}.branch-side-nav{display:flex;overflow-x:auto;width:100%;gap:5px;padding:0}.branch-side-nav a,.branch-side-nav button{flex:none;width:auto;min-width:62px;height:52px;justify-content:center;flex-direction:column;gap:1px;padding:4px 7px;font-size:8px}.branch-side-nav a svg,.branch-side-nav button svg{width:17px;height:17px}.branch-side-nav button b{position:absolute;margin:0 0 23px 31px}.branch-chart-grid{gap:0}.hourly-chart{height:205px;gap:4px}.hourly-chart small{display:none}.branch-insight-row{grid-template-columns:1fr}.branch-insight-row>article:last-child{grid-column:auto}.branch-detail-app main>header{padding-bottom:16px}.detail-kpis{margin-top:0}}.owner-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0}.owner-pager button{border:1px solid var(--line);background:#fff;color:var(--green);padding:9px 16px;border-radius:10px;font-weight:800;cursor:pointer}.owner-pager button:disabled{opacity:.45;cursor:not-allowed}.owner-pager span{color:var(--muted);font-size:12px;font-weight:800}