*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#eff5f1;color:#143f43;line-height:1.6}.wrap{max-width:1100px;width:90%;margin:40px auto 100px}a{color:#08777b}.eyebrow{font-size:11px;letter-spacing:.12em;margin-top:30px}h1{font-size:42px;letter-spacing:-.05em}h2{margin-top:36px}.card{background:#fff;border:1px solid #d7e4dc;border-radius:24px;padding:25px;margin:18px 0;overflow-wrap:anywhere}#login{max-width:440px}label{display:block;font-weight:600}input,textarea,select{display:block;width:100%;padding:13px;border:1px solid #bacfc3;border-radius:12px;margin:10px 0 15px;font:inherit}textarea{min-height:90px}.btn{display:inline-flex;padding:12px 17px;border:1px solid #c4d7cd;border-radius:12px;background:#fff;color:#16474a;font:inherit;font-weight:600;cursor:pointer;margin:5px 3px 5px 0;text-decoration:none}.teal{background:#08777b;color:white;border-color:#08777b}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.notice{background:#fff3d4;padding:18px;border-radius:14px}button:disabled{opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #da9d29;outline-offset:3px}[hidden]{display:none!important}#panel-state{position:sticky;top:10px;background:#e0f1e8;border-radius:14px;padding:0 16px;z-index:5}@media(max-width:700px){.grid{grid-template-columns:1fr}.wrap{width:92%;margin-top:24px}h1{font-size:34px}.card{padding:20px}}

.admin-panel{color-scheme:dark;background:radial-gradient(ellipse at top right,#123e3c 0,transparent 50%),#091416;color:#dceee9;min-height:100vh}.admin-panel a{color:#a5ebcf}.admin-panel .card{background:#112427;border-color:#294347;box-shadow:0 14px 35px #0002}.admin-panel input,.admin-panel textarea,.admin-panel select{background:#0a1b1e;color:#e6f6ef;border-color:#355256}.admin-panel .btn{background:#193638;color:#dceee9;border-color:#37595a}.admin-panel .teal{background:#a8ebcd;color:#0d2c29;border-color:#a8ebcd}.admin-panel .notice{background:#24332b;color:#d5e8cb;border:1px solid #405140}.admin-panel #panel-state{background:#1b3d35;color:#e5fff1}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.metric{font:inherit;cursor:pointer;text-align:left;display:flex;flex-direction:column;align-items:flex-start;position:relative;gap:10px;padding:24px;border:1px solid #2d4949;border-radius:22px;background:linear-gradient(145deg,#193737,#102426);color:#dceee9;transition:transform .18s,border-color .18s,background .18s}.metric:hover{transform:translateY(-3px);border-color:#a8ebcd}.metric.selected{border-color:#a8ebcd;background:linear-gradient(145deg,#23564b,#15332f)}.metric-icon{display:grid;place-items:center;width:44px;height:44px;background:#a8ebcd16;border-radius:14px;color:#a8ebcd}.metric-icon svg{width:25px;height:25px}.metric-count{font-size:38px;line-height:1.1;letter-spacing:-.05em}.metric-label{font-size:14px;font-weight:650}.metric small{font-size:11px;color:#9bb5b0}.admin-panel h2{scroll-margin-top:20px}.admin-panel .eyebrow{color:#95bfb3}@media(max-width:700px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric{padding:18px}.metric-count{font-size:32px}}@media(prefers-reduced-motion:reduce){.metric{transition:none}.metric:hover{transform:none}}
.settings-panel{scroll-margin-top:20px}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.settings-heading h2{margin:0}.settings-steps{padding-left:24px;max-width:800px}.settings-steps li{padding-left:5px;margin:16px 0}.settings-panel code{overflow-wrap:anywhere;white-space:normal;background:#091b1e;color:#bcecd8;border-radius:5px;padding:3px 6px}.settings-help{font-size:14px;color:#b4cbc4;max-width:750px}.settings-panel:focus{outline:2px solid #a8ebcd;outline-offset:4px}

.install-panel summary{cursor:pointer;font-weight:700}.remember{display:flex;align-items:center;gap:.6rem;margin:1rem 0}.remember input{width:1.2rem;height:1.2rem;flex:none}.pending-badge{display:inline-block;background:#ffcc66;color:#073f46;border-radius:2rem;padding:.3rem .7rem;font-size:.85rem;vertical-align:middle}.notification-card select{max-width:24rem}.notification-card button{margin-bottom:.5rem}.wrap{padding-bottom:max(2rem,env(safe-area-inset-bottom))}.technical-settings{margin-top:3rem;border-top:1px solid #8bb7b7;padding-top:2rem}