:root{--pink:#f43f6b;--bg:#f4f4f8;--card:#fff;--text:#20202a;--muted:#8b8b97;--line:#ececf2}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);padding:28px 18px 92px}.hello h1{margin:0;font-size:28px}.hello p{margin:4px 0 18px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.stat-card,.card{background:var(--card);border-radius:16px;padding:16px;box-shadow:0 1px 8px rgba(25,25,40,.06)}.stat-card strong{display:block;font-size:24px;text-align:center}.stat-card span{display:block;text-align:center;font-size:12px;color:var(--muted);margin-top:8px}.section-title{font-size:13px;color:var(--muted);font-weight:800;margin:2px 0 14px}.visit{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.visit:last-child{border-bottom:0}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#d83264;background:#ffe0ec}.visit-main{flex:1}.visit-main strong{display:block;font-size:15px}.visit-main span{font-size:13px;color:var(--muted)}.visit-side{text-align:right;font-size:13px}.visit-side strong{display:block;font-size:14px}.visit-side span{color:var(--muted)}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 4px 18px}.bottom-nav a{text-align:center;font-size:11px;color:#aaa}.bottom-nav a.active{color:var(--pink)}.bottom-nav b{display:block;font-size:19px;margin-bottom:2px}.fab{position:fixed;right:calc(50% - 220px);bottom:84px;width:58px;height:58px;border-radius:50%;background:var(--pink);color:#fff;border:0;font-size:34px;box-shadow:0 8px 18px rgba(244,63,107,.35)}.form{display:grid;gap:12px}.input,select,textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff;font-size:15px}.btn{border:0;border-radius:14px;padding:13px 16px;background:var(--pink);color:#fff;font-weight:800}.btn-light{background:#fff;color:var(--text);border:1px solid var(--line)}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.topbar h1{font-size:24px;margin:0}.list{display:grid;gap:10px}.row{background:#fff;border-radius:15px;padding:14px;display:flex;align-items:center;gap:12px}.row .meta{color:var(--muted);font-size:13px}.login{max-width:420px;margin:0 auto;min-height:100vh;display:grid;align-content:center;padding:24px}.alert{padding:12px;border-radius:12px;background:#ffe1e8;color:#b00030;margin-bottom:12px}@media(min-width:700px){.app{border-left:1px solid #ddd;border-right:1px solid #ddd}.fab{right:calc(50% - 220px)}}