:root{--sand-50: #FAF8F5;--sand-100: #F5F0E8;--sand-200: #E8E0D4;--sand-300: #D4C8B8;--sand-400: #B8A890;--sand-500: #9C8B70;--sand-600: #7D6E58;--sand-700: #5E5343;--sand-800: #433C31;--sand-900: #2D2822;--terracotta-400: #C4A484;--terracotta-500: #A67C52;--terracotta-600: #8B6544;--moss-500: #5F6B4F;--error: #D66666;--success: #5F6B4F;--font-serif: "Cormorant Garamond", serif;--font-sans: "Jost", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-card: 0 1px 3px rgba(44,40,34,.08), 0 4px 16px rgba(44,40,34,.06);--shadow-elevated: 0 4px 12px rgba(44,40,34,.12), 0 16px 40px rgba(44,40,34,.1);--shadow-modal: 0 8px 32px rgba(44,40,34,.2), 0 2px 8px rgba(44,40,34,.12);--sidebar-width: 240px;--topbar-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--sand-50);color:var(--sand-900);line-height:1.5;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:500;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{line-height:1.6}a{color:var(--terracotta-500);text-decoration:none}a:hover{color:var(--terracotta-600)}.input{width:100%;padding:10px 14px;border:1.5px solid var(--sand-200);border-radius:var(--radius-md);background:#fff;font-family:var(--font-sans);font-size:.9rem;color:var(--sand-900);transition:border-color .2s,box-shadow .2s;outline:none}.input:focus{border-color:var(--terracotta-400);box-shadow:0 0 0 3px #a67c521a}.input::placeholder{color:var(--sand-400)}.input:disabled{background:var(--sand-50);color:var(--sand-400);cursor:not-allowed}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239C8B70' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px 20px;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .18s ease;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--terracotta-500);color:#fff}.btn-primary:hover:not(:disabled){background:var(--terracotta-600);transform:translateY(-1px);box-shadow:0 4px 12px #a67c5247}.btn-secondary{background:var(--sand-100);color:var(--sand-700);border:1.5px solid var(--sand-200)}.btn-secondary:hover:not(:disabled){background:var(--sand-200);border-color:var(--sand-300)}.btn-ghost{background:transparent;color:var(--sand-600)}.btn-ghost:hover:not(:disabled){background:var(--sand-100);color:var(--sand-800)}.btn-danger{background:#fff;color:var(--error);border:1.5px solid rgba(214,102,102,.3)}.btn-danger:hover:not(:disabled){background:#d666660f;border-color:var(--error)}.btn-sm{padding:5px 12px;font-size:.8rem}.btn-lg{padding:12px 28px;font-size:1rem}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:.8rem;font-weight:500;color:var(--sand-600);text-transform:uppercase;letter-spacing:.05em}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-hint{font-size:.78rem;color:var(--sand-400)}.form-error{font-size:.78rem;color:var(--error)}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;gap:var(--space-2)}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{width:40px;height:22px;background:var(--sand-200);border-radius:11px;position:relative;transition:background .2s;flex-shrink:0}.toggle input:checked+.toggle-track{background:var(--moss-500)}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.toggle input:checked+.toggle-track:after{transform:translate(18px)}.divider{height:1px;background:var(--sand-100);border:none;margin:var(--space-4) 0}.spinner{width:32px;height:32px;border:2.5px solid var(--sand-200);border-top-color:var(--terracotta-500);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--sand-400);font-size:.875rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-16) var(--space-8);color:var(--sand-400);text-align:center}.empty-state-icon{font-size:2.5rem;opacity:.4}.empty-state-title{font-family:var(--font-serif);font-size:1.1rem;color:var(--sand-500)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sand-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sand-400)}.text-muted{color:var(--sand-400);font-size:.85rem}.text-small{font-size:.8rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-4)}.page-title{font-family:var(--font-serif);font-size:1.75rem;color:var(--sand-900);font-weight:500}.page-subtitle{font-size:.875rem;color:var(--sand-400);margin-top:var(--space-1)}.filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}.filter-bar .input{width:auto;flex:1;min-width:200px}.slider-wrapper{display:flex;align-items:center;gap:var(--space-3)}.slider{flex:1;-webkit-appearance:none;height:4px;background:var(--sand-200);border-radius:2px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--terracotta-500);border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #a67c524d;transition:box-shadow .2s}.slider::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #a67c5266}.slider-value{font-weight:600;color:var(--terracotta-500);min-width:40px;text-align:right;font-size:.9rem}