:root{--bg-primary: #0f1419;--bg-secondary: #161b22;--bg-card: #1c2128;--bg-card-hover: #242c38;--border-color: #30363d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent-blue: #58a6ff;--accent-green: #3fb950;--accent-amber: #d29922;--accent-red: #f85149;--accent-purple: #bc8cff;--accent-teal: #39d2c0;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--sidebar-width: 260px;--topbar-height: 52px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}ul,ol{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent-blue{color:var(--accent-blue)}.text-accent-green{color:var(--accent-green)}.text-accent-amber{color:var(--accent-amber)}.text-accent-red{color:var(--accent-red)}.text-accent-purple{color:var(--accent-purple)}.text-accent-teal{color:var(--accent-teal)}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:.75rem;line-height:1.4}.text-sm{font-size:.857rem;line-height:1.5}.text-base{font-size:1rem;line-height:1.5}.text-lg{font-size:1.143rem;line-height:1.4}.text-xl{font-size:1.286rem;line-height:1.3}.text-2xl{font-size:1.571rem;line-height:1.2}.text-3xl{font-size:2rem;line-height:1.15}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{background:var(--bg-card-hover);border-color:#424a54}.card--elevated{box-shadow:var(--shadow-md)}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--shadow-md)}.card--interactive:active{transform:translateY(1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-family:var(--font-family);font-size:.857rem;font-weight:500;line-height:1.4;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.btn--primary{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.btn--primary:hover:not(:disabled){background:#77b6ff;border-color:#77b6ff;box-shadow:0 0 12px #58a6ff4d}.btn--primary:active:not(:disabled){background:#2f90ff}.btn--secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.btn--secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--text-muted)}.btn--secondary:active:not(:disabled){background:var(--bg-secondary)}.btn--danger{background:#f8514926;color:var(--accent-red);border-color:#f851494d}.btn--danger:hover:not(:disabled){background:#f8514940;border-color:var(--accent-red)}.btn--danger:active:not(:disabled){background:#f8514959}.btn--ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn--ghost:hover:not(:disabled){background:#ffffff0f;color:var(--text-primary)}.btn--ghost:active:not(:disabled){background:#ffffff1a}.btn--sm{padding:.25rem .625rem;font-size:.75rem;border-radius:var(--radius-sm)}.btn--lg{padding:.625rem 1.5rem;font-size:1rem}.btn--icon{padding:.5rem;width:2.25rem;height:2.25rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.857rem;font-weight:500;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem .75rem;font-family:var(--font-family);font-size:.857rem;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #58a6ff26}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--accent-red)}.form-input--error:focus,.form-select--error:focus,.form-textarea--error:focus{box-shadow:0 0 0 3px #f8514926}.form-textarea{resize:vertical;min-height:5rem}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b949e' d='M6 8.825L.35 3.175l.7-.7L6 7.425l4.95-4.95.7.7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.form-hint{font-size:.75rem;color:var(--text-muted)}.form-error{font-size:.75rem;color:var(--accent-red)}.table{width:100%;border-collapse:collapse;font-size:.857rem}.table th,.table td{padding:.625rem .875rem;text-align:left;border-bottom:1px solid var(--border-color)}.table th{font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary);position:sticky;top:0;z-index:1}.table td{color:var(--text-primary)}.table tbody tr{transition:background-color .15s ease}.table tbody tr:hover{background:var(--bg-card-hover)}.table--compact th,.table--compact td{padding:.375rem .625rem}.table--striped tbody tr:nth-child(2n){background:#ffffff05}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.714rem;font-weight:500;border-radius:100px;white-space:nowrap}.badge--blue{background:#58a6ff26;color:var(--accent-blue)}.badge--green{background:#3fb95026;color:var(--accent-green)}.badge--amber{background:#d2992226;color:var(--accent-amber)}.badge--red{background:#f8514926;color:var(--accent-red)}.badge--purple{background:#bc8cff26;color:var(--accent-purple)}.badge--teal{background:#39d2c026;color:var(--accent-teal)}.badge--muted{background:#6e768126;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-in-up{animation:fadeInUp .4s ease-out}.animate-slide-in-left{animation:slideInLeft .3s ease-out}.animate-slide-in-right{animation:slideInRight .3s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.divider{height:1px;background:var(--border-color);width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}