@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary:30, 41, 59;--color-primary-hover:15, 23, 42;--color-accent:59, 130, 246;--color-accent-hover:37, 99, 235;--color-surface:255, 255, 255;--color-background:248, 250, 252;--color-text:15, 23, 42;--color-text-muted:100, 116, 139;--color-danger:239, 68, 68;--color-success:34, 197, 94;--color-warning:245, 158, 11;--border-radius-sm:.375rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000000d}.dark-mode{--color-surface:30, 41, 59;--color-background:15, 23, 42;--color-text:248, 250, 252;--color-text-muted:148, 163, 184}*{box-sizing:border-box;margin:0;padding:0}body{background-color:rgb(var(--color-background));color:rgb(var(--color-text));-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;transition:background-color .3s,color .3s}.glass{background:rgba(var(--color-surface), .7);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--color-surface), .2);box-shadow:var(--shadow-glass)}.glass-card{background:rgba(var(--color-surface), .85);-webkit-backdrop-filter:blur(16px);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid #ffffff1a;transition:transform .3s,box-shadow .3s}.glass-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.gradient-text{background:linear-gradient(135deg, rgb(var(--color-primary)), rgb(var(--color-secondary)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-bg{background:linear-gradient(135deg, rgb(var(--color-primary)), rgb(var(--color-secondary)))}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;font-weight:600;line-height:1.2}h1{letter-spacing:-.02em;font-size:2.5rem}h2{letter-spacing:-.01em;font-size:2rem}h3{font-size:1.5rem}p{color:rgb(var(--color-text-muted));line-height:1.6}.btn{border-radius:var(--border-radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:rgb(var(--color-primary));color:#fff;box-shadow:0 4px 14px 0 rgba(var(--color-primary), .39)}.btn-primary:hover{background:rgb(var(--color-primary-hover));box-shadow:0 6px 20px rgba(var(--color-primary), .23);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{border:1px solid rgba(var(--color-text), .2);color:rgb(var(--color-text));background:0 0}.btn-outline:hover{background:rgba(var(--color-text), .05)}.layout{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid rgba(var(--color-text), .1);flex-direction:column;flex-shrink:0;width:280px;display:flex}.main-content{flex:1;padding:2rem;overflow-y:auto}.form-group{margin-bottom:1.5rem}.form-label{color:rgb(var(--color-text));margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{border:1px solid rgba(var(--color-text), .2);border-radius:var(--border-radius-md);background:rgba(var(--color-surface), .5);width:100%;color:rgb(var(--color-text));padding:.75rem 1rem;font-family:inherit;font-size:.875rem;transition:all .2s}.form-input:focus{border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgba(var(--color-primary), .2);background:rgb(var(--color-surface));outline:none}.form-error{color:rgb(var(--color-danger));margin-top:.25rem;font-size:.75rem}.table-container{border-radius:var(--border-radius-lg);border:1px solid rgba(var(--color-text), .1);width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{background:rgba(var(--color-text), .02);color:rgb(var(--color-text-muted));border-bottom:1px solid rgba(var(--color-text), .1);padding:1rem;font-size:.875rem;font-weight:500}td{border-bottom:1px solid rgba(var(--color-text), .05);padding:1rem;font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:rgba(var(--color-text), .02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}