:root{--bg:#f4f6f9;--card:#fff;--ink:#14202e;--muted:#5b6b7c;--line:#d9e0e8;--brand:#0b2a4a;--brand-ink:#fff;--accent:#1d6fd6;--danger:#b3261e;--ok:#1b7a3d;--warn:#8a5a00;--radius:14px;--gutter:16px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1520;--card:#16212f;--ink:#eaf0f6;--muted:#9fb0c2;--line:#263548;--brand:#1d4a7a;--accent:#6aa8f5;--danger:#ff8a80;--warn:#f0b84a}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1{margin:.4rem 0 1rem;font-size:1.6rem}h2{margin:0 0 .5rem;font-size:1.2rem}.screen{max-width:640px;padding:var(--gutter);min-height:100dvh;margin:0 auto}.screen.wide{max-width:860px}.screen.center{justify-content:center;align-items:center;display:flex}.splash{text-align:center;min-height:100dvh;color:var(--muted);place-content:center;display:grid}.logo{background:var(--brand);color:var(--brand-ink);letter-spacing:.06em;border-radius:10px;padding:.25rem .7rem;font-weight:800;display:inline-block}.logo.big{margin-bottom:.75rem;padding:.5rem 1.1rem;font-size:1.8rem}.topbar{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--gutter)}.card.login{flex-direction:column;gap:.75rem;width:100%;max-width:420px;display:flex}.card.inactive{opacity:.65}label{flex-direction:column;gap:.3rem;font-size:.95rem;font-weight:600;display:flex}input,select{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;width:100%;min-height:48px;padding:.75rem .8rem}fieldset{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.6rem;padding:.6rem .8rem .8rem;display:flex}legend{color:var(--muted);padding:0 .3rem;font-size:.85rem}button{font:inherit;border:1px solid var(--line);background:var(--card);min-height:48px;color:var(--ink);cursor:pointer;border-radius:10px;padding:.6rem 1rem}button.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);font-weight:700}button.danger{color:var(--danger);border-color:var(--danger)}button.link{color:var(--accent);background:0 0;border:none;min-height:44px;padding:.4rem .5rem;text-decoration:underline}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.error{color:var(--danger);margin:0;font-weight:600}.notice{color:var(--ok);margin:0;font-weight:600}.hint{color:var(--muted);margin:.25rem 0;font-size:.88rem}.row{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row input{flex:1}.apps{gap:14px;margin:1rem 0;display:grid}.app-button{background:var(--brand);min-height:132px;color:var(--brand-ink);border-radius:20px;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1.4rem 1.2rem;text-decoration:none;display:flex;box-shadow:0 2px 6px #0000002e}.app-button:active{transform:scale(.985)}.app-name{font-size:1.6rem;font-weight:800}.app-blurb{opacity:.85;font-size:.95rem}.admin-link{text-align:center;margin-top:2rem}.admin-link a,.link{color:var(--accent)}.tabs{gap:.5rem;margin-bottom:1rem;display:flex}.tabs a{text-align:center;border:1px solid var(--line);color:var(--ink);background:var(--card);border-radius:10px;flex:1;padding:.7rem;font-weight:600;text-decoration:none}.tabs a.active{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.list{gap:.75rem;margin:1rem 0;padding:0;list-style:none;display:grid}.card-head{text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;min-height:0;padding:0;display:flex}.sub{color:var(--muted);word-break:break-word;font-size:.9rem}.chip{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:.1rem .6rem;font-size:.8rem}.chip.warn{color:var(--warn);border-color:var(--warn)}.check{flex-direction:row;align-items:center;gap:.5rem;min-height:44px;font-weight:500}.check input{width:22px;height:22px;min-height:0}.filters{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.filters button{border-radius:999px;min-height:40px}.filters button.on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.detail{border-top:1px solid var(--line);gap:.75rem;margin-top:.9rem;padding-top:.9rem;display:grid}.modal{padding:var(--gutter);z-index:10;background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.modal .card{width:100%;max-width:420px}.secret{background:var(--bg);border:1px dashed var(--line);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:10px;margin:.6rem 0;padding:.8rem;font:700 1.3rem ui-monospace,Menlo,monospace;display:block}@media (width>=720px){.apps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.chips{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.chip{background:var(--card);color:inherit;border:1px solid var(--line);border-radius:999px;min-height:40px;padding:.4rem .9rem}.chip.on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.inbox{flex-direction:column;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.notif{text-align:left;background:var(--card);width:100%;color:inherit;border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:.15rem;padding:.8rem 1rem;display:flex}.notif.unread{border-left:4px solid var(--brand)}.notif-app{opacity:.7;font-size:.8rem}.notif-title{font-weight:700}.notif-body{opacity:.85}.bell{text-decoration:none;position:relative}.badge{color:#fff;background:#c0392b;border-radius:999px;margin-left:.3rem;padding:.05rem .45rem;font-size:.75rem}
