:root{--bg: #FFFDFB;--bg-soft: #FAF8F7;--card: #FFFFFF;--primary: #FF8EB8;--primary-strong: #F76FA4;--secondary: #F9C6DD;--accent: #E8B5FF;--success: #CDEFC8;--warning: #FFE7B8;--text: #3D3438;--text-soft: #8A7F85;--text-on-primary: #FFFFFF;--border: #F2EAEE;--glass: rgba(255, 255, 255, .62);--glass-blur: 14px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--fs-hero: clamp(1.7rem, 4vw, 2.4rem);--fs-title: 1.25rem;--fs-body: .95rem;--fs-small: .82rem;--radius-card: 22px;--radius-control: 14px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(61, 52, 56, .04), 0 6px 24px rgba(255, 142, 184, .07);--shadow-pop: 0 8px 40px rgba(61, 52, 56, .14);--space-1: 6px;--space-2: 10px;--space-3: 16px;--space-4: 24px;--space-5: 36px;--sidebar-w: 232px;--bottomnav-h: 64px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-body);color:var(--text);background:linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}p{margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--secondary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.page-title{font-size:var(--fs-hero);letter-spacing:-.02em}.page-sub{color:var(--text-soft);margin-top:4px}.section-stack{display:flex;flex-direction:column;gap:var(--space-4)}.widget-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--space-3)}.person-card{display:flex;flex-direction:column;gap:var(--space-2)}.person-card-top{display:flex;align-items:center;gap:12px}.person-card-name{font-size:1.05rem;font-weight:700}.person-card-meta{color:var(--text-soft);font-size:var(--fs-small)}.person-card-badges{display:flex;gap:6px;flex-wrap:wrap}.row-list{display:flex;flex-direction:column}.row-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.row-item:last-child{border-bottom:none}.row-link{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;background:none;border:none;padding:0;margin:0;text-align:left;font:inherit;color:inherit;cursor:pointer}.row-main{flex:1;min-width:0}.row-title{font-weight:600}.row-title--done{text-decoration:line-through;color:var(--text-soft)}.row-sub{color:var(--text-soft);font-size:var(--fs-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-side{color:var(--text-soft);font-size:var(--fs-small);text-align:right;flex-shrink:0}.form-stack{display:flex;flex-direction:column;gap:var(--space-3)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.form-error{color:#c25e7b;font-weight:600;font-size:var(--fs-small)}@media(max-width:500px){.form-row{grid-template-columns:1fr}}.person-hero{display:flex;align-items:center;gap:var(--space-3)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.detail-item .detail-label{font-size:var(--fs-small);color:var(--text-soft);font-weight:600}.detail-item .detail-value{font-weight:500}.search-input{max-width:320px;width:100%}.ui-btn{font-family:var(--font);font-size:var(--fs-body);font-weight:600;border:none;border-radius:var(--radius-control);padding:10px 18px;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,background .15s ease;display:inline-flex;align-items:center;gap:8px;justify-content:center}.ui-btn:active{transform:scale(.97)}.ui-btn--primary{background:var(--primary);color:var(--text-on-primary);box-shadow:var(--shadow-card)}.ui-btn--primary:hover{background:var(--primary-strong)}.ui-btn--soft{background:var(--secondary);color:var(--text)}.ui-btn--ghost{background:transparent;color:var(--text-soft)}.ui-btn--ghost:hover{background:var(--bg-soft);color:var(--text)}.ui-btn--danger{background:transparent;color:#c25e7b}.ui-btn--danger:hover{background:#fdf0f4}.ui-btn--pill{border-radius:var(--radius-pill)}.ui-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--border);padding:var(--space-4)}.ui-card--glass{background:var(--glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.ui-card--clickable{cursor:pointer;transition:transform .12s ease,box-shadow .2s ease}.ui-card--clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop)}.ui-card-title{font-size:var(--fs-title);display:flex;align-items:center;gap:10px;margin-bottom:var(--space-3)}.ui-field{display:flex;flex-direction:column;gap:6px}.ui-field label{font-size:var(--fs-small);font-weight:600;color:var(--text-soft)}.ui-input,.ui-select,.ui-textarea{font-family:var(--font);font-size:var(--fs-body);color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-control);padding:10px 14px;outline:none;transition:border-color .15s ease,background .15s ease}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--primary);background:var(--card)}.ui-textarea{resize:vertical;min-height:80px}.ui-modal-backdrop{position:fixed;inset:0;background:#3d343847;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-3);z-index:100}.ui-modal{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-pop);padding:var(--space-4);width:min(480px,100%);max-height:88vh;overflow-y:auto}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.ui-check{width:26px;height:26px;flex-shrink:0;border-radius:50%;border:2px solid var(--border);background:var(--bg-soft);color:var(--text-on-primary);font-size:.85rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,transform .08s ease}.ui-check:hover{border-color:var(--primary)}.ui-check:active{transform:scale(.9)}.ui-check--on{background:var(--primary);border-color:var(--primary)}.ui-avatar{border-radius:50%;background:var(--secondary);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.ui-widget{background:var(--glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:4px;min-width:120px}.ui-widget-emoji{font-size:1.2rem}.ui-widget-value{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.ui-widget-label{font-size:var(--fs-small);color:var(--text-soft)}.ui-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-small);font-weight:600;border-radius:var(--radius-pill);padding:3px 10px;background:var(--bg-soft);color:var(--text-soft)}.ui-badge--primary{background:var(--secondary);color:#b04a73}.ui-badge--accent{background:#f3e4ff;color:#8e5bb8}.ui-badge--success{background:var(--success);color:#4c7a46}.ui-badge--warning{background:var(--warning);color:#9a7b2e}.ui-empty{text-align:center;color:var(--text-soft);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:8px;align-items:center}.ui-empty-emoji{font-size:2rem}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 15%,#FDE8F1 0%,transparent 45%),radial-gradient(circle at 85% 80%,#F3E4FF 0%,transparent 45%),var(--bg)}.auth-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);text-align:center;min-width:300px}.auth-emoji{font-size:2.4rem}.auth-title{font-size:2rem;letter-spacing:-.02em}.auth-sub{color:var(--text-soft);margin-bottom:var(--space-3)}.auth-denied{color:#c25e7b;font-weight:600}.layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-4);background:var(--glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--border)}.sidebar-brand{font-size:1.3rem;font-weight:700;letter-spacing:-.02em;padding:0 var(--space-2)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-link{display:flex;align-items:center;gap:12px;padding:10px var(--space-2);border-radius:var(--radius-control);font-weight:600;color:var(--text-soft);transition:background .15s ease,color .15s ease}.nav-link:hover{background:var(--bg-soft);color:var(--text)}.nav-link--active{background:var(--secondary);color:var(--text)}.nav-emoji{font-size:1.1rem}.sidebar-logout{border:none;background:transparent;color:var(--text-soft);font-family:var(--font);font-size:var(--fs-small);cursor:pointer;padding:var(--space-2);text-align:left;border-radius:var(--radius-control)}.sidebar-logout:hover{background:var(--bg-soft);color:var(--text)}.content{margin-left:var(--sidebar-w);padding:var(--space-5);max-width:1080px}.bottomnav{display:none}@media(max-width:760px){.sidebar{display:none}.content{margin-left:0;padding:var(--space-3);padding-bottom:calc(var(--bottomnav-h) + var(--space-4))}.bottomnav{display:flex;position:fixed;inset:auto 0 0;height:var(--bottomnav-h);background:var(--glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:50}.bottomnav-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.7rem;font-weight:600;color:var(--text-soft)}.bottomnav-link--active{color:var(--primary-strong)}}