@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#121212;--bg-panel:#1e1e1e;--border-color:#2e2e2e;--text-main:#f4f4f4;--text-muted:#8d8d8d;--primary:#0f62fe;--primary-hover:#0353e9;--success:#24a148;--warning:#f1c21b;--danger:#da1e28;--bg-sidebar:#161616;--bg-nav-hover:#262626;--bg-table-hover:#222;--bg-input:#262626;--bg-input-focus:#353535}:root.light-theme{--bg-dark:#f4f4f4;--bg-panel:#fff;--border-color:#e0e0e0;--text-main:#161616;--text-muted:#525252;--primary:#0f62fe;--primary-hover:#0353e9;--success:#198038;--warning:#d2a106;--danger:#da1e28;--bg-sidebar:#fff;--bg-nav-hover:#e8e8e8;--bg-table-hover:#f4f4f4;--bg-input:#fff;--bg-input-focus:#fafafa}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;line-height:1.4}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-color);box-shadow:none;border-radius:0;-webkit-backdrop-filter:none!important}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-color);background:var(--bg-sidebar);flex-direction:column;gap:12px;width:240px;padding:16px 12px;transition:width .2s cubic-bezier(.2,0,.38,.9);display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:0}.sidebar.collapsed{width:64px;padding:16px 0;overflow:hidden}.sidebar.collapsed .nav-link{justify-content:center;padding:10px 0}.sidebar h1{color:var(--text-main);text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--primary);text-align:center;margin-bottom:24px;padding-bottom:6px;font-size:12px;font-weight:700}.nav-link{color:var(--text-muted);border-radius:0;align-items:center;gap:10px;padding:8px 12px;font-size:11.5px;font-weight:500;text-decoration:none;transition:background-color .1s,color .1s;display:flex}.nav-link:hover{background:var(--bg-nav-hover);color:var(--text-main)}.nav-link.active{background:var(--bg-nav-hover);color:var(--text-main);border-left:3px solid var(--primary);font-weight:600}.main-content{flex:1;padding:24px 32px;overflow-y:auto}.page-title{letter-spacing:-.01em;color:var(--text-main);margin-bottom:16px;font-size:18px;font-weight:600}.btn{border:1px solid var(--border-color);cursor:pointer;background:var(--bg-panel);color:var(--text-main);border-radius:0;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:11.5px;font-weight:500;transition:background-color .1s,border-color .1s;display:inline-flex}.btn:hover{background:var(--bg-nav-hover);border-color:var(--text-muted)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#b21920;border-color:#b21920}.data-table-container{border:1px solid var(--border-color);border-radius:0;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;background:var(--bg-panel);width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border-color);padding:6px 12px;font-size:11.5px}.data-table th{background:var(--bg-sidebar);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-color);font-size:10.5px;font-weight:600}.data-table tr{transition:background-color 80ms}.data-table tr:hover{background:var(--bg-table-hover)}.resize-wrapper{resize:horizontal;align-items:center;min-width:50px;height:100%;padding-right:10px;display:flex;overflow:hidden}.input-field{background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:0;padding:5px 8px;font-family:inherit;font-size:11.5px;transition:border-color .1s,background-color .1s}.input-field:focus{border-color:var(--primary);background:var(--bg-input-focus);outline:none}.data-table .input-field{background:0 0;border:1px solid #0000;padding:4px}.data-table .input-field:focus{background:var(--bg-input-focus);border-color:var(--primary)}