@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#0f172a;--surface-color:#1e293b;--surface-hover:#334155;--border-color:#334155;--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-active:#1d4ed8;--danger-color:#ef4444;--danger-hover:#dc2626;--success-color:#10b981;--success-hover:#059669;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#c7d0dd;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-glow:0 0 15px rgba(59,130,246,.5);--transition:all .2s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);font-family:Inter,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.025em}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{color:var(--text-secondary)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{background-color:var(--surface-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;width:280px}.content-area{background:radial-gradient(circle at top left,#1e293b 0,var(--bg-color) 40%);flex:1;overflow-y:auto;padding:2rem}.card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;transition:var(--transition)}.card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-glow)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--primary-color);box-shadow:0 4px 14px #3b82f663;color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 6px 20px #3b82f680;transform:translateY(-1px)}.btn-danger{background-color:transparent;border:1px solid var(--danger-color);color:var(--danger-color)}.btn-danger:hover{background-color:var(--danger-color);box-shadow:0 4px 14px #ef444463;color:#fff}.btn-secondary{background-color:var(--surface-hover);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color);color:#fff}.form-group{margin-bottom:1rem}.form-label{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-select{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:Inter,sans-serif;font-size:.875rem;padding:.625rem .75rem;transition:var(--transition);width:100%}.form-input:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633;outline:none}.app-header{background-color:var(--surface-color);border-bottom:1px solid var(--border-color);height:64px;justify-content:space-between;padding:0 2rem}.app-brand,.app-header{align-items:center;display:flex}.app-brand{color:var(--text-primary);font-size:1.25rem;font-weight:700;gap:.75rem}.app-brand-icon{color:var(--primary-color)}.data-table-container{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--border-color);padding:1rem}.data-table th{background-color:#0003;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.data-table tbody tr{transition:var(--transition)}.data-table tbody tr:hover{background-color:var(--surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172acc;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-body{overflow-y:auto;padding:1.5rem}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.list-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:var(--transition)}.list-item:hover{background-color:var(--surface-hover)}.list-item.active{background-color:#3b82f61a;border-left:3px solid var(--primary-color)}.list-item-title{color:var(--text-primary);font-weight:500}.list-item-subtitle{color:var(--text-muted);font-size:.75rem;margin-top:.25rem}.badge{align-items:center;background-color:var(--surface-hover);border-radius:9999px;color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.badge-primary{background-color:#3b82f633;color:var(--primary-color)}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.text-danger{color:var(--danger-color)}.mt-12{margin-top:3rem}.pt-8{padding-top:2rem}.border-t{border-top:1px solid var(--border-color)}.transition-colors{transition:color .2s,background-color .2s,border-color .2s}a{color:var(--text-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-hover)}