@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #FFFCF7;--surface: #FFFFFF;--surface-alt: #FFF3E0;--text: #1E1A17;--text-muted: #8A7F73;--border: #ECE3D6;--sun-orange: #EB901B;--sun-yellow: #F6BA00;--sun-gradient: linear-gradient(135deg, var(--sun-orange), var(--sun-yellow));--primary: #E07C0E;--primary-hover: #BD6608;--primary-soft: #FFF0DC;--success: #16A34A;--success-soft: #DCFCE7;--danger: #C0392B;--danger-soft: #FBE7E4;--radius: 10px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}html,body{overscroll-behavior-x:none}body{background:var(--bg);font-family:Inter,-apple-system,sans-serif;color:var(--text)}.navbar{background:var(--surface);border-bottom:1px solid var(--border);padding:14px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.navbar-brand{font-weight:800;font-size:15px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.navbar-brand:before{content:"";width:18px;height:18px;border-radius:50%;background:var(--sun-gradient);display:inline-block}.navbar-right{display:flex;align-items:center;gap:12px}.navbar-email{font-size:13px;color:var(--text-muted)}.screen{min-height:100vh}.container,.container-wide{max-width:480px;margin:0 auto;padding:24px 16px 60px}@media (min-width: 760px){.container-wide{max-width:920px}}@media (min-width: 1100px){.container-wide{max-width:1100px}}h1{font-size:22px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em}h2{font-size:16px;font-weight:600;margin:0 0 4px}.subtitle{font-size:14px;color:var(--text-muted);margin:0 0 20px;line-height:1.5}.helptext{font-size:13px;color:var(--text-muted);line-height:1.5;margin-top:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-header h2{margin:0}.card-danger{border-color:var(--danger-soft);background:#fffbfa}label{display:block;font-size:13px;font-weight:500;color:var(--text);margin:0 0 6px}input,select{width:100%;font-family:Inter,sans-serif;font-size:15px;padding:11px 13px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);outline:none;margin-bottom:14px}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}input[readonly]{background:var(--surface-alt);color:var(--text-muted);cursor:default}button{font-family:Inter,sans-serif;font-weight:600;font-size:14px;padding:11px 18px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s}.btn-primary{background:var(--primary);color:#fff;width:100%}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-alt)}.btn-ghost{background:none;color:var(--primary);border-color:var(--primary);font-size:13px;padding:8px 14px}.btn-ghost:hover{background:var(--primary-soft)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-text{background:none;border:none;color:var(--text-muted);font-weight:500;font-size:13px;padding:6px 0;text-decoration:underline}.btn-text:hover{color:var(--text)}.btn-signout{display:flex;align-items:center;gap:6px;background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-soft);font-size:13px;font-weight:600;padding:7px 12px}.btn-signout:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger-text{background:none;border:none;color:var(--danger);font-weight:600;font-size:13px;padding:6px 0;text-decoration:underline}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#3c4043;border:1px solid #DADCE0;font-weight:500}.btn-google:hover{background:#f8f9fa;box-shadow:0 1px 3px #0000001a}.row{display:flex;gap:10px}.row>*{flex:1}.badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.02em}.badge-primary{background:var(--primary-soft);color:var(--primary-hover)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-neutral{background:var(--surface-alt);color:var(--text-muted)}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.list-item .flex{flex:1;min-width:0}.list-item .name{font-weight:600;font-size:14px}.list-item .meta{font-size:12px;color:var(--text-muted);margin-top:2px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 10px;font-size:13px;border-bottom:1px solid var(--border)}th{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-weight:600}.tabs{display:flex;gap:6px;background:var(--surface-alt);padding:5px;border-radius:10px;margin:20px 0 6px}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:none;border:none;color:var(--text-muted);font-size:13.5px;font-weight:600;padding:9px;border-radius:7px;cursor:pointer}.tab svg{width:17px;height:17px}.tab-active{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px #00000014}.tabs-desktop{display:none}.tabbar-mobile{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));z-index:20;box-shadow:0 -2px 10px #0000000d}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--text-muted);font-size:11.5px;font-weight:600;padding:6px 4px;border-radius:10px;cursor:pointer}.tabbar-item svg{width:22px;height:22px}.tabbar-active{color:var(--primary);background:var(--primary-soft)}.has-tabbar .container-wide{padding-bottom:90px}@media (min-width: 760px){.tabs-desktop{display:flex}.tabbar-mobile{display:none}.has-tabbar .container-wide{padding-bottom:60px}}.error{color:var(--danger);font-size:13px;margin:-6px 0 12px}.center{text-align:center}.muted{color:var(--text-muted);font-size:13.5px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.back-link{font-size:13px;color:var(--text-muted)}.grid-2{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 760px){.grid-2{grid-template-columns:1fr 1fr;align-items:start}}