@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans SC,system-ui,sans-serif;color:#312c3b;background:#faf8fc;font-synthesis:none;--purple: #7c3aed;--purple-soft: #f0eaff;--line: #e9e2ef;--shadow: 0 12px 35px rgba(68, 43, 92, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 20% 0,#f5eeff 0,transparent 35%),#faf8fc}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding-bottom:78px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));background:#ffffffe0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 7px 18px #d8c6ff}.brand div{display:flex;flex-direction:column}.brand small{color:#93899d;font-size:11px;margin-top:2px}.privacy{display:flex;align-items:center;gap:5px;color:#6d6476;font-size:13px}.account-actions{display:flex;align-items:center;gap:10px}.account-actions button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;color:#62596a;border-radius:10px;padding:7px 10px}.page{max-width:1180px;margin:auto;padding:28px 22px 50px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:67px;background:#fffffff2;border-top:1px solid var(--line);display:flex;justify-content:center;z-index:30;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.bottom-nav a{color:#948a9d;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:min(132px,16.6vw);font-size:11px}.bottom-nav a.active{color:var(--purple)}.hero{min-height:205px;padding:34px;color:#fff;border-radius:28px;background:linear-gradient(125deg,#6d28d9,#9f67ea 58%,#ec8dbb);display:flex;align-items:center;justify-content:space-between;box-shadow:0 22px 50px #6636a638;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-80px;top:-120px;border:45px solid rgba(255,255,255,.09)}.hero h1{max-width:630px;font-size:clamp(25px,4vw,40px);margin:9px 0;line-height:1.25}.eyebrow{letter-spacing:2px;font-size:12px;font-weight:700;text-transform:uppercase;opacity:.75}.age-orb{width:138px;height:138px;border-radius:50%;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.age-orb strong{font-size:23px}.age-orb span{font-size:12px;opacity:.8;margin-top:4px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0 36px}.metric-card{padding:19px;min-height:128px;border-radius:20px;display:grid;grid-template-columns:30px 1fr;align-content:center;box-shadow:var(--shadow)}.metric-card span{color:#716979;font-size:13px}.metric-card strong{grid-column:1/-1;font-size:24px;margin-top:12px}.lavender{background:#f0e9ff;color:#7c3aed}.mint{background:#e3f8f0;color:#078b67}.peach{background:#fff0e5;color:#d96115}.blue{background:#e6f4fc;color:#1684bb}.section-block{margin-top:34px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title h2{margin:0;font-size:20px}.section-title span{font-size:13px;color:#8c8295}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.mini-card{background:#fff;border:1px solid var(--line);padding:17px;border-radius:18px;display:grid;grid-template-columns:28px 1fr;gap:4px;box-shadow:var(--shadow)}.mini-card svg{color:#8b5cf6}.mini-card span{grid-column:1/-1;color:#817788;font-size:12px;margin-top:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mini-card.warning svg{color:#e89319}.record-list{display:grid;gap:12px}.record-card{background:#ffffffeb;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 8px 25px #462d5a0d}.record-card h3{margin:10px 0 5px;font-size:17px}.record-card p{color:#716978;line-height:1.7;margin:0;font-size:14px}.record-meta{display:flex;align-items:center;gap:9px;color:#9a91a1;font-size:12px;flex-wrap:wrap}.category{padding:3px 9px;border-radius:20px;font-size:11px;background:#eee;color:#555;white-space:nowrap}.category.pink{background:#fde7f1;color:#bd3973}.category.orange{background:#fff0dd;color:#bd6a10}.category.indigo{background:#e9e9ff;color:#5953bb}.category.mint,.category.green{background:#e1f7ed;color:#16805f}.category.purple{background:#efe5ff;color:#7c3aed}.category.red{background:#fee7e7;color:#c03939}.category.cyan{background:#ddf6f6;color:#168080}.category.yellow{background:#fff8d9;color:#9c7910}.pending{background:#fff6d9;color:#9a7410;padding:3px 8px;border-radius:12px}.record-foot{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.tag{font-size:11px;color:#8b5cf6;margin-left:8px}.page-heading{margin:8px 0 24px}.page-heading h1{font-size:34px;margin:5px 0 3px}.page-heading p{color:#817788;margin:0}.search-box{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 14px;margin-bottom:13px}.search-box input{border:0;outline:0;padding:12px 0;width:100%;background:transparent}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:15px}.filter-row button,.admin-tabs button{border:1px solid var(--line);border-radius:18px;padding:7px 13px;background:#fff;color:#716979;white-space:nowrap}.filter-row button.active,.admin-tabs button.active{background:var(--purple);color:#fff;border-color:var(--purple)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.chart-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.chart-card h2{font-size:17px;margin:0 0 15px}.placeholder{min-height:315px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#958b9d}.milestone-road{background:#fff;border:1px solid var(--line);border-radius:22px;padding:8px 22px;box-shadow:var(--shadow)}.milestone-item{display:flex;gap:14px;align-items:center;padding:19px 0;border-bottom:1px solid #eee9f1;color:#aaa1b0}.milestone-item:last-child{border-bottom:0}.milestone-item.done{color:#7c3aed}.milestone-item h3{color:#3d3644;margin:0 0 4px}.milestone-item p{margin:0;color:#89808f;font-size:13px}.login-card{max-width:420px;margin:8vh auto;background:#fff;border:1px solid var(--line);border-radius:25px;padding:34px;box-shadow:var(--shadow);text-align:center}.login-card p{color:#817788}.login-icon{width:60px;height:60px;margin:auto;border-radius:18px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center}.login-card form{text-align:left;display:grid;gap:15px;margin-top:25px}label{display:grid;gap:6px;font-size:13px;color:#665d6e}input,select,textarea{width:100%;border:1px solid #ddd5e4;border-radius:10px;padding:10px 11px;outline:none;background:#fff}input:focus,select:focus,textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #f0eaff}.primary-button{border:0;border-radius:11px;padding:10px 16px;background:var(--purple);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px}.form-error{color:#c43b3b;font-size:13px}.form-hint,.tool-note{color:#817788;font-size:12px;margin:10px 0 0}.permission-title{font-size:15px;margin:18px 0 10px}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px;padding:14px;background:#faf8fc;border-radius:12px}.permission-notice{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#fff6d9;color:#87670e;font-size:13px}input:disabled,textarea:disabled{background:#f5f2f7;color:#766e7c;cursor:not-allowed}.admin-heading{display:flex;justify-content:space-between;align-items:center}.admin-heading h1{margin:4px 0 0}.admin-heading>div:last-child{display:flex;gap:8px}.admin-heading button,.modal-actions>button:first-child{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;color:#62596a}.admin-tabs{display:flex;gap:8px;margin:24px 0 12px;overflow-x:auto}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.admin-tools{display:flex;gap:10px;margin-bottom:15px;align-items:center}.admin-tools .small{margin:0;width:min(350px,100%)}.admin-tools select{width:160px}.admin-tools .primary-button{margin-left:auto;white-space:nowrap}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:13px;min-width:900px}th{text-align:left;color:#746b7c;background:#faf8fc}th,td{padding:11px 10px;border-bottom:1px solid #eee9f1;vertical-align:top}td.summary{max-width:250px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-actions{display:flex;gap:5px}.row-actions button{border:0;background:#f0eaff;color:#7c3aed;border-radius:8px;padding:6px}.row-actions button.danger{color:#c43b3b;background:#ffeded}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e142673;z-index:50;display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;width:min(720px,100%);max-height:90vh;overflow-y:auto;border-radius:20px;padding:22px}.modal-title{display:flex;justify-content:space-between;align-items:center}.modal-title h2{margin:0 0 17px}.modal-title button{border:0;background:none}.form-grid,.profile-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wide{grid-column:1/-1}.checkbox{display:flex;grid-template-columns:auto 1fr;align-items:center}.checkbox input{width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.save-profile{margin-top:18px}.account-modal{width:min(500px,100%)}.single-column{grid-template-columns:1fr}.loading,.empty-state{padding:55px 20px;text-align:center;color:#8c8295;background:#fff;border-radius:18px;border:1px dashed var(--line)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.settings-card.muted{color:#7f7489;background:#fffdfd}.settings-card h2{margin:0 0 8px;font-size:18px}.settings-card p{color:#817788;line-height:1.7;margin:0;font-size:13px}.settings-card-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:16px}.settings-card-title svg{color:var(--purple);flex-shrink:0;margin-top:2px}.settings-form{display:grid;gap:14px}.settings-form .primary-button{justify-self:start}.settings-status{margin-top:12px!important;color:#6d28d9!important}.settings-kv{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:13px}.settings-kv span{color:#8a8092}.settings-kv strong{color:#403747;word-break:break-all}@media(max-width:760px){.topbar{height:62px;padding:0 15px}.privacy,.account-actions button span{display:none}.page{padding:19px 14px 35px}.hero{padding:24px 20px;min-height:180px;border-radius:22px}.age-orb{width:95px;height:95px;flex-shrink:0;margin-left:8px}.age-orb strong{font-size:16px}.hero h1{font-size:24px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px}.metric-card{min-height:110px;padding:15px}.metric-card strong{font-size:20px}.mini-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.record-card{padding:16px}.record-foot{align-items:flex-start;flex-direction:column;gap:8px}.tag{margin-left:0;margin-right:7px}.admin-heading{align-items:flex-start;gap:15px;flex-direction:column}.admin-tools{flex-wrap:wrap}.admin-tools .small{width:100%}.admin-tools .primary-button{margin-left:0}.form-grid,.profile-form{grid-template-columns:1fr}.wide{grid-column:auto}.permission-grid{grid-template-columns:1fr}.bottom-nav a{width:min(86px,16.6vw)}.settings-grid{grid-template-columns:1fr}.settings-kv{grid-template-columns:1fr;gap:5px}.admin-panel{padding:12px}.editable-table{min-width:760px}.editable-table th:first-child,.editable-table td:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:5px 0 8px #3c284b0d}.editable-table th:first-child{background:#faf8fc;z-index:3}.editable-table th:last-child,.editable-table td:last-child{position:sticky;right:0;z-index:2;background:#fff;box-shadow:-5px 0 8px #3c284b0d}.editable-table th:last-child{background:#faf8fc;z-index:3}}