@charset "UTF-8";
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#23343a;background:#f6f8fa;font-synthesis:none;--accent:#207c66;--accent-dark:#165e4e;--tint:#eaf5ef;--line:#e8edef;--muted:#77868c;--sidebar:239px}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}body[data-theme=blue]{--accent:#386fbe;--accent-dark:#285494;--tint:#edf3fb}body[data-theme=neutral]{--accent:#58636b;--accent-dark:#343f47;--tint:#eef1f3}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8cc9b6;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #8cc9b6;outline-offset:1px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.8px;line-height:1.25;font-weight:650}h2{font-size:16px;letter-spacing:-.2px;font-weight:650}h3{font-size:15px;font-weight:600}small{font-size:12px}.icon{width:20px;height:20px;flex:none;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:26px 18px 14px;display:flex;flex-direction:column;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-.8px;position:relative;margin:0 8px 32px}.brand small{position:absolute;left:48px;top:31px;font-size:8px;letter-spacing:2.5px;color:var(--muted);font-weight:600}.brand-mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--accent);border-radius:10px;color:#fff;font-size:27px;font-weight:600;position:relative;line-height:1}.brand-mark span{position:absolute;right:4px;top:6px;width:5px;height:5px;border-radius:50%;background:#a6e2c5}.company-chip{border:1px solid var(--line);border-radius:11px;padding:11px;display:flex;gap:10px;align-items:center;margin:8px 0 23px}.company-avatar,.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;background:var(--tint);color:var(--accent);border-radius:9px;font-weight:600}.company-chip div{min-width:0}.company-chip strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.company-chip small{display:block;color:var(--muted);font-size:10px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:#9aa4a7;padding:0 12px;margin:20px 0 9px}.nav-label:first-child{margin-top:0}.nav-item{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:8px;color:#647278;margin:3px 0;font-size:12.5px;font-weight:500}.nav-item .icon{width:18px;height:18px;opacity:.8}.nav-item:hover{background:#f6f8fa}.nav-item.selected{background:var(--tint);color:var(--accent);font-weight:650}.sidebar-foot{margin-top:auto;padding:24px 10px 2px;color:var(--muted);display:flex;gap:7px;align-items:center;font-size:11px}.sidebar-foot small{margin-left:auto;font-size:10px}.status-dot{width:6px;height:6px;background:#53a185;border-radius:50%}.workspace{margin-left:var(--sidebar);min-width:0}.topbar{height:74px;background:#ffffffd9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:16px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px;font-size:12px}.topbar-left{color:var(--muted)}.topbar-left strong{color:#59676c;font-weight:500}.slash{color:#c0c8cc}.language select{border:0;background:transparent;color:#647278;font-size:12px;padding:7px 18px 7px 4px;max-width:125px}.account{position:relative}.account summary{display:flex;gap:10px;align-items:center;list-style:none;cursor:pointer}.account summary::-webkit-details-marker{display:none}.account-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{border-radius:50%;background:#edf0f3;color:#5d6b72;width:32px;height:32px}.account-menu{position:absolute;right:0;top:44px;width:190px;background:white;border:1px solid var(--line);box-shadow:0 8px 24px #21322c12;border-radius:10px;padding:6px;z-index:40}.account-menu a,.account-menu button{display:block;padding:10px 12px;border:0;background:none;font:inherit;text-align:left;width:100%;border-radius:6px}.account-menu a:hover,.account-menu button:hover{background:var(--tint)}main{padding:30px 34px;max-width:1600px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading p{color:var(--muted);font-size:13px;margin-top:7px}.heading-actions{display:flex;align-items:center;gap:15px}.date{font-size:11px;display:flex;align-items:center;gap:7px;color:#748087;white-space:nowrap}.date .icon{width:15px;height:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.5;min-height:40px}.button .icon{width:16px;height:16px}.primary{background:var(--accent);color:white;box-shadow:0 2px 3px #1633290a}.primary:hover{background:var(--accent-dark)}.subtle{background:white;border-color:var(--line);color:#5e6e73}.subtle:hover{background:#f4f7f6;border-color:#cedbd7}.small{font-size:11px;padding:6px 10px;min-height:31px}.icon-button{border:0;background:none;color:#61726e;padding:6px}.text-link{font-size:12px;color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:6px}.text-link .icon{width:14px;height:14px}.danger-text{color:#b34f4f}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric{background:white;border:1px solid var(--line);border-radius:13px;padding:20px 21px;min-width:0}.metric>div{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#7e8b91;font-size:11px}.metric-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:var(--tint);color:var(--accent);flex:none}.metric-icon .icon{width:16px;height:16px}.metric-icon.blue{background:#edf4fa;color:#6793b4}.metric-icon.sand{background:#faf3e9;color:#b29359}.metric-icon.violet{background:#f2f0f8;color:#9b86b7}.metric>strong{display:block;font-size:27px;font-weight:650;letter-spacing:-.7px;margin:14px 0 9px;line-height:1.3;overflow-wrap:anywhere}.metric>small{color:#94a0a5;font-size:10px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;min-width:0;overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 18px;gap:12px}.card-heading p{font-size:11px;color:var(--muted);margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:24px;margin-bottom:24px}.chart-card{display:flex;flex-direction:column}.legend{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:50%;background:#8cc6b1}.chart{height:193px;margin:7px 24px 0;padding-top:15px;display:flex;gap:14px;align-items:flex-end;position:relative}.chart-grid{position:absolute;inset:0 0 22px;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(33.3% - 1px),#eef2f3 calc(33.3% - 1px),#eef2f3 33.3%);pointer-events:none}.chart-column{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;height:100%;position:relative;padding-bottom:22px}.bar{width:100%;max-width:36px;background:#91cbb7;border-radius:5px 5px 2px 2px;min-height:4px;position:relative;z-index:1}.bar:hover{background:var(--accent)}.chart-column>span{font-size:9px;color:#9aa8ad;position:absolute;bottom:0}.chart-caption{padding:12px 24px 20px;font-size:10px;color:#99a4a8;margin-top:auto}.getting-started{padding:23px 24px;background:linear-gradient(135deg,#f1f8f4,#eaf4f0);border-color:#e2ede6}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.3px;color:var(--accent)}.getting-started h2{margin-top:10px;font-size:19px;color:#36584c}.getting-started>p{font-size:11px;color:#839c90;margin-top:6px}.checklist{list-style:none;padding:0;margin:23px 0 0}.checklist li{display:flex;gap:11px;align-items:center;margin-top:17px}.checklist li>div{flex:1;min-width:0}.checklist strong{display:block;color:#4c695c;font-size:11px}.checklist small{display:block;color:#8ba094;font-size:9px;margin-top:2px}.checklist a{color:#6a947f}.checklist a .icon{width:15px;height:15px}.step{height:27px;width:27px;border:1px solid #cdddd2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7e9c8d;font-size:10px;flex:none}.step.complete{background:#d9eae0;border-color:#d9eae0;color:#4f806b}.step .icon{width:13px;height:13px}.empty{text-align:center;padding:36px 20px 44px;color:#a0abad;max-width:460px;margin:auto;font-size:12px}.empty>.icon{width:29px;height:29px;margin-bottom:12px;color:#a8bdb4}.empty h3{color:#7b8b87;margin-bottom:8px;font-size:12px}.empty p{font-size:11px;color:#a1abad;line-height:1.8}.branch-list{padding:0 23px}.branch-item{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #f0f3f3}.branch-item:last-child{border:0}.branch-icon{background:#f1f5f3;border-radius:9px;padding:9px;color:#80958b}.branch-icon .icon{width:17px;height:17px}.branch-item>div{flex:1;min-width:0}.branch-item strong{font-size:11px;display:block}.branch-item small{font-size:10px;color:#9aa5a9;display:block;overflow-wrap:anywhere}.badge{display:inline-flex;border-radius:5px;background:var(--tint);color:var(--accent);padding:3px 7px;font-size:10px;white-space:nowrap}.badge.muted{background:#f1f3f5;color:#8b959d}.badge.amber{background:#fcf2dc;color:#a77a2b}.card-note{padding:14px 24px;color:#8d9a9f;font-size:11px;border-top:1px solid #f0f3f3;overflow-wrap:anywhere}.page-footer{display:flex;justify-content:space-between;color:#a3aeb1;font-size:10px;padding:10px 0;margin-top:24px}.table-wrap{position:relative;overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{background:#fbfcfd;color:#91a0a6;font-size:10px;font-weight:500;white-space:nowrap;padding:12px 22px;border-bottom:1px solid var(--line)}td{padding:17px 22px;border-bottom:1px solid #f1f4f5;color:#697b81;vertical-align:middle}tbody tr:last-child td{border:0}tbody tr:hover{background:#fcfefd}.cell-title{font-weight:600;color:#42565d}.cell-title:hover{color:var(--accent)}.cell-sub{display:block;color:#98a3a8;font-size:10px;margin-top:4px}.number{font-variant-numeric:tabular-nums;white-space:nowrap}.row-actions{display:flex;align-items:center;gap:12px}.list-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);gap:12px}.search-form{display:flex;align-items:center;gap:10px;min-width:0}.search-form>.icon{width:16px;height:16px;color:#9ea9ae}.search-form input{border:0;background:none;padding:5px 0;min-width:0;width:220px;color:#58696f;font-size:12px}.search-form input::placeholder{color:#a3adb2}.result-count{color:#9aa8ad;white-space:nowrap;font-size:11px}.pagination{border-top:1px solid var(--line);padding:15px 22px;display:flex;align-items:center;justify-content:flex-end;gap:15px;font-size:11px;color:var(--muted)}.form-card{padding:28px;max-width:1000px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.field{min-width:0}.field label{display:block;color:#63727a;font-size:12px;margin-bottom:8px;font-weight:500}.required{color:#8ab4a2;font-size:11px;margin-left:4px}.field input:not([type=checkbox]),.field select,.field textarea{width:100%;min-width:0;border:1px solid #dfe7ea;border-radius:7px;padding:11px 12px;background:#fff;color:#354c53;font-size:13px;min-height:44px}.field input:disabled{background:#f3f5f6;color:#8b979c}.field textarea{min-height:100px;resize:vertical}.field-wide{grid-column:1/-1}.checks>div{padding:15px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.checks>div label{display:flex;align-items:center;gap:10px;margin:0;font-weight:400}.checks input{width:17px;height:17px;accent-color:var(--accent)}.help{font-size:11px;color:#8c999f;line-height:1.7;margin-top:8px}.help ul{padding-left:18px;margin:4px 0}.invalid input{border-color:#d99d9d!important}.field-errors{font-size:11px;color:#af5555;margin-top:7px}.field-errors ul,.notice ul{padding-left:18px;margin:0}.form-actions{display:flex;gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.delete-form{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.notice{border:1px solid #dae9e3;background:#f0f7f3;border-radius:9px;padding:14px 18px;color:#5b8472;font-size:12px;margin-bottom:22px;overflow-wrap:anywhere}.notice.error{background:#fbf1f1;border-color:#efd5d5;color:#ab5555}.pending-notice{display:flex;align-items:center;gap:12px}.pending-notice>.icon:last-child{margin-left:auto}.pending-card{margin-bottom:24px}.pending-row{display:flex;gap:25px;justify-content:space-between;padding:21px 24px;border-top:1px solid var(--line)}.pending-row strong{font-size:13px}.pending-row p{font-size:11px;color:var(--muted);margin:4px 0}.device-id{font-size:10px;color:#99a5ab;overflow-wrap:anywhere}.pending-controls{min-width:245px;display:flex;flex-direction:column;gap:10px}.pending-controls select{border:1px solid var(--line);border-radius:7px;padding:9px;color:#6a7a80;background:#fff;width:100%;font-size:12px}.pending-controls .row-actions{justify-content:flex-end}.pairing{max-width:630px;margin:30px auto;padding:42px;text-align:center}.pairing>.metric-icon{width:48px;height:48px;margin-bottom:20px}.pairing h2{font-size:18px}.pairing-code{font-size:48px;letter-spacing:12px;font-weight:600;color:var(--accent);margin:25px 0}.pairing>p{font-size:13px;color:var(--muted);margin:20px 0}.pairing>.notice{text-align:left;line-height:1.7;margin-top:24px}.sale-total{display:flex;justify-content:space-between;align-items:center;padding:25px;font-size:15px;border-top:1px solid var(--line)}.sale-total strong{font-size:24px}.history{margin-top:24px}.removal-form{display:flex;gap:8px;align-items:center}.removal-form input{padding:8px;border:1px solid var(--line);border-radius:6px;width:180px;font-size:12px}
.auth-page{display:grid;grid-template-columns:minmax(350px,.9fr) minmax(500px,1.1fr);min-height:100vh;background:#fff}.auth-story{padding:42px 50px;background:linear-gradient(130deg,#eaf4ee,#e2f0e8);display:flex;flex-direction:column;min-height:100vh;color:#365b4c}.auth-story .brand{margin:0}.auth-story-content{margin:auto 0;padding:70px 0;max-width:480px}.auth-story h1{font-size:48px;line-height:1.2;letter-spacing:-1.7px;margin:20px 0}.auth-story p{font-size:14px;color:#7f9a8b;max-width:300px;line-height:1.8}.auth-story>small{font-size:10px;color:#8aab99}.story-cards{display:flex;flex-direction:column;gap:16px;margin-top:45px}.story-cards>div{display:grid;grid-template-columns:35px 1fr;align-items:center;max-width:340px;border:1px solid #d3e6da;border-radius:12px;background:#ffffff59;padding:17px}.story-cards .icon{grid-row:span 2;color:#7ea28f}.story-cards strong{font-size:12px;color:#567e69}.story-cards span{font-size:11px;color:#91a99c}.auth-main{display:flex;flex-direction:column;padding:25px 65px;max-width:none;margin:0;min-width:0}.auth-language{display:flex;justify-content:flex-end}.auth-form{width:100%;max-width:620px;margin:auto;padding:40px 0}.auth-form h1{margin:10px 0;font-size:30px}.subtitle{font-size:13px;color:#8d9a9f;line-height:1.8;margin-bottom:30px}.auth-form .form-grid{gap:20px}.auth-form .field input{font-size:12px}.auth-submit{width:100%;margin-top:28px;justify-content:space-between;padding:13px 17px}.auth-main>footer{font-size:10px;text-align:center;color:#adb6b9;padding:20px}.login-form .form-grid{grid-template-columns:1fr}.menu-toggle{display:none}.scrim{position:fixed;inset:0;background:#23342e55;border:0;z-index:25}
@media(min-width:1600px){main{padding:38px 44px}.metrics{gap:24px}.metric>strong{font-size:32px}.chart{height:230px}}
@media(max-width:1200px){:root{--sidebar:220px}.topbar{padding:0 24px}main{padding:27px 24px}.metrics{gap:12px}.metric{padding:17px 15px}.metric>strong{font-size:24px}.metric>div{font-size:10px}.metric-icon{width:27px;height:27px}.dashboard-grid{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.chart{gap:10px}.date{display:none}.card-heading{padding:20px}.auth-main{padding:25px 40px}.auth-story{padding:40px}.auth-story h1{font-size:40px}}
@media(max-width:980px){.dashboard-grid{grid-template-columns:1fr}.getting-started{padding:23px}.checklist{display:flex;gap:16px;margin-top:18px}.checklist li{flex:1;margin:0}.checklist li a{display:none}.checklist small{font-size:8px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric>strong{font-size:28px}.chart{height:200px}.auth-page{grid-template-columns:310px minmax(0,1fr)}.auth-story{padding:30px}.auth-story h1{font-size:35px}.auth-story .brand{font-size:22px}.auth-form .form-grid{grid-template-columns:1fr}.auth-main{padding:22px 35px}.auth-form h1{font-size:26px}}
@media(max-width:800px){:root{--sidebar:240px}.sidebar{transform:translateX(-100%);transition:transform .18s}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.menu-toggle{display:block}.topbar{height:65px;padding:0 20px}.topbar-left{gap:10px}.topbar-right{gap:12px}main{padding:25px 20px}.auth-page{display:block}.auth-story{min-height:0;padding:25px 30px}.auth-story-content,.auth-story>small{display:none}.auth-main{min-height:calc(100vh - 87px);padding:12px 30px}.auth-language{position:absolute;right:25px;top:28px}.auth-form{max-width:620px}.auth-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-form .form-grid{grid-template-columns:1fr}.auth-story .brand{width:max-content}.auth-story .brand-mark{width:32px;height:32px}.pending-row{gap:16px}.pending-controls{min-width:220px}}
@media(max-width:560px){h1{font-size:25px}.page-heading{align-items:flex-start;gap:14px;margin-bottom:22px}.page-heading p{font-size:11px;max-width:240px}.heading-actions{gap:0}.heading-actions .button{font-size:10px;padding:9px 10px}.button{font-size:11px;padding:9px 12px}.topbar{padding:0 15px}.topbar-left{font-size:10px}.topbar-left>span:first-of-type,.topbar-left .slash{display:none}.topbar-right{gap:10px}.account-name{display:none}.language select{font-size:11px;max-width:102px;padding-right:0}main{padding:23px 15px}.metrics{gap:10px;margin-bottom:18px}.metric{padding:14px 13px;border-radius:11px}.metric>div{font-size:9px;gap:4px}.metric>strong{font-size:23px;margin:14px 0 7px}.metric-icon{width:24px;height:24px;border-radius:7px}.metric-icon .icon{width:13px;height:13px}.metric>small{font-size:8px}.dashboard-grid{gap:18px;margin-bottom:18px}.card-heading{padding:19px 17px}.card-heading h2{font-size:14px}.chart{margin:6px 17px 0;gap:8px;height:165px}.chart-caption{padding:14px 17px;font-size:9px}.checklist{display:block}.checklist li{margin-top:16px}.checklist small{font-size:10px}.checklist li a{display:block}.getting-started{padding:20px}.getting-started h2{font-size:18px}.page-footer{font-size:8px}.card-heading .text-link{font-size:10px}.form-card{padding:21px 17px}.form-grid{grid-template-columns:1fr;gap:20px}.checks>div{grid-template-columns:1fr}.field label{font-size:11px}.field input:not([type=checkbox]),.field select{font-size:14px;min-height:44px}.form-actions{margin-top:22px;padding-top:20px}.search-form{width:100%;gap:8px}.search-form input{width:100%;font-size:11px}.search-form .button{font-size:10px;padding:7px}.list-toolbar{padding:15px}.result-count{display:none}th,td{padding:13px 16px}.pending-row{display:block;padding:18px}.pending-controls{margin-top:14px;min-width:0}.pairing{padding:28px 20px}.pairing-code{font-size:40px;letter-spacing:9px}.auth-main{padding:15px 25px}.auth-form{padding:35px 0}.auth-form .form-grid{grid-template-columns:1fr}.auth-form h1{font-size:25px}.auth-story{padding:24px}.notice{font-size:11px}.sale-total strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.branch-picker{gap:16px;flex-wrap:wrap}.branch-picker select{flex:1;min-width:180px;max-width:420px;padding:10px 12px;min-height:40px;border:1px solid var(--line);border-radius:8px;background:white;color:inherit;font:inherit;font-size:13px}.ad-preview{width:100%;max-height:260px;object-fit:contain;border-radius:12px}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}.campaign-card{padding:24px}.campaign-card h2{margin:16px 0 8px}.campaign-card .row-actions{margin-top:20px}.card-heading small{display:block;margin-top:6px;color:var(--muted)}@media(max-width:560px){.page-heading{flex-wrap:wrap}.page-heading>div{min-width:0}.branch-picker select{max-width:100%;min-width:0;flex-basis:100%}.branch-picker .button{width:100%}}

.padded{padding:24px;margin-bottom:22px}.padded p{margin:10px 0 18px;line-height:1.7;color:var(--muted)}.padded .form-grid{margin:20px 0}.row-actions{flex-wrap:wrap}.appearance select{border:1px solid var(--line);border-radius:7px;padding:7px;background:transparent;color:inherit;font-size:12px;max-width:130px}.auth-language{align-items:center;gap:12px}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 0}.device-grid dt{font-size:12px;color:var(--muted);margin-bottom:6px}.device-grid dd{margin:0;font-weight:600;overflow-wrap:anywhere}.account-menu button{color:inherit}
html[data-appearance=dark]{color-scheme:dark;color:#e3eeeb;background:#111c21;--line:#314249;--muted:#adc0c5}
html[data-appearance=dark] body{--accent:#8edabd;--accent-dark:#b1ead5;--tint:#233c36;--line:#314249;--muted:#adc0c5}
html[data-appearance=dark] body[data-theme=blue]{--accent:#a4c8ff;--accent-dark:#c4ddff;--tint:#24374b}
html[data-appearance=dark] body[data-theme=neutral]{--accent:#cad9df;--accent-dark:#e3edf1;--tint:#303d44}
html[data-appearance=dark] .sidebar,html[data-appearance=dark] .card,html[data-appearance=dark] .metric,html[data-appearance=dark] .topbar,html[data-appearance=dark] .account-menu,html[data-appearance=dark] .auth-page{background:#19292f;color:#e3eeeb}
html[data-appearance=dark] .field input:not([type=checkbox]),html[data-appearance=dark] .field select,html[data-appearance=dark] .field textarea,html[data-appearance=dark] .pending-controls select,html[data-appearance=dark] .branch-picker select,html[data-appearance=dark] .removal-form input,html[data-appearance=dark] .search-form input{background:#142229;color:#e3eeeb;border-color:var(--line)}
html[data-appearance=dark] .primary,html[data-appearance=dark] .brand-mark{background:#26735e;color:#fff}html[data-appearance=dark] .primary:hover{background:#328068}
html[data-appearance=dark] .subtle{background:#21343c;color:#deebe8;border-color:var(--line)}html[data-appearance=dark] .subtle:hover,html[data-appearance=dark] .nav-item:hover,html[data-appearance=dark] tbody tr:hover{background:#29414a}
html[data-appearance=dark] th,html[data-appearance=dark] .avatar,html[data-appearance=dark] .branch-icon,html[data-appearance=dark] .badge.muted,html[data-appearance=dark] .field input:disabled{background:#22353d;color:#bacbd0}
html[data-appearance=dark] td{color:#ccdbda;border-color:var(--line)}html[data-appearance=dark] .cell-title{color:#e3eeeb}html[data-appearance=dark] .cell-title:hover{color:var(--accent)}
html[data-appearance=dark] .cell-sub,html[data-appearance=dark] .card-note,html[data-appearance=dark] .device-id,html[data-appearance=dark] .branch-item small{color:var(--muted)}html[data-appearance=dark] .card-note,html[data-appearance=dark] .branch-item{border-color:var(--line)}
html[data-appearance=dark] .auth-story,html[data-appearance=dark] .getting-started{background:linear-gradient(130deg,#213d34,#21333b);border-color:#344c42;color:#d8eee3}
html[data-appearance=dark] .story-cards>div{background:#273f39;border-color:#425a50}
html[data-appearance=dark] .nav-item,html[data-appearance=dark] .language select,html[data-appearance=dark] .topbar-left strong,html[data-appearance=dark] .field label,html[data-appearance=dark] .icon-button{color:#bdcecc}
html[data-appearance=dark] .nav-item.selected{color:var(--accent)}
html[data-appearance=dark] .help,html[data-appearance=dark] .subtitle,html[data-appearance=dark] .nav-label,html[data-appearance=dark] .metric>small,html[data-appearance=dark] .metric>div,html[data-appearance=dark] .empty,html[data-appearance=dark] .empty p,html[data-appearance=dark] .empty h3,html[data-appearance=dark] .chart-caption,html[data-appearance=dark] .chart-column>span,html[data-appearance=dark] .page-footer,html[data-appearance=dark] .result-count,html[data-appearance=dark] .auth-story p,html[data-appearance=dark] .story-cards span,html[data-appearance=dark] .getting-started>p,html[data-appearance=dark] .checklist small{color:#adc0c5}
html[data-appearance=dark] .getting-started h2,html[data-appearance=dark] .checklist strong,html[data-appearance=dark] .story-cards strong{color:#d0e8dd}
html[data-appearance=dark] .notice{background:#1f3f34;border-color:#365d4a;color:#bce6cb}html[data-appearance=dark] .notice.error{background:#432a2d;border-color:#6a4247;color:#ffccd1}
html[data-appearance=dark] .field-errors,html[data-appearance=dark] .danger-text{color:#ffb0b5}html[data-appearance=dark] .badge.amber{background:#473c23;color:#f3d697}
html[data-appearance=dark] .chart-grid{background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(33.3% - 1px),#314249 calc(33.3% - 1px),#314249 33.3%)}
@media(max-width:600px){.device-grid{grid-template-columns:1fr}.appearance select{max-width:100px;font-size:11px}.padded{padding:20px 17px}.padded .search-form{flex-wrap:wrap}}

/* Nested settings navigation */
.nav-group{margin:0}.nav-group>summary{cursor:pointer;list-style:none;justify-content:space-between}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary::after{content:'›';font-size:16px;transition:transform .15s}.nav-group[open]>summary::after{transform:rotate(90deg)}.nav-group-children{margin-left:12px;padding-left:7px;border-left:1px solid var(--line)}.nav-group-children .nav-item{font-size:12px}.nav-placeholder{cursor:default;opacity:.6;justify-content:space-between}.nav-placeholder small{font-size:9px}

.sinvo-notifications{position:relative}.sinvo-notifications>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}.sinvo-notifications>summary::-webkit-details-marker{display:none}.sinvo-notification-count{position:absolute;top:-5px;right:-8px;background:#cf4545;color:white;border-radius:12px;min-width:17px;padding:2px 4px;text-align:center;font-size:10px}.sinvo-notification-count[hidden]{display:none}.sinvo-notification-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(350px,calc(100vw - 30px));background:var(--surface,#192a30);color:inherit;border:1px solid var(--line,#34444a);border-radius:10px;box-shadow:0 12px 32px #0005;z-index:100;overflow:hidden}.sinvo-notification-heading{font-weight:700;padding:14px;border-bottom:1px solid var(--line,#34444a)}.sinvo-notification-items{max-height:320px;overflow:auto}.sinvo-notification-item{display:block;padding:14px;color:inherit;text-decoration:none}.sinvo-notification-item:hover{background:rgba(120,160,160,.12)}.sinvo-notification-item small{display:block;opacity:.8;margin-top:6px}.sinvo-notification-empty{padding:18px;opacity:.8}