/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial}}}.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2,.top-\[50\%\]{top:50%}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-50{z-index:50}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.block{display:block}.contents{display:contents}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1}.size-full{width:100%;height:100%}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.min-h-\[120px\]{min-height:120px}.min-h-\[200px\]{min-height:200px}.min-h-\[calc\(100vh-200px\)\]{min-height:calc(100vh - 200px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-px{width:1px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-transparent{border-color:#0000}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-left{text-align:left}.align-middle{vertical-align:middle}.leading-none{--tw-leading:1;line-height:1}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline-offset-4{text-underline-offset:4px}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}body{color:#f1f5f9;background:linear-gradient(135deg,#0f172a,#1e293b);margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.min-h-screen{min-height:100vh}.bg-gray-50{background-color:#0f172acc}.bg-white{background-color:#1e293b;border:1px solid #334155}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.w-full{width:100%}.max-w-md{max-width:24rem}.space-y-8>*+*{margin-top:2rem}.space-y-4>*+*{margin-top:1rem}.space-y-2>*+*{margin-top:.5rem}.space-x-2>*+*{margin-left:.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-4{padding-left:1rem;padding-right:1rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.shadow-lg{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border:1px solid #334155cc;border-radius:1rem;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-gray-900{color:#f1f5f9}.text-gray-600{color:#cbd5e1}.text-gray-500{color:#94a3b8}.text-red-600{color:#ef4444}.text-blue-600{color:#3b82f6}.text-white{color:#f8fafc}.bg-red-50{background-color:#ef44441a;border:1px solid #ef444433}.bg-blue-600{background-color:#3b82f6}.bg-blue-700{background-color:#2563eb}.border{border:1px solid #d1d5db}.border-red-200{border-color:#fecaca}.rounded-md{border-radius:.375rem}input[type=text],input[type=email],input[type=password],select{color:#f1f5f9;box-sizing:border-box;background-color:#0f172a80;border:1px solid #334155cc;border-radius:.5rem;width:100%;max-width:100%;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;transition:all .2s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,select:focus{background-color:#0f172acc;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f64d}input[type=text]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=password]::-moz-placeholder{color:#64748b}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder{color:#64748b}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}select:hover{background-color:#0f172ab3;border-color:#475569cc}select option{color:#f1f5f9;background-color:#1e293b;border:none;padding:.5rem}input[type=checkbox]{background-color:#0f172a80;border:1px solid #334155cc;border-radius:.25rem;width:1rem;height:1rem}input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}label{color:#cbd5e1;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}button{cursor:pointer;text-transform:none;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex}.bg-blue-600{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f64d}.bg-blue-600:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.bg-blue-600:disabled{cursor:not-allowed;box-shadow:none;background:#64748b;transform:none}.flex.items-center.space-x-2{align-items:center;display:flex}.flex.items-center.space-x-2>*+*{margin-left:.5rem}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rounded-full{border-radius:9999px}.h-4{height:1rem}.w-4{width:1rem}.h-12{height:3rem}.w-12{width:3rem}.border-b-2{border-bottom-width:2px}.border-blue-600{border-color:#2563eb}.mr-2{margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-6{gap:1.5rem}.gap-4{gap:1rem}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border:1px solid #334155cc;border-radius:1rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000004d,0 0 0 1px #ffffff0d}.stat-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px -10px #0006,0 0 0 1px #ffffff1a}.stat-card:before{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);border-radius:1rem 1rem 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.stat-title{color:#cbd5e1;margin:0;font-size:.875rem;font-weight:500}.stat-icon{color:#64748b;width:1.25rem;height:1.25rem}.stat-value{color:#f1f5f9;margin:.5rem 0;font-size:2rem;font-weight:700;line-height:1}.stat-description{color:#94a3b8;margin:0;font-size:.75rem}.header-border{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border-bottom:1px solid #33415580}.max-w-7xl{max-width:80rem}.h-16{height:4rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.btn-outline{color:#cbd5e1;background:#33415580;border:1px solid #475569cc;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-outline:hover{color:#f1f5f9;background:#475569b3;border-color:#64748bcc}.btn-sm{padding:.5rem .75rem;font-size:.75rem}.action-button{cursor:pointer;text-align:left;border:none;border-radius:.75rem;justify-content:flex-start;align-items:center;width:100%;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.action-button.primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f64d}.action-button.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.action-button.secondary{color:#cbd5e1;background:#33415599;border:1px solid #475569cc}.action-button.secondary:hover{color:#f1f5f9;background:#475569cc;border-color:#64748bcc;transform:translateY(-1px)}.activity-content{padding:1rem 0}.no-activity{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.activity-icon{color:#64748b;width:3rem;height:3rem;margin-bottom:1rem}.no-activity-text{color:#94a3b8;margin:0 0 .5rem;font-size:.875rem;font-weight:500}.no-activity-subtext{color:#64748b;max-width:20rem;margin:0;font-size:.75rem;line-height:1.4}.space-y-3>*+*{margin-top:.75rem}.mr-3{margin-right:.75rem}.h-5{height:1.25rem}.w-5{width:1.25rem}.ml-6,.space-x-6>*+*{margin-left:1.5rem}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border:1px solid #334155cc;border-radius:1.5rem;padding:0;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.login-card:before{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);height:4px;position:absolute;top:0;left:0;right:0}.login-header{text-align:center;padding:2rem 2rem 1rem}.login-title{color:#f1f5f9;margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.login-description{color:#94a3b8;margin:0;font-size:.875rem;line-height:1.5}.login-content{padding:0 2rem 2rem}.login-footer{text-align:center;border-top:1px solid #33415580;margin-top:1.5rem;padding-top:1.5rem}.footer-text{color:#64748b;margin:0;font-size:.75rem}.login-content .space-y-4>*+*{margin-top:1rem}.login-content .space-y-2>*+*{margin-top:.5rem}.login-content .bg-red-50{background-color:#ef44441a;border:1px solid #ef44444d;border-radius:.75rem;padding:1rem}.login-content .text-red-600{color:#f87171;font-size:.875rem}.login-content .flex.items-center.space-x-2{align-items:center;margin-top:1rem;display:flex}.login-content .flex.items-center.space-x-2>*+*{margin-left:.5rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.client-table{margin-top:1rem}.table-header{background:#0f172a80;border-bottom:1px solid #33415580;border-radius:.5rem .5rem 0 0;grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr 1.5fr;gap:1rem;padding:1rem;display:grid}.table-row{border-bottom:1px solid #3341554d;grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr 1.5fr;gap:1rem;padding:1rem;transition:all .2s;display:grid}.table-row:hover{background:#33415533}.table-cell{color:#cbd5e1;align-items:center;font-size:.875rem;display:flex}.table-cell:first-child{flex-direction:column;align-items:flex-start}.table-header .table-cell{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.client-name{color:#f1f5f9;margin-bottom:.25rem;font-weight:600}.client-subscription{color:#64748b;margin-top:.25rem;font-size:.75rem}.client-email{color:#94a3b8}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.status-active{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d}.status-inactive{color:#9ca3af;background:#6b728033;border:1px solid #6b72804d}.status-suspended{color:#f87171;background:#ef444433;border:1px solid #ef44444d}.metric-value{color:#f1f5f9;font-weight:600}.date-value{color:#94a3b8;font-size:.8rem}.action-buttons{gap:.5rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.action-btn.edit{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.action-btn.edit:hover{background:#3b82f64d;border-color:#3b82f680}.action-btn.delete{color:#f87171;background:#ef444433;border:1px solid #ef44444d}.action-btn.delete:hover{background:#ef44444d;border-color:#ef444480}.action-btn.primary{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d}.action-btn.primary:hover{background:#22c55e4d;border-color:#22c55e80}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bfa;border:1px solid #334155cc;border-radius:1rem;width:90%;max-width:600px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.modal-content:before{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);border-radius:1rem 1rem 0 0;height:3px;position:absolute;top:0;left:0;right:0}.modal-header{border-bottom:1px solid #33415580;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.modal-title{color:#f1f5f9;margin:0;font-size:1.25rem;font-weight:600}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1}.modal-close:hover{color:#f1f5f9}.modal-form{padding:1.5rem}.form-group{margin-bottom:1rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-group label{color:#cbd5e1;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{color:#f1f5f9;box-sizing:border-box;background:#0f172a99;border:1px solid #334155cc;border-radius:.5rem;width:100%;padding:.75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.form-group textarea{resize:vertical;min-height:80px}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#0f172acc;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-group select:hover{background-color:#0f172acc;border-color:#475569cc}.form-group select option{color:#f1f5f9;background-color:#1e293b;border:none;padding:.5rem}.form-help{color:#64748b;margin-top:.25rem;margin-bottom:0;font-size:.75rem}.modal-actions{border-top:1px solid #33415580;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.btn-cancel{color:#cbd5e1;cursor:pointer;background:#47556980;border:1px solid #64748bcc;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-cancel:hover{color:#f1f5f9;background:#475569b3}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-submit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.password-input-container{align-items:center;gap:.5rem;display:flex;position:relative}.password-field-wrapper{flex:1;align-items:center;display:flex;position:relative}.password-input{color:#f1f5f9;box-sizing:border-box;background:#0f172a99;border:1px solid #334155cc;border-radius:.5rem;flex:1;padding:.75rem 2.5rem .75rem .75rem;font-size:.875rem;transition:all .2s}.password-input:focus{background-color:#0f172acc;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.toggle-password-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.toggle-password-btn:hover{color:#cbd5e1;background:#4755694d}.generate-password-btn{color:#4ade80;cursor:pointer;white-space:nowrap;background:#22c55e33;border:1px solid #22c55e4d;border-radius:.5rem;align-items:center;gap:.375rem;padding:.75rem 1rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.generate-password-btn:hover{color:#22c55e;background:#22c55e4d;border-color:#22c55e80}.generate-password-btn svg{width:14px;height:14px}@media (max-width:768px){.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-cell{border-bottom:1px solid #33415533;padding:.5rem 0}.table-header .table-cell:first-child:before{content:attr(data-label)": ";color:#94a3b8;font-weight:600}.form-row{grid-template-columns:1fr;gap:1rem}}.tab-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#1e293bf2,#0f172af2);border-bottom:1px solid #33415580;padding:0}.tab-button{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;margin:0;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex;position:relative}.tab-button:hover{color:#cbd5e1;background:#33415533}.tab-button.active{color:#3b82f6;background:#3b82f61a;border-bottom-color:#3b82f6}.tab-button.active:after{content:"";background:linear-gradient(90deg,#0000,#3b82f6,#0000);height:1px;animation:2s ease-in-out infinite glow;position:absolute;bottom:-1px;left:0;right:0}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}.tab-button svg{flex-shrink:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}