:root{--bg-page: linear-gradient(135deg, #fde8e0 0%, #fef3f8 45%, #e8f0fe 100%);--bg-navbar: #ffffff;--bg-card: #ffffff;--bg-input: #FAFAFA;--bg-dropdown: #D9D9D9;--bg-dropdown-item: #ffffff;--bg-upload: #FAFAFA;--text-primary: #000000;--text-secondary: #757575;--text-muted: #B3B3B3;--text-label: #666666;--text-placeholder: #BDBDBD;--text-table-cell: #333333;--text-table-header: #888888;--text-date: #888888;--text-powered: #000000;--text-dropdown: #000000;--border: #E0E0E0;--border-table: #F0F0F0;--border-table-row: #F5F5F5;--shadow-navbar: 0px 4px 4px rgba(0,0,0,.25);--shadow-card: 0px 4px 24px rgba(0,0,0,.08);--modal-bg: #ffffff;--modal-overlay: rgba(0,0,0,.5);--row-hover: rgba(254,207,192,.06);--spinner-track: rgba(254,207,192,.4)}[data-theme=dark]{--bg-page: linear-gradient(135deg, #12080a 0%, #150d1f 45%, #080f1a 100%);--bg-navbar: #1c1c2e;--bg-card: #1c1c2e;--bg-input: #252535;--bg-dropdown: #252535;--bg-dropdown-item: #2e2e45;--bg-upload: #252535;--text-primary: #f0e8e4;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-label: #b0a8b9;--text-placeholder: #6b7280;--text-table-cell: #d4cfe8;--text-table-header: #8b869e;--text-date: #8b869e;--text-powered: #d4cfe8;--text-dropdown: #f0e8e4;--border: #3d3d5c;--border-table: #2d2d44;--border-table-row: #2a2a40;--shadow-navbar: 0px 4px 4px rgba(0,0,0,.6);--shadow-card: 0px 4px 24px rgba(0,0,0,.5);--modal-bg: #1c1c2e;--modal-overlay: rgba(0,0,0,.7);--row-hover: rgba(254,207,192,.04);--spinner-track: rgba(254,207,192,.2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;font-family:Inter,sans-serif;color:var(--text-primary);transition:color .25s}.app-bg{height:100vh;width:100%;background:var(--bg-page);position:relative;transition:background .25s;overflow:hidden;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fecfc0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ec99e3}[dir=rtl]{font-family:Inter,sans-serif}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progressAnim{0%{width:10%}50%{width:80%}to{width:10%}}