:root{--bg: #ffffff;--surface: #f3f3f3;--surface-2: #e8e8e8;--card: #ffffff;--text: #000000;--muted: #5e5e5e;--line: #e2e2e2;--primary: #000000;--on-primary: #ffffff;--ok: #05944f;--warn: #9a6a00;--crit: #e11900;--ok-bg: #e6f2ed;--warn-bg: #fff4dd;--crit-bg: #ffefed;--radius: 12px;--field-h: 52px;--shadow: 0 4px 16px rgba(0, 0, 0, .08);--chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #000000;--surface: #1f1f1f;--surface-2: #2c2c2c;--card: #141414;--text: #ffffff;--muted: #a6a6a6;--line: #2c2c2c;--primary: #ffffff;--on-primary: #000000;--ok: #3ccb7f;--warn: #ffc043;--crit: #ff6b57;--ok-bg: #0f2a1d;--warn-bg: #2e2510;--crit-bg: #331512;--shadow: 0 4px 16px rgba(0, 0, 0, .5);--chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--text);text-decoration:underline;text-underline-offset:3px}img{display:block;max-width:100%}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 max(16px,calc((100vw - 1040px)/2));background:#000;color:#fff}.nav .brand{font-size:22px;font-weight:700;letter-spacing:-.02em;color:#fff;text-decoration:none}.nav .right{display:flex;gap:6px;align-items:center}.nav button.link{background:none;border:0;color:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:500;padding:8px 12px;border-radius:999px;opacity:.7}.nav button.link:hover{background:#1f1f1f;opacity:1}.nav button.link.active{opacity:1;background:#1f1f1f}.nav .pill{background:#fff;color:#000;opacity:1}.nav .pill:hover{background:#e2e2e2}.demo{background:var(--warn-bg);color:var(--warn);text-align:center;font-size:13px;padding:8px 16px}.page{max-width:1040px;margin:0 auto;padding:40px 16px 96px}h1{font-size:44px;line-height:1.1;letter-spacing:-.03em;font-weight:700;margin:0 0 8px}h2{font-size:24px;line-height:1.25;letter-spacing:-.02em;font-weight:700;margin:48px 0 16px}h3{font-size:16px;font-weight:600;margin:0}.sub{color:var(--muted);margin:0 0 24px;font-size:16px}.muted{color:var(--muted);font-size:14px}.back{display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;font-size:14px;font-weight:500;text-decoration:none}@media (max-width: 640px){h1{font-size:34px}.page{padding-top:28px}}.subnav{display:flex;gap:28px;margin:28px 0 0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.subnav::-webkit-scrollbar{display:none}.subnav a{padding:14px 0;color:var(--muted);font-size:15px;font-weight:500;white-space:nowrap;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}.subnav a:hover{color:var(--text)}.subnav a.active{color:var(--text);border-bottom-color:var(--text);font-weight:600}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.card.flat{border:0;background:var(--surface)}.card .title{font-size:20px;font-weight:700;letter-spacing:-.01em}.stack>*+*{margin-top:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.list>.item{padding:18px 0;border-top:1px solid var(--line)}.list>.item:first-child{border-top:0;padding-top:0}.list>.item:last-child{padding-bottom:0}.vcard{display:block;color:var(--text);text-decoration:none;border-radius:16px;overflow:hidden;background:var(--card);border:1px solid var(--line);transition:box-shadow .2s,transform .2s}.vcard:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.vcard .body{padding:18px 20px 20px}.vcard .km{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:12px 0}.photo{position:relative;aspect-ratio:16 / 10;background:var(--surface);overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.photo .ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted)}.photo .ph svg{width:56px;height:56px;opacity:.45}.photo .tag{position:absolute;top:12px;left:12px;background:#000;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center}.hero .photo{border-radius:16px}.hero .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hero .odo{margin-top:24px}.hero .odo .big{font-size:40px}@media (max-width: 760px){.hero{grid-template-columns:1fr;gap:20px}}.badge{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--surface);color:var(--text)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn,.badge.soon{background:var(--warn-bg);color:var(--warn)}.badge.crit,.badge.overdue,.badge.critical{background:var(--crit-bg);color:var(--crit)}.notice{padding:14px 16px;border-radius:10px;font-size:14px;background:var(--surface)}.notice.ok{background:var(--ok-bg);color:var(--ok)}.notice.warn{background:var(--warn-bg);color:var(--warn)}.notice.crit{background:var(--crit-bg);color:var(--crit)}.notice.info{background:var(--surface);color:var(--muted)}.bar{height:6px;background:var(--surface);border-radius:3px;overflow:hidden;margin-top:10px}.bar>i{display:block;height:100%;background:var(--ok);border-radius:3px}.bar.soon>i{background:var(--warn)}.bar.overdue>i{background:var(--crit)}label{display:block;font-size:14px;font-weight:500;color:var(--text);margin-bottom:8px}input,select,textarea{display:block;width:100%;margin:0;font:inherit;font-size:16px;color:var(--text);background:var(--surface);border:2px solid transparent;border-radius:8px;padding:0 16px;outline:none;transition:border-color .15s,background .15s}input,select{height:var(--field-h);line-height:calc(var(--field-h) - 4px)}input[type=date]{line-height:normal}input[type=date]::-webkit-date-and-time-value{text-align:left}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:44px;background-image:var(--chev);background-repeat:no-repeat;background-position:right 16px center;text-overflow:ellipsis;white-space:nowrap}select:disabled{cursor:default;opacity:.5}input::placeholder,textarea::placeholder{color:var(--muted)}input:hover,select:hover,textarea:hover{background-color:var(--surface-2)}input:focus,select:focus,textarea:focus{border-color:var(--text);background-color:var(--surface)}textarea{padding:14px 16px;min-height:112px;resize:vertical}.form{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form .full{grid-column:1 / -1}.inline{display:flex;gap:10px;align-items:center}.inline>input,.inline>select{flex:1;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border:0;border-radius:8px;cursor:pointer;font:inherit;font-size:16px;font-weight:500;text-decoration:none;white-space:nowrap;background:var(--primary);color:var(--on-primary);transition:opacity .15s,background .15s}.btn:hover{opacity:.85}.btn:disabled{opacity:.35;cursor:default}.btn.secondary{background:var(--surface);color:var(--text)}.btn.secondary:hover{background:var(--surface-2);opacity:1}.btn.danger{background:none;color:var(--crit);height:36px;padding:0 8px;font-size:14px;margin-top:8px}.btn.small{height:36px;padding:0 14px;font-size:14px;border-radius:999px}.btn.block{width:100%}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{cursor:pointer;-webkit-user-select:none;user-select:none;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:500;background:var(--surface);border:0;transition:background .15s}.chip:hover{background:var(--surface-2)}.chip.on{background:var(--primary);color:var(--on-primary)}.finding{display:flex;gap:12px;padding:12px 14px;border-radius:10px;margin-top:8px;align-items:flex-start}.finding.critical{background:var(--crit-bg)}.finding.warn{background:var(--warn-bg)}.finding.info{background:var(--ok-bg)}.finding .code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}.big{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.photo-pick{position:relative;display:block;border-radius:12px;overflow:hidden;cursor:pointer;margin:0}.photo-pick .photo{border-radius:12px}.photo-pick .over{position:absolute;left:12px;bottom:12px;display:flex;gap:8px}.photo-pick .over .btn{height:36px;font-size:14px;padding:0 14px;border-radius:999px;background:#fff;color:#000;box-shadow:var(--shadow)}.photo-pick input{display:none}.photo-pick:focus-within{outline:2px solid var(--text);outline-offset:2px}.auth{max-width:420px;margin:0 auto;padding:64px 16px 96px}.auth h1{font-size:36px}.auth .switch{margin-top:24px;text-align:center;font-size:14px;color:var(--muted)}.auth .switch button{background:none;border:0;padding:0;font:inherit;color:var(--text);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.member{display:flex;align-items:center;gap:14px}.avatar{flex:none;width:40px;height:40px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-weight:700;text-transform:uppercase}.member .who{flex:1;min-width:0}.member .who div:first-child{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.place{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;border-radius:10px;background:var(--surface);font-size:14px}.place .muted{font-size:13px}