:root{--color-primary: #FF4D6D;--color-secondary: #FF8FA3;--color-accent: #590D22;--bg-body: #FFF0F3;--bg-card: #FFFFFF;--text-main: #2B2D42;--text-muted: #8D99AE;--input-bg: #FFFFFF;--border-color: #eee;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}[data-theme=dark]{--bg-body: #1a1a1a;--bg-card: #2d2d2d;--text-main: #f0f0f0;--text-muted: #a0a0a0;--input-bg: #333333;--border-color: #444;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;background-color:var(--bg-body);color:var(--text-main);padding-bottom:env(safe-area-inset-bottom);transition:background-color .3s,color .3s}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;background-color:transparent;font-family:inherit;color:inherit}.container{max-width:600px;margin:0 auto;padding:var(--spacing-md)}.btn-primary{background-color:var(--color-primary);color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:1rem;width:100%;text-align:center;transition:transform .1s active,opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px}.header-user-info{display:flex;flex-direction:column;align-items:flex-end;font-size:.75rem;margin-right:8px}@media(max-width:400px){.header-user-info{display:none}}.admin-label{display:none}@media(min-width:600px){.admin-label{display:inline}}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:background-color .3s}input{width:100%;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-main);margin-bottom:var(--spacing-md);font-family:inherit}input:focus{outline:2px solid var(--color-primary);border-color:transparent}