*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;font-family:var(--font-sans);background-color:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}*:hover::-webkit-scrollbar-thumb{background:#d8b57a66}input,select,textarea,button{font-family:var(--font-sans)}.hp-input{width:100%;padding:9px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--surface);color:var(--text-primary);font-size:13px;transition:border-color .15s ease,box-shadow .15s ease}.hp-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 900px){.login-hero-side{display:none!important}}:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--font-mono: "DM Mono", monospace;--sidebar-bg: #7D5A50;--sidebar-logo-bg: #6F4E45;--sidebar-gradient: #8A6458;--sidebar-card: #75554B;--sidebar-hover: #8F6A5E;--sidebar-active: #9A7264;--sidebar-icon: #E5C58A;--sidebar-text: #FFFFFF;--sidebar-text-secondary: #F2E8DF;--sidebar-muted: #C9B0A5;--sidebar-subtext: #D8C9C0;--sidebar-border: rgba(255, 255, 255, .08);--primary: #7D5A50;--primary-hover: #6F4E45;--background: #F6F1EB;--surface: #FFFFFF;--navbar: #FCFAF7;--card: #FFFFFF;--border: #E8DDD1;--border-light: #F3ECE4;--text-primary: #241714;--text-secondary: #7A645B;--text-muted: #8E7E76;--text-inverse: #FFFFFF;--gold: #D8B57A;--gold-hover: #C49B61;--gold-light: rgba(216, 181, 122, .15);--gold-border: rgba(216, 181, 122, .35);--success: #2E7D32;--success-bg: #EAF5EC;--success-border: #A3D5A8;--warning: #B7791F;--warning-bg: #FEF3E2;--warning-border: #E5C88A;--danger: #B23A2F;--danger-bg: #FDECEA;--danger-border: #E0AEAA;--info: #4A7FA5;--info-bg: #E8F1F8;--info-border: #B0CFE8;--purple: #6E5FA0;--purple-bg: #F0EDF8;--purple-border: #C4B5DC;--muted-status: #7A645B;--muted-status-bg: #FCFAF7;--muted-status-border: #E8DDD1;--shadow-sm: 0 1px 3px rgba(36, 23, 20, .05);--shadow-md: 0 4px 12px rgba(36, 23, 20, .08);--shadow-lg: 0 8px 24px rgba(36, 23, 20, .12);--shadow-drawer: -8px 0 32px rgba(36, 23, 20, .15);--shadow-modal: 0 16px 48px rgba(36, 23, 20, .2);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#1b120fa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:slideUp .25s ease}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#1b120f73;animation:fadeIn .2s ease}.filter-drawer{position:fixed;top:0;right:0;bottom:0;z-index:9001;width:380px;max-width:100vw;background:var(--surface);border-left:1px solid var(--border);box-shadow:-8px 0 32px #0003;display:flex;flex-direction:column;animation:slideInRight .22s ease}.toast{position:fixed;bottom:28px;right:28px;z-index:300;background:var(--success);color:var(--text-inverse);padding:12px 20px;border-radius:var(--radius-md);font-size:13px;font-weight:600;box-shadow:0 4px 20px #2e7d324d;animation:slideUp .25s ease}.msg-incoming{background:var(--surface);border-radius:0 12px 12px;border:1px solid var(--border-light)}.msg-outgoing{background:#eee0c8;border-radius:12px 0 12px 12px}.table-row-hover:hover{background-color:var(--navbar)}