:root{--bg: #0b0f0d;--panel: #121712;--panel-2: #182019;--line: #24302a;--ink: #e9efe9;--muted: #93a598;--accent: #3f8f63;--accent-strong: #57b57f;--accent-ink: #06120a;--danger: #e5534b;--danger-bg: #2a1615;--sans: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--radius: 12px}*{box-sizing:border-box}html,body{margin:0;min-height:100vh}body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5}#app{min-height:100vh}a{color:var(--accent-strong)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.boot{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.02em}.brand--center{justify-content:center;margin-bottom:4px}.brand__mark{width:12px;height:12px;border-radius:50%;background:var(--accent-strong);box-shadow:0 0 0 4px #57b57f2e}.brand__name{font-size:1rem}.field{display:grid;gap:6px;margin-bottom:16px}.field__label{font-size:.85rem;color:var(--muted)}input[type=email],input[type=password],input[type=text]{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:10px 12px;font-size:1rem;width:100%}input:focus-visible{border-color:var(--accent-strong)}.field__password{display:flex;gap:8px}.field__password input{flex:1}.field__toggle{background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--muted);padding:0 12px;cursor:pointer;white-space:nowrap}.field__toggle:hover{color:var(--ink)}.button{border-radius:8px;padding:10px 16px;font-size:.95rem;cursor:pointer;border:1px solid transparent}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background:var(--accent);color:var(--accent-ink);font-weight:600;width:100%}.button--primary:hover:not(:disabled){background:var(--accent-strong)}.button--ghost{background:transparent;border-color:var(--line);color:var(--muted)}.button--ghost:hover{color:var(--ink);border-color:var(--accent-strong)}.auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.auth__card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;box-shadow:0 18px 50px #00000073}.auth__subtitle{text-align:center;color:var(--muted);margin:2px 0 20px;font-size:.9rem}.auth__notice{background:#3f8f6324;border:1px solid rgb(63 143 99 / 35%);color:var(--accent-strong);border-radius:8px;padding:10px 12px;font-size:.9rem;margin:0 0 16px}.auth__error{background:var(--danger-bg);border:1px solid rgb(229 83 75 / 40%);color:var(--danger);border-radius:8px;padding:10px 12px;font-size:.9rem;margin:0 0 16px}.shell{min-height:100vh;display:flex;flex-direction:column}.shell__topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);background:var(--panel)}.shell__user{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--muted)}.shell__body{flex:1;display:flex;min-height:0}.shell__nav{width:200px;flex-shrink:0;border-right:1px solid var(--line);background:var(--panel);padding:16px 0}.shell__nav ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.shell__nav a{display:block;padding:10px 20px;color:var(--muted);text-decoration:none;border-left:3px solid transparent}.shell__nav a:hover{color:var(--ink)}.shell__nav a.is-active{color:var(--ink);border-left-color:var(--accent-strong);background:var(--panel-2)}.shell__content{flex:1;padding:24px 28px 48px;overflow-y:auto}.view__title{margin:0 0 6px;font-size:1.4rem}.view__subtitle{font-size:1.05rem;margin:28px 0 12px}.view__greeting{color:var(--muted);margin:0 0 24px}.view__loading{color:var(--muted)}.view__error{background:var(--danger-bg);border:1px solid rgb(229 83 75 / 40%);color:var(--danger);border-radius:8px;padding:10px 12px;margin-top:16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:8px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card__label{margin:0 0 8px;font-size:.8rem;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.card__value{margin:0;font-size:1.4rem;font-weight:600}.pocket-row{display:flex;flex-direction:column;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.pocket-row span{color:var(--muted);font-size:.9rem}.pocket-list{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pocket-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.pocket-card--link{display:block;text-decoration:none;color:inherit;transition:border-color .15s ease}.pocket-card--link:hover,.pocket-card--link:focus-visible{border-color:var(--accent-strong)}.pocket-card__badges{display:flex;gap:6px;margin-bottom:10px}.pocket-card__title{margin:0 0 8px;font-size:1.05rem}.pocket-card__facts{margin:14px 0;display:grid;gap:6px}.pocket-card__facts dt{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}.pocket-card__facts dd{margin:0 0 8px;font-size:.92rem}.pocket-card__caps-label{margin:0 0 6px;font-size:.8rem;color:var(--muted);font-weight:500}.pocket-card__caps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.pocket-card__caps li{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.78rem;color:var(--accent-strong)}.badge{display:inline-block;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600;background:var(--panel-2);color:var(--muted)}.badge--active{background:#3f8f632e;color:var(--accent-strong)}.badge--disabled,.badge--revoked,.badge--lost{background:var(--danger-bg);color:var(--danger)}.badge--online{background:#3f8f632e;color:var(--accent-strong)}.badge--offline{background:var(--panel-2);color:var(--muted)}.pocket-detail__back{display:inline-block;margin-bottom:16px;font-size:.9rem;color:var(--muted);text-decoration:none}.pocket-detail__back:hover{color:var(--accent-strong)}.pocket-section{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:16px}.pocket-section__title{margin:0 0 12px;font-size:1rem}.pocket-section--security .pocket-security__note{color:var(--muted);font-size:.9rem;margin:0 0 14px}.pocket-actions{display:flex;gap:10px;flex-wrap:wrap}.pocket-actions .button{width:auto}.button--danger{background:var(--danger-bg);border-color:#e5534b66;color:var(--danger);font-weight:600}.button--danger:hover:not(:disabled){border-color:var(--danger)}.rename{margin-top:4px}.rename-form{margin-top:10px;max-width:360px}.confirm-panel{margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.confirm-panel--danger{border-color:#e5534b66;background:var(--danger-bg)}.confirm-panel__title{margin:0 0 6px;font-weight:600}.confirm-panel__description{margin:0 0 12px;color:var(--muted);font-size:.9rem}.confirm-panel--danger .confirm-panel__description{color:var(--ink)}.confirm-panel__ack{display:flex;align-items:center;gap:8px;font-size:.9rem;margin-bottom:12px}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);padding:32px 20px;text-align:center;color:var(--muted);margin-top:12px}.empty-state p{margin:4px 0}.empty-state__hint{font-size:.85rem}@media (max-width: 720px){.shell__body{flex-direction:column}.shell__nav{width:100%;border-right:none;border-bottom:1px solid var(--line);padding:8px 0;overflow-x:auto}.shell__nav ul{display:flex;gap:4px;padding:0 12px}.shell__nav a{border-left:none;border-bottom:3px solid transparent;padding:8px 14px;white-space:nowrap}.shell__nav a.is-active{border-left-color:transparent;border-bottom-color:var(--accent-strong)}.shell__content{padding:18px 16px 40px}.shell__user span{display:none}}