@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%}body{min-height:100dvh}img,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}:root{--nm-color-primary:#e8917a;--nm-color-primary-light:#f4b8a8;--nm-color-primary-dark:#c96f5a;--nm-color-secondary:#a8d5ba;--nm-color-secondary-light:#c8e8d4;--nm-color-accent:#f9d89c;--nm-color-bg:#fff8f5;--nm-color-bg-card:#fff;--nm-color-text:#4a3728;--nm-color-text-muted:#8b7b6b;--nm-color-border:#f0e0d6;--nm-color-error:#e57373;--nm-color-success:#81c784;--nm-font-family:"Nunito", "Segoe UI", system-ui, sans-serif;--nm-font-size-xs:.75rem;--nm-font-size-sm:.875rem;--nm-font-size-base:1rem;--nm-font-size-lg:1.25rem;--nm-font-size-xl:1.5rem;--nm-font-size-2xl:2rem;--nm-font-weight-normal:400;--nm-font-weight-medium:600;--nm-font-weight-bold:700;--nm-space-xs:.25rem;--nm-space-sm:.5rem;--nm-space-md:1rem;--nm-space-lg:1.5rem;--nm-space-xl:2rem;--nm-space-2xl:3rem;--nm-radius-sm:.5rem;--nm-radius-md:.75rem;--nm-radius-lg:1rem;--nm-radius-full:9999px;--nm-shadow-sm:0 1px 3px #4a372814;--nm-shadow-md:0 4px 12px #4a37281a;--nm-shadow-lg:0 8px 24px #4a37281f;--nm-transition-fast:.15s ease;--nm-transition-base:.25s ease}app-shell{min-height:100dvh;display:block}nav-bar{z-index:100;display:block;position:fixed;bottom:0;left:0;right:0}.nav-bottom{background:var(--nm-color-bg-card);border-top:1px solid var(--nm-color-border);padding:var(--nm-space-xs) 0;padding-bottom:env(safe-area-inset-bottom,var(--nm-space-xs));justify-content:space-around;align-items:center;display:flex}.nav-item{padding:var(--nm-space-xs) var(--nm-space-md);color:var(--nm-color-text-muted);transition:color var(--nm-transition-fast);flex-direction:column;align-items:center;gap:2px;min-width:64px;min-height:44px;display:flex}.nav-item--active{color:var(--nm-color-primary)}.nav-item--logout{color:var(--nm-color-error);opacity:.7}.nav-item--logout:hover{opacity:1}.nav-icon{width:24px;height:24px}.nav-label{font-size:var(--nm-font-size-xs);font-weight:var(--nm-font-weight-medium)}.login-page{min-height:100dvh;padding:var(--nm-space-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}.login-header{text-align:center;margin-bottom:var(--nm-space-2xl)}.login-title{font-size:var(--nm-font-size-2xl);font-weight:var(--nm-font-weight-bold);color:var(--nm-color-primary)}.login-subtitle{color:var(--nm-color-text-muted);margin-top:var(--nm-space-xs)}.login-form{width:100%;max-width:360px}.form-group{margin-bottom:var(--nm-space-md)}.login-btn{width:100%;margin-top:var(--nm-space-md)}.temp-type-row{align-items:center;gap:var(--nm-space-sm);margin-bottom:var(--nm-space-sm);display:flex}.temp-type-input{flex:1}.temp-type-delete{color:var(--nm-color-error);flex-shrink:0}.tod-indicator{padding:2px var(--nm-space-sm);border-radius:var(--nm-radius-full);font-size:var(--nm-font-size-sm);font-weight:var(--nm-font-weight-medium);background:var(--nm-color-primary-light);color:var(--nm-color-primary-dark);margin-bottom:var(--nm-space-lg);text-transform:capitalize;display:inline-block}temp-chart,event-table{display:block}.chart-container{height:250px;position:relative}.chart-title{font-size:var(--nm-font-size-base);font-weight:var(--nm-font-weight-medium);margin-bottom:var(--nm-space-sm);color:var(--nm-color-text)}.invite-row{padding:var(--nm-space-sm) 0;border-bottom:1px solid var(--nm-color-border);justify-content:space-between;align-items:center;display:flex}.invite-row:last-child{border-bottom:none}.invite-info{align-items:center;gap:var(--nm-space-sm);flex-wrap:wrap;display:flex}.invite-date{font-size:var(--nm-font-size-sm);color:var(--nm-color-text-muted)}.invite-used-by{font-size:var(--nm-font-size-sm);font-weight:var(--nm-font-weight-medium)}.invite-expires{font-size:var(--nm-font-size-xs);color:var(--nm-color-text-muted)}.invite-actions{gap:var(--nm-space-xs);flex-shrink:0;display:flex}.badge{padding:2px var(--nm-space-sm);border-radius:var(--nm-radius-full);font-size:var(--nm-font-size-xs);font-weight:var(--nm-font-weight-medium);text-transform:uppercase;letter-spacing:.03em;display:inline-block}.badge-pending{background:var(--nm-color-accent);color:var(--nm-color-text)}.badge-used{background:var(--nm-color-secondary);color:var(--nm-color-text)}.badge-expired{background:var(--nm-color-border);color:var(--nm-color-text-muted)}.event-type-selector{gap:var(--nm-space-sm);margin-bottom:var(--nm-space-md);display:flex}.event-type-btn{padding:var(--nm-space-sm) var(--nm-space-md);border:2px solid var(--nm-color-border);border-radius:var(--nm-radius-sm);background:var(--nm-color-bg-card);font-size:var(--nm-font-size-sm);font-weight:var(--nm-font-weight-medium);color:var(--nm-color-text-muted);transition:all var(--nm-transition-fast);cursor:pointer;flex:1;min-height:44px}.event-type-btn--active{border-color:var(--nm-color-primary);background:var(--nm-color-primary-light);color:var(--nm-color-primary-dark)}.result-selector{gap:var(--nm-space-sm);margin-bottom:var(--nm-space-md);display:flex}.result-btn{padding:var(--nm-space-sm) var(--nm-space-md);border:2px solid var(--nm-color-border);border-radius:var(--nm-radius-sm);background:var(--nm-color-bg-card);font-size:var(--nm-font-size-sm);font-weight:var(--nm-font-weight-medium);color:var(--nm-color-text-muted);transition:all var(--nm-transition-fast);cursor:pointer;flex:1;min-height:44px}.result-btn--positive.result-btn--active{border-color:var(--nm-color-success);color:#2e7d32;background:#e8f5e9}.result-btn--negative.result-btn--active{border-color:var(--nm-color-error);color:#c62828;background:#ffebee}.event-table{border-collapse:collapse;width:100%;font-size:var(--nm-font-size-sm)}.event-table th{text-align:left;padding:var(--nm-space-xs) var(--nm-space-sm);color:var(--nm-color-text-muted);font-weight:var(--nm-font-weight-medium);border-bottom:2px solid var(--nm-color-border)}.event-table td{padding:var(--nm-space-xs) var(--nm-space-sm);border-bottom:1px solid var(--nm-color-border)}.event-table tr:last-child td{border-bottom:none}.badge-fertility{background:var(--nm-color-accent);color:var(--nm-color-text)}.badge-intercourse{color:#5b3e7c;background:#e8d5f5}.badge-bleeding{color:#c62828;background:#ffebee}.badge-positive{color:#2e7d32;background:#e8f5e9}.badge-negative{color:#c62828;background:#ffebee}@media (width>=768px){nav-bar{border-top:none;position:fixed;top:0;bottom:auto}.nav-bottom{border-top:none;border-bottom:1px solid var(--nm-color-border);padding:var(--nm-space-sm) var(--nm-space-xl);justify-content:center;gap:var(--nm-space-xl)}.nav-item{gap:var(--nm-space-sm);flex-direction:row}.page{padding-top:calc(var(--nm-space-2xl) + 60px);padding-bottom:var(--nm-space-2xl)}.login-form{max-width:400px}.chart-container{height:300px}dashboard-screen .page{max-width:1000px}}@media (width>=1024px){.dashboard-charts{gap:var(--nm-space-lg);grid-template-columns:1fr 1fr;display:grid}dashboard-screen .page{max-width:1200px}.dashboard-charts>:first-child,.dashboard-charts>event-table{grid-column:1/-1}}body{font-family:var(--nm-font-family);font-size:var(--nm-font-size-base);color:var(--nm-color-text);background-color:var(--nm-color-bg);-webkit-font-smoothing:antialiased;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:var(--nm-color-bg-card);border-radius:var(--nm-radius-md);box-shadow:var(--nm-shadow-sm);padding:var(--nm-space-lg)}.btn{justify-content:center;align-items:center;gap:var(--nm-space-sm);padding:var(--nm-space-sm) var(--nm-space-lg);border-radius:var(--nm-radius-sm);font-weight:var(--nm-font-weight-medium);font-size:var(--nm-font-size-base);transition:background-color var(--nm-transition-fast), transform var(--nm-transition-fast);min-width:44px;min-height:44px;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--nm-color-primary);color:#fff}.btn-primary:hover{background-color:var(--nm-color-primary-dark)}.btn-secondary{background-color:var(--nm-color-secondary);color:var(--nm-color-text)}.btn-secondary:hover{background-color:var(--nm-color-secondary-light)}.btn-ghost{color:var(--nm-color-text-muted);background:0 0}.btn-ghost:hover{background-color:var(--nm-color-border)}.input{width:100%;padding:var(--nm-space-sm) var(--nm-space-md);border:2px solid var(--nm-color-border);border-radius:var(--nm-radius-sm);background:var(--nm-color-bg-card);font-size:var(--nm-font-size-base);transition:border-color var(--nm-transition-fast);min-height:44px}.input:focus{border-color:var(--nm-color-primary);outline:none}.input::placeholder{color:var(--nm-color-text-muted)}.label{font-size:var(--nm-font-size-sm);font-weight:var(--nm-font-weight-medium);color:var(--nm-color-text-muted);margin-bottom:var(--nm-space-xs);display:block}.page{padding:var(--nm-space-lg);padding-bottom:calc(var(--nm-space-2xl) + 60px);max-width:600px;margin:0 auto}.page-title{font-size:var(--nm-font-size-xl);font-weight:var(--nm-font-weight-bold);margin-bottom:var(--nm-space-lg)}.toast{top:var(--nm-space-lg);padding:var(--nm-space-sm) var(--nm-space-lg);border-radius:var(--nm-radius-sm);color:#fff;font-weight:var(--nm-font-weight-medium);z-index:1000;animation:.3s toast-in;position:fixed;left:50%;transform:translate(-50%)}.toast-success{background-color:var(--nm-color-success)}.toast-error{background-color:var(--nm-color-error)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}