:root{--bg-main: #f1f5f9;--bg-surface: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--sidebar-bg: #0f172a;--sidebar-text: #ffffff;--sidebar-border: #1e293b;--table-header-bg: #f8fafc;--table-hover-bg: #f1f5f9;--input-bg: #ffffff;--input-border: #cbd5e1;--input-text: #1e293b;--modal-overlay: rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .3)}[data-theme=dark]{--bg-main: #0f172a;--bg-surface: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: #334155;--sidebar-bg: #020617;--sidebar-text: #f8fafc;--sidebar-border: #1e293b;--table-header-bg: #0f172a;--table-hover-bg: #334155;--input-bg: #0f172a;--input-border: #475569;--input-text: #f8fafc;--modal-overlay: rgba(0, 0, 0, .7);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .7);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--bg-main);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box}button{cursor:pointer;transition:all .2s}button:hover{opacity:.9}table{width:100%;border-collapse:collapse;background:var(--bg-surface);box-shadow:var(--shadow-sm);border-radius:8px;overflow:hidden}th{background:var(--table-header-bg);color:var(--text-secondary);text-align:left;padding:12px;border-bottom:2px solid var(--border-color)}td{padding:12px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}tr:last-child td{border-bottom:none}tr:hover{background-color:var(--table-hover-bg)}