:root{--color-surface: #131315;--color-surface-dim: #131315;--color-surface-bright: #39393b;--color-surface-container-lowest: #0e0e10;--color-surface-container-low: #1b1b1d;--color-surface-container: #1f1f21;--color-surface-container-high: #2a2a2c;--color-surface-container-highest: #353437;--color-surface-variant: #353437;--color-on-surface: #e5e1e4;--color-on-surface-variant: #dbc2b1;--color-outline: #a38c7d;--color-outline-variant: #554336;--color-primary: #ffb77f;--color-on-primary: #4e2600;--color-primary-container: #e07e1d;--color-on-primary-container: #4c2500;--color-secondary: #cdc5bd;--color-tertiary: #85cfff;--color-error: #ffb4ab;--color-on-error: #690005;--color-error-container: #93000a;--color-on-error-container: #ffdad6;--color-success: #4f9d69;--color-background: #131315;--color-on-background: #e5e1e4;--font-display: "Libre Caslon Text", serif;--font-body: "Hanken Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-display-lg: 400 48px/1.1 var(--font-display);--text-headline: 400 32px/1.2 var(--font-display);--text-headline-mobile: 400 24px/1.2 var(--font-display);--text-title-md: 600 18px/24px var(--font-body);--text-body-main: 400 15px/24px var(--font-body);--text-table-data: 400 14px/20px var(--font-body);--text-label-caps: 500 11px/16px var(--font-mono);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--space-unit: 4px;--space-container: 32px;--space-gutter: 24px;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background-color:var(--color-background);color:var(--color-on-surface);font:var(--text-body-main);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit}button{font:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-surface-container-highest);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-outline-variant)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:20px;line-height:1;-webkit-user-select:none;user-select:none}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1}.text-display{font:var(--text-display-lg);letter-spacing:-.02em;color:var(--color-on-surface)}.text-headline{font:var(--text-headline);letter-spacing:-.01em;color:var(--color-on-surface)}.text-title{font:var(--text-title-md);color:var(--color-on-surface)}.text-label-caps{font:var(--text-label-caps);letter-spacing:.08em;text-transform:uppercase;color:var(--color-on-surface-variant)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.page-header h1{font:var(--text-headline);letter-spacing:-.01em;margin-bottom:var(--space-unit)}.page-header p{color:var(--color-on-surface-variant)}.card{background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;border-radius:var(--radius-md);border:1px solid transparent;font:var(--text-body-main);font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary)}.btn-secondary{background-color:transparent;border-color:var(--color-outline);color:var(--color-on-surface)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-variant)}.btn-danger{background-color:transparent;border-color:var(--color-outline-variant);color:var(--color-error)}.btn-danger:hover:not(:disabled){background-color:#93000a1a}.btn-icon{padding:.4rem;border-radius:var(--radius-full);background:transparent;border:none;color:var(--color-on-surface-variant);cursor:pointer;display:inline-flex}.btn-icon:hover{color:var(--color-primary);background-color:#e5e1e414}.field{display:flex;flex-direction:column;gap:var(--space-sm)}.field label{font:var(--text-title-md);font-size:.85rem;color:var(--color-on-surface)}.input,.select{width:100%;padding:.65rem .85rem;background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);color:var(--color-on-surface);font:var(--text-body-main)}.input::placeholder{color:var(--color-on-surface-variant);opacity:.6}.input:focus,.select:focus{outline:none;border-color:var(--color-primary-container);box-shadow:0 0 0 1px var(--color-primary-container)}.filter-select{padding:.45rem 2rem .45rem .85rem;background-color:var(--color-surface-container-high);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);color:var(--color-on-surface);font:var(--text-table-data);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-primary-container)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:11px;font-weight:500;white-space:nowrap;border:1px solid transparent}.badge-pending{background-color:#e07e1d1a;color:var(--color-primary);border-color:#e07e1d33}.badge-approved,.badge-confirmed,.badge-read{background-color:#4f9d691a;color:var(--color-success);border-color:#4f9d6933}.badge-rejected,.badge-unsubscribed{background-color:#93000a1a;color:var(--color-error);border-color:#93000a33}.badge-unread{background-color:#e07e1d26;color:var(--color-primary-container);border-color:#e07e1d4d}.badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background-color:currentColor}.table-shell{overflow:hidden;border-radius:var(--radius-lg)}.data-table{width:100%;border-collapse:collapse}.data-table thead th{padding:.75rem;background-color:var(--color-surface-container-lowest);border-bottom:1px solid var(--color-outline-variant);font:var(--text-label-caps);letter-spacing:.08em;text-transform:uppercase;color:var(--color-on-surface-variant);text-align:left;white-space:nowrap}.data-table tbody td{padding:.6rem .75rem;border-bottom:1px solid var(--color-outline-variant);font:var(--text-table-data);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{cursor:pointer;transition:background-color .15s}.data-table tbody tr:hover{background-color:var(--color-surface-container-high)}.data-table tbody tr.active{background-color:var(--color-surface-container-highest)}.empty-state{padding:3rem 1rem;text-align:center;color:var(--color-on-surface-variant)}.auth-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#070b0e;overflow:hidden;padding:var(--space-md)}.auth-glow{position:absolute;width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#e07e1d1a,#070b0e00 70%);pointer-events:none}.auth-card{position:relative;z-index:1;width:100%;max-width:26rem;padding:var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg)}.auth-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-lg);text-align:center}.auth-brand .brand-circle{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:var(--space-md);border-radius:var(--radius-lg);background-color:var(--color-surface-container-high);border:1px solid var(--color-outline-variant);font:var(--text-headline);font-size:1.5rem;color:var(--color-primary-container)}.auth-brand .brand-circle img{width:100%;height:100%;object-fit:cover}.auth-brand h1{margin-bottom:var(--space-unit)}.auth-brand .subtitle{color:var(--color-on-surface-variant);font-size:.9rem;margin-top:var(--space-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.input-icon{position:relative;display:flex;align-items:center}.input-icon .material-symbols-outlined{position:absolute;left:.75rem;color:var(--color-on-surface-variant);font-size:18px;pointer-events:none}.input-icon .input{padding-left:2.5rem}.btn-block{width:100%;padding:.75rem}.auth-footer-link{margin-top:var(--space-md);text-align:center;font-size:.85rem;color:var(--color-on-surface-variant)}.auth-footer-link a{color:var(--color-primary);text-decoration:none}.auth-footer-link a:hover{color:var(--color-primary-container);text-decoration:underline}.alert{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.9rem;border:1px solid transparent}.alert-error{background-color:#93000a1f;border-color:#93000a4d;color:var(--color-error)}.alert-success{background-color:#4f9d691f;border-color:#4f9d694d;color:var(--color-success)}