:root,:root[data-theme=dark]{--base-bg: #1F2A33;--surface-1: #25323D;--surface-2: #2C3A46;--surface-3: #303E4A;--deep-1: #1A242C;--deep-2: #162027;--deep-3: #0F171D;--border: #3A4A57;--divider: #445563;--highlight: #506270;--text-primary: #E8EEF2;--text-secondary: #B8C4CC;--text-muted: #8A99A5;--mint: #7EBFA0;--mint-light: #A8DABD;--pink-light: #FDB2C2;--pink: #FE8EAF;--dark-pink: #C55163;--dark-green-eyes: #33805E;--cream: #FEF6EE;--gray-dark: #252F3D;--gray-medium: #585D67;--gray-light: #837B7C;--accent-mint: var(--mint-light);--accent-pink: var(--pink-light);--bg: var(--base-bg);--surface: var(--surface-1);--card: var(--surface-1);--hover-surface: var(--surface-2);--text: var(--text-primary);--muted: var(--text-secondary);--disabled: var(--text-muted);--accent: var(--pink-light);--accent-dark: var(--pink);--border-focus: rgba(253, 178, 194, .55);--card-shadow: rgba(254, 142, 175, .1);--input-bg: var(--deep-1);--input-border: rgba(255, 255, 255, .1);--input-icon-color: #B8C4CC;--input-focus-ring: rgba(253, 178, 194, .45);--btn-primary-bg: var(--pink-light);--btn-primary-text: var(--deep-3);--btn-primary-hover: var(--pink);--btn-secondary-bg: var(--mint-light);--btn-secondary-text: var(--deep-3);--btn-secondary-hover: var(--mint);--brand-tagline-color: var(--mint);--brand-tagline-weight: 600;--dashboard-emphasis-color: var(--accent-pink);--dashboard-emphasis-weight: 800;--dashboard-serving-color: #fbbf24;--dashboard-serving-weight: 700;--nav-active-bg: rgba(253, 178, 194, .12);--nav-active-text: var(--pink-light);--nav-active-admin-bg: rgba(168, 218, 189, .12);--nav-active-admin-text: var(--mint-light);--nav-logout-text: var(--text-muted);--nav-logout-border: var(--border);--nav-logout-hover-text: var(--pink-light);--nav-logout-hover-border: var(--pink-light);--nav-logout-hover-bg: rgba(253, 178, 194, .06);--nav-text: var(--text-secondary);--nav-text-muted: var(--text-muted);--nav-hover-bg: var(--surface-2);--nav-divider: var(--border);--focus-ring: var(--pink-light);--input-height: 46px;--input-radius: 8px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--nav-height: 56px;--color-danger: #F4909C;--color-danger-bg: rgba(197, 81, 99, .16);--color-danger-border: rgba(197, 81, 99, .35);--color-success: #7FCFA0;--color-success-bg: rgba(51, 128, 94, .16);--color-success-border:rgba(51, 128, 94, .35);--color-warning: #F5C668;--color-warning-bg: rgba(196, 148, 0, .16);--color-warning-border:rgba(196, 148, 0, .35);--color-info: var(--mint-light);--color-info-bg: rgba(126, 191, 160, .14);--color-info-border: rgba(126, 191, 160, .35);--presence-pill-absent-bg: rgba(255, 255, 255, .05);--presence-pill-absent-border: rgba(255, 255, 255, .1);--presence-pill-absent-text: var(--text-muted)}:root[data-theme=light]{--base-bg: #F7F9FA;--surface-1: #FFFFFF;--surface-2: #F1F4F6;--surface-3: #E7ECEF;--deep-1: #DDE3E7;--deep-2: #D2D9DE;--deep-3: #C7D0D6;--border: #C3CCD2;--divider: #B5C0C7;--highlight: #A5B3BC;--text-primary: #1A1F24;--text-secondary: #4A5560;--text-muted: #7A8894;--mint: #7EBFA0;--mint-light: #A8DABD;--pink-light: #FDB2C2;--pink: #FE8EAF;--dark-pink: #C55163;--dark-green-eyes: #33805E;--cream: #FEF6EE;--gray-dark: #252F3D;--gray-medium: #585D67;--gray-light: #837B7C;--accent-mint: var(--mint);--accent-pink: var(--pink);--bg: var(--base-bg);--surface: var(--surface-1);--card: var(--surface-1);--hover-surface: var(--surface-2);--text: var(--text-primary);--muted: var(--text-secondary);--disabled: var(--text-muted);--accent: var(--pink);--accent-dark: var(--dark-pink);--border-focus: rgba(197, 81, 99, .4);--card-shadow: rgba(126, 191, 160, .12);--input-bg: var(--surface-3);--input-border: var(--border);--input-icon-color: #4A5560;--input-focus-ring: rgba(197, 81, 99, .38);--btn-primary-bg: var(--pink);--btn-primary-text: #FFFFFF;--btn-primary-hover: var(--dark-pink);--btn-secondary-bg: var(--mint);--btn-secondary-text: #FFFFFF;--btn-secondary-hover: var(--dark-green-eyes);--brand-tagline-color: var(--dark-green-eyes);--brand-tagline-weight: 700;--dashboard-emphasis-color: var(--dark-pink);--dashboard-emphasis-weight: 700;--dashboard-serving-color: var(--text-muted);--dashboard-serving-weight: 700;--nav-active-bg: rgba(197, 81, 99, .14);--nav-active-text: #7f1f37;--nav-active-admin-bg: rgba(51, 128, 94, .12);--nav-active-admin-text: #1f6448;--nav-logout-text: #37424d;--nav-logout-border: #aeb9c2;--nav-logout-hover-text: #7f1f37;--nav-logout-hover-border: #a23b59;--nav-logout-hover-bg: rgba(197, 81, 99, .12);--nav-text: var(--text-secondary);--nav-text-muted: var(--text-muted);--nav-hover-bg: var(--surface-2);--nav-divider: var(--border);--focus-ring: var(--dark-pink);--input-height: 46px;--input-radius: 8px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--nav-height: 56px;--color-danger: #B91C3A;--color-danger-bg: rgba(197, 81, 99, .1);--color-danger-border: rgba(197, 81, 99, .3);--color-success: #1A6640;--color-success-bg: rgba(51, 128, 94, .1);--color-success-border:rgba(51, 128, 94, .3);--color-warning: #7A5200;--color-warning-bg: rgba(196, 148, 0, .1);--color-warning-border:rgba(196, 148, 0, .3);--color-info: var(--dark-green-eyes);--color-info-bg: rgba(126, 191, 160, .1);--color-info-border: rgba(126, 191, 160, .3);--presence-pill-absent-bg: rgba(154, 163, 173, .12);--presence-pill-absent-border: rgba(154, 163, 173, .34);--presence-pill-absent-text: #9aa3ad}:root{--member-color-1: #E53935;--member-color-2: #C72C48;--member-color-3: #B7410E;--member-color-4: #fa867b;--member-color-5: #FB8C00;--member-color-6: #f17602;--member-color-7: #c6b865;--member-color-8: #FDD835;--member-color-9: #FFF44F;--member-color-10: #C6FF00;--member-color-11: #43A047;--member-color-12: #009688;--member-color-13: #2EC4B6;--member-color-14: #00A896;--member-color-15: #98FFEC;--member-color-16: #81D4FA;--member-color-17: #4169E1;--member-color-18: #1E88E5;--member-color-19: #8E24AA;--member-color-20: #BF00FF;--member-color-21: #C8A2C8;--member-color-22: #FFB6C1;--member-color-23: #FF6F91;--member-color-24: #9f857b;--member-color-25: #9E9E9E;--member-color-26: #C0C0C0}.skip-link{position:absolute;left:-9999px;top:8px;padding:8px 16px;background:var(--accent);color:#fff;border-radius:4px;font-weight:700;font-size:.875rem;z-index:10000;text-decoration:none}.skip-link:focus{left:8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px;scroll-behavior:smooth;height:100%}body{height:100%;background:var(--base-bg);color:var(--text-primary);font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;min-height:100dvh}ul,ol{list-style:none}img,video,svg{display:block;max-width:100%}button{cursor:pointer;background:none;border:none;padding:0;font:inherit;color:inherit;appearance:none;-webkit-appearance:none}button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}a{color:var(--accent-mint);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;color:var(--text-primary);line-height:1.3}h1{font-size:clamp(1.5rem,4vw,2rem)}h2{font-size:clamp(1.2rem,3.5vw,1.5rem)}h3{font-size:clamp(1rem,3vw,1.2rem)}.surface{background:var(--surface-1);color:var(--text-primary)}.surface-2{background:var(--surface-2);color:var(--text-primary)}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:0 2px 8px var(--card-shadow)}.page-container{padding:0 1rem;max-width:900px;margin:0 auto}input[type=text],input[type=number],input[type=email],input[type=search],input[type=url],input[type=password],input[type=date],textarea,select{background:var(--input-bg);color:var(--text-primary);border:1.5px solid var(--input-border);border-radius:var(--input-radius);padding:0 14px;height:var(--input-height);font-size:.95rem;font-family:inherit;transition:border-color .18s ease,box-shadow .18s ease;box-sizing:border-box;width:100%;appearance:none;-webkit-appearance:none}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23B8C4CC' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}textarea{height:auto;padding:12px 14px;resize:vertical;min-height:80px;line-height:1.5}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--input-focus-ring)}input:disabled,textarea:disabled,select:disabled{opacity:.45;cursor:not-allowed}::placeholder{color:var(--text-muted);opacity:1}label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 20px;height:44px;border-radius:var(--radius-md);font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.01em;transition:background .18s ease,transform .12s ease,box-shadow .18s ease;cursor:pointer;border:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--btn-primary-hover);box-shadow:0 4px 14px #fe8eaf59}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn-secondary:hover{background:var(--btn-secondary-hover);box-shadow:0 4px 14px #7ebfa04d}.btn-ghost{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--highlight)}.btn-danger{background:#d62839;color:#fff}.btn-danger:hover{background:#b01e2c}.btn-sm{height:34px;padding:0 14px;font-size:.82rem}.btn-lg{height:52px;padding:0 28px;font-size:1rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--base-bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--highlight)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-mint{color:var(--mint)}.text-pink{color:var(--pink)}.divider{height:1px;background:var(--divider);border:none;margin:16px 0}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:100px;font-size:.78rem;font-weight:600;letter-spacing:.02em}.badge-mint{background:#7ebfa02e;color:var(--mint-light)}.badge-pink{background:#fe8eaf2e;color:var(--pink-light)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-top{padding-top:env(safe-area-inset-top,0px)}