:root{--color-primary:#3cf;--color-primary-dark:#00b8d4;--color-primary-light:#3cf;--main-bg:#fafafa;--content-bg:#fff;--sidebar-bg:#fff;--sidebar-header-bg:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);--topbar-bg:#fffc;--card-bg:#fff;--nav-item-hover-bg:#33ccff14;--nav-item-hover-color:var(--color-primary);--nav-item-active-bg:#33ccff1f;--nav-item-active-color:var(--color-primary);--text-primary:#0f172a;--text-secondary:#64748b;--text-sidebar:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-light:#f1f5f9;--button-bg:#fff;--button-hover-bg:#f8fafc;--button-hover-border:#cbd5e1;--scrollbar-color:#cbd5e1;--scrollbar-hover-color:#94a3b8;--shadow-subtle:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--skeleton-from:#f1f5f9;--skeleton-via:#e2e8f0;--skeleton-to:#f1f5f9}[data-theme=dark]{--color-primary:#3cf;--color-primary-dark:#00b8d4;--color-primary-light:#3cf;--main-bg:#0a0a0a;--content-bg:#111;--sidebar-bg:#111;--sidebar-header-bg:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);--topbar-bg:#111c;--card-bg:#1a1a1a;--nav-item-hover-bg:#33ccff1f;--nav-item-hover-color:var(--color-primary-light);--nav-item-active-bg:#33ccff29;--nav-item-active-color:var(--color-primary-light);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-sidebar:#64748b;--text-muted:#475569;--border-color:#27272a;--border-light:#1f1f23;--button-bg:#1a1a1a;--button-hover-bg:#262626;--button-hover-border:#404040;--scrollbar-color:#404040;--scrollbar-hover-color:#525252;--shadow-subtle:0 1px 2px #000c;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #00000080;--skeleton-from:#1e293b;--skeleton-via:#334155;--skeleton-to:#1e293b}*,:after,:before{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}.no-transitions,.no-transitions *{transition:none!important}:focus{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--color-primary);color:#fff}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.bg-primary{background-color:var(--color-primary)}.bg-card{background-color:var(--card-bg)}.bg-content{background-color:var(--content-bg)}.border{border:1px solid var(--border-color)}.border-light{border:1px solid var(--border-light)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.animate-fadeIn{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.animate-slideInFromLeft{animation:slideInFromLeft .3s cubic-bezier(.4,0,.2,1)}.animate-slideInFromRight{animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1)}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--content-bg);color:var(--text-primary);font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #33ccff1a}.form-input::placeholder{color:var(--text-muted)}.form-select,select{background-color:#111;color:#f8fafc;border:1px solid #27272a;border-radius:.5rem;font-size:.875rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding:.75rem 2.5rem .75rem 1rem}.form-select:focus,select:focus{outline:none;border-color:#3cf;box-shadow:0 0 0 3px #3cf3}select option{background-color:#1a1a1a;color:#f8fafc;padding:.5rem}.table{width:100%;border-collapse:collapse;background-color:var(--card-bg);border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow-sm)}.table th{background-color:var(--border-light);text-align:left;font-weight:600;color:var(--text-primary)}.table td,.table th{padding:1rem;font-size:.875rem}.table td{border-top:1px solid var(--border-color);color:var(--text-secondary)}.table tr:hover{background-color:var(--border-light)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background-color:#33ccff1a;color:var(--color-primary)}.badge-success{background-color:#22c55e1a;color:#059669}.badge-warning{background-color:#f59e0b1a;color:#d97706}.badge-danger{background-color:#ef44441a;color:#dc2626}[data-theme=dark] .badge-success{color:#34d399}[data-theme=dark] .badge-warning{color:#fbbf24}[data-theme=dark] .badge-danger{color:#f87171}.page{padding:2rem;max-width:1400px;margin:0 auto}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.card,.header{margin-bottom:1.5rem}.titleGroup h1,.titleGroup h2{color:var(--text-primary);margin:0 0 .5rem}.titleGroup h1{font-size:2rem;font-weight:700}.titleGroup h2{font-size:1.5rem;font-weight:600}.titleGroup p{color:var(--text-secondary);margin:0;font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}