/*! tailwindcss v4.1.11 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-50:oklch(98.5% .002 247.839);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-900:oklch(21% .034 264.665);--spacing:.25rem;--container-4xl:56rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing)*1)}.m-2{margin:calc(var(--spacing)*2)}.m-3{margin:calc(var(--spacing)*3)}.m-4{margin:calc(var(--spacing)*4)}.m-5{margin:calc(var(--spacing)*5)}.m-6{margin:calc(var(--spacing)*6)}.m-7{margin:calc(var(--spacing)*7)}.mx-auto{margin-inline:auto}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.min-h-screen{min-height:100vh}.max-w-4xl{max-width:var(--container-4xl)}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gray-50{background-color:var(--color-gray-50)}.p-6{padding:calc(var(--spacing)*6)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.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,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f8fafc;font-family:system-ui,-apple-system,sans-serif;line-height:1.6}#root{min-height:100vh}@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-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.header{background-color:#0a0a0a;border-bottom:1px solid #333;position:sticky;top:0;z-index:1000}.header-container{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:60px;max-width:1400px;margin:0 auto}.header-logo{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:700;font-size:1.2rem;text-decoration:none;transition:opacity .2s ease}.header-logo:hover{opacity:.8}.logo-icon{width:100px;display:flex;align-items:center;justify-content:center}.logo-icon img{height:100%;width:100%}.header-nav{display:flex;align-items:center;gap:1rem;margin-right:100px}.nav-item{color:#9ca3af;text-decoration:none;font-size:.9rem;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;position:relative}.nav-item:hover{color:#fff;background-color:#374151}.nav-item.active{color:#fff;background-color:#4f46e5}.header-right{display:flex;align-items:center;gap:1rem}.icon-button{background:none;border:none;color:#9ca3af;font-size:1.2rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-button:hover{color:#fff;background-color:#374151}.icon{font-size:1.1rem;width:25px;height:25px}.icon img{height:100%;width:100%}.profile-dropdown{position:relative;margin-left:.5rem}.profile-avatar{cursor:pointer}.avatar-image{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #4f46e5;transition:all .2s ease}.avatar-image:hover{border-color:#6366f1;transform:scale(1.05)}.profile-menu{position:absolute;top:100%;right:0;background-color:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:.5rem 0;min-width:160px;box-shadow:0 4px 12px #0000004d;z-index:1001;margin-top:.5rem}.menu-item{display:block;color:#9ca3af;text-decoration:none;padding:.75rem 1rem;font-size:.875rem;transition:all .2s ease}.menu-item:hover{color:#fff;background-color:#374151}.menu-divider{border:none;border-top:1px solid #404040;margin:.5rem 0}@media (max-width: 1024px){.header-nav{gap:1rem}.nav-item{padding:.5rem .75rem;font-size:.85rem}}@media (max-width: 768px){.header-container{padding:0 1rem}.header-nav{display:none}.header-right{gap:.5rem}}.chat-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:864px;z-index:100000}.chat-bar-white{position:fixed;bottom:80px;left:50%;transform:translate(-50%);width:90%;max-width:864px;z-index:10000;border:.77px solid #816780;border-radius:12px}.chat-input-container{display:flex;align-items:center;background-color:#000;border-radius:12px;padding:8px 16px;box-shadow:0 4px 12px #0000001a;border:.77px solid #816780}.chat-input-container-white{display:flex;align-items:center;background-color:#fff;border-radius:12px}.chat-input{flex:1;border:none;outline:none;padding:12px;font-size:18px;background:transparent;color:#fff}.chat-input-white{flex:1;border:none;outline:none;padding:12px;font-size:16px;background:transparent;color:#191919}.send-button{background:none;border:none;padding:8px;cursor:pointer;color:#2563eb;display:flex;align-items:center;justify-content:center}.send-button:disabled{opacity:.7;cursor:not-allowed}.send-button:hover:not(:disabled){color:#1d4ed8}.loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}.chat-window{height:300px;top:-100px;left:0;width:100%;border:.84px solid #8167803d;z-index:100000;transition:all .5s ease-in-out;padding:24px 16px;border-radius:18px;background:linear-gradient(176.84deg,#121212 2.24%,#00000061 97.02%);overflow-y:auto;scroll-behavior:smooth;position:relative;scrollbar-width:thin;scrollbar-color:#201d20 transparent;-ms-overflow-style:none}.chat-window::-webkit-scrollbar{width:10px}.chat-window::-webkit-scrollbar-track{background:transparent}.chat-window::-webkit-scrollbar-thumb{background:#090809;border-radius:6px}.chat-window-content p{color:#c6bfbf;font-size:20px;font-weight:400}.chat-window-close{position:fixed;top:-85px;right:4px;color:#cdc8c8;font-size:20px;font-weight:400;cursor:pointer;background-color:#121212;border-radius:50%;width:24px;height:24px;display:flex;align-items:center}.chat-window-content-message{color:#bcbcbc;font-size:20px;font-weight:400;margin-bottom:12px}.calendar{background-color:#1f1f1f;border-radius:12px;padding:1.5rem;color:#fff;border:1px solid #333}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.calendar-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.calendar-nav{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all .2s ease}.calendar-nav:hover{color:#fff;background-color:#374151}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.calendar-day-header{text-align:center;font-size:.75rem;font-weight:500;color:#9ca3af;padding:.5rem;text-transform:uppercase}.calendar-day{text-align:center;padding:.5rem;font-size:.875rem;border-radius:6px;transition:all .2s ease;cursor:pointer;min-height:32px;display:flex;align-items:center;justify-content:center}.calendar-day.has-day:hover{background-color:#374151}.calendar-day.today{background-color:#6366f1;color:#fff;font-weight:600}.calendar-day.empty{cursor:default}@media (max-width: 768px){.calendar{padding:1rem}.calendar-day{padding:.25rem;font-size:.75rem;min-height:28px}}.right-panel-overlay{position:fixed;inset:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.right-panel{position:fixed;top:62px;right:0;width:320px;height:100vh;background-color:#171717;border-left:1px solid #333;z-index:1000;transition:transform .3s ease;overflow-y:auto;padding:3.5rem 1rem 1rem}.right-panel.visible{transform:translate(0)}.right-panel.hidden{transform:translate(100%)}.right-panel-close{position:absolute;top:1rem;right:1rem;background-color:#2a2a2a;border:1px solid #404040;border-radius:50%;color:#9ca3af;padding:.5rem;cursor:pointer;font-size:1.25rem;font-weight:400;z-index:10;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1}.right-panel-close:hover{background-color:#374151;border-color:#555;color:#ef4444;transform:scale(1.1)}.right-panel-toggle{position:absolute;top:1rem;left:-40px;background-color:#2a2a2a;border:1px solid #404040;border-radius:6px 0 0 6px;color:#fff;padding:.5rem;cursor:pointer;font-size:1rem;font-weight:700;z-index:10;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.right-panel-toggle.hidden-state{position:fixed;top:7rem;right:1rem;z-index:1000;border-radius:6px;background-color:#8b5cf6;border-color:#8b5cf6}.right-panel-toggle:hover{background-color:#374151;border-color:#555;transform:scale(1.05)}.right-panel-toggle.hidden-state:hover{background-color:#7c3aed;border-color:#7c3aed}.right-panel-toggle:active{transform:scale(.95)}@media (max-width: 768px){.right-panel{width:100%;border-left:none;border-top:1px solid #333}.right-panel-toggle{left:50%;transform:translate(-50%);top:-40px;border-radius:6px 6px 0 0}.right-panel-toggle.hidden-state{position:fixed;top:auto;bottom:1rem;right:1rem;left:auto;transform:none;border-radius:6px}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-content{flex:1;background-color:#f8fafc}.page-panel-toggle{position:fixed;top:20%;right:1rem;transform:translateY(-50%);background:linear-gradient(145deg,#2a2a2a,#1f1f1f);border:1px solid #404040;border-radius:8px;color:#fff;padding:1rem .5rem;cursor:pointer;z-index:999;transition:all .3s ease;width:40px;height:200px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-panel-toggle:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);border-color:#8b5cf6;transform:translateY(-50%) scale(1.05);box-shadow:0 6px 20px #8b5cf633,inset 0 1px #ffffff26}.page-panel-toggle.active{background:linear-gradient(145deg,#8b5cf6,#7c3aed);border-color:#8b5cf6}.page-panel-toggle.active:hover{background:linear-gradient(145deg,#7c3aed,#6d28d9);border-color:#7c3aed}.toggle-icon{display:flex;flex-direction:row;align-items:center;gap:3px;width:100%;justify-content:center}.toggle-icon .line{width:2px;height:16px;background-color:currentColor;border-radius:1px;transition:all .3s ease;opacity:.8}.toggle-icon .line:nth-child(2){height:20px;opacity:1}.toggle-icon .line:nth-child(3){height:14px;opacity:.7}.page-panel-toggle:hover .toggle-icon .line{opacity:1;background-color:#e5e7eb}.page-panel-toggle.active .toggle-icon .line{background-color:#fff;opacity:1}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-container{background-color:#1f1f1f;border:1px solid #333;border-radius:16px;padding:3rem;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000004d}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.login-logo-icon{font-size:1.75rem;color:#8b5cf6}.login-subtitle{color:#9ca3af;font-size:.875rem;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-input{background-color:#2a2a2a;color:#fff;border:1px solid #404040;border-radius:8px;padding:.875rem 1rem;font-size:.875rem;outline:none;transition:all .2s ease}.forgot-password{text-align:right;margin-top:-.5rem}.forgot-password-link{color:#8b5cf6;text-decoration:none;font-size:.875rem;transition:color .2s ease}.forgot-password-link:hover{color:#a78bfa}.login-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:.875rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.login-button:hover{background-color:#7c3aed}.login-button:disabled{background-color:#4a4a4a;cursor:not-allowed;opacity:.6}.divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.divider-line{flex:1;height:1px;background-color:#404040}.divider-text{color:#9ca3af;font-size:.875rem}.social-login{display:flex;flex-direction:column;gap:.75rem}.social-button{display:flex;align-items:center;justify-content:center;gap:.75rem;background-color:#2a2a2a;color:#fff;border:1px solid #404040;border-radius:8px;padding:.875rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.social-button:hover{background-color:#374151;border-color:#555}.signup-link{text-align:center;margin-top:2rem;color:#9ca3af;font-size:.875rem}.signup-link a{color:#8b5cf6;text-decoration:none;font-weight:500}.signup-link a:hover{color:#a78bfa}.loading{position:relative;color:transparent}.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 480px){.login-container{padding:2rem 1.5rem;margin:1rem;max-width:none}.login-page{padding:1rem}}.dashboard{display:flex;gap:1.5rem;height:100vh;max-width:1400px;margin:2.5rem auto;padding:1rem}.dashboard-left{flex:1;transition:all .3s ease}.dashboard-right{flex:0 0 20%;width:320px;position:relative;transition:all .3s ease}.dashboard-right.expanded{flex:0 0 40%;width:600px}.stats-grid-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem}.stat-card-icons{display:flex;align-items:center;gap:.5rem}.stat-card-icon{font-size:1.25rem}.stat-card-menu{font-size:.875rem;color:#9ca3af}.management-section{margin-bottom:3rem}.management-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.management-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.management-card{background-color:#2a2a2a;border:1px solid #333;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.management-card-1{background-image:url(/assets/button1-SV6GX6bP.png);background-size:cover;background-position:center;background-repeat:no-repeat}.management-card-2{background-image:url(/assets/button2-CycqVlQ_.png);background-size:cover;background-position:center;background-repeat:no-repeat}.management-card-3{background-image:url(/assets/button3-igKm9Kqj.png);background-size:cover;background-position:center;background-repeat:no-repeat}.management-card-4{background-image:url(/assets/button4-VXpznfLB.png);background-size:cover;background-position:center;background-repeat:no-repeat}.management-card-5{background-image:url(/assets/button5-B70wb2gC.png);background-size:cover;background-position:center;background-repeat:no-repeat}.management-card:hover{background-color:#313030;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.management-card-header{display:flex;align-items:center;gap:1rem;height:36px;margin-bottom:1rem}.management-card-icon{font-size:2rem;display:block}.management-card-title{font-size:.9rem;font-weight:600;margin:0;color:#fff}.management-card-content{font-size:1rem;color:#9ca3af;margin:0;height:125px}.management-card.centered-layout{min-height:165px}.management-card-icon-center{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.management-card-icon-center img{width:48px;height:48px;object-fit:contain}.management-card-title-center{font-size:1rem;font-weight:600;margin:0;color:#fff;font-size:16px;line-height:1.3;display:flex;align-items:center;gap:.5rem;padding-top:10px}.add-button-dashboard{background-color:#1f1f1f;border:2px dashed #555;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#9ca3af}.add-button-dashboard:hover{background-color:#2a2a2a;border-color:#777;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.add-button-icon{font-size:3rem;font-weight:300;color:#9ca3af;transition:all .3s ease}.add-button-dashboard:hover .add-button-icon{color:#d1d5db;transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container-dashboard{background-color:#1f1f1f;border:1px solid #333;border-radius:16px;width:90%;max-width:480px;padding:0;box-shadow:0 25px 50px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content-dashboard{padding:2rem}.form-label{color:#d1d5db;font-size:.875rem;font-weight:500}.form-input{background-color:#2a2a2a;border:1px solid #404040;border-radius:8px;padding:.875rem 1rem;color:#fff;font-size:1rem;transition:all .3s ease}.form-input::placeholder{color:#6b7280}.modal-cancel-button{background:none;border:1px solid #404040;border-radius:8px;color:#d1d5db;padding:.75rem 1.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease}.modal-submit-button{background-color:#8b5cf6;border:1px solid #8b5cf6;border-radius:8px;color:#fff;padding:.75rem 1.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease}.modal-submit-button:hover:not(:disabled){background-color:#7c3aed;border-color:#7c3aed;transform:translateY(-1px)}.modal-submit-button:disabled{background-color:#4b5563;border-color:#4b5563;cursor:not-allowed;opacity:.6}@media (max-width: 1200px){.stats-grid,.management-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard{flex-direction:column;height:auto}.dashboard-left,.dashboard-right{flex:none;width:100%}.stats-grid,.management-grid{grid-template-columns:1fr}}.teams-page{min-height:100vh;color:#fff;padding:2rem 0rem;padding-bottom:120px;max-width:1400px;margin:0 auto}.teams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 2rem}.teams-title{font-size:1.875rem;font-weight:700;color:#fff;margin:0}.teams-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:0 2rem}.teams-list-card{background-color:#1f1f1f;border:1px solid #333;border-radius:12px;overflow:hidden;height:fit-content;max-height:600px}.teams-list-header{padding:1.5rem;border-bottom:1px solid #333;background-color:#2a2a2a}.teams-list-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.teams-list-content{max-height:500px;overflow-y:auto}.team-item{padding:1.5rem;border-bottom:1px solid #333;cursor:pointer;transition:all .2s ease}.team-item:hover{background-color:#2a2a2a}.team-item:last-child{border-bottom:none}.team-item-content{display:flex;justify-content:space-between;align-items:center}.team-item-info h3{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .25rem}.team-item-info p{font-size:.875rem;color:#9ca3af;margin:0}.team-item-action{font-size:.875rem;color:#8b5cf6;opacity:.7;transition:opacity .2s ease}.team-item:hover .team-item-action{opacity:1}.no-teams-message{padding:3rem 1.5rem;text-align:center;color:#9ca3af;font-size:.875rem}.team-details-card{background-color:#1f1f1f;border:1px solid #333;border-radius:12px;overflow:hidden;height:fit-content;max-height:600px}.team-details-header{padding:1.5rem;border-bottom:1px solid #333;background-color:#2a2a2a}.team-details-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.team-details-content{padding:1.5rem;overflow-y:auto;max-height:500px}.team-details-empty{text-align:center;color:#9ca3af;padding:3rem 0;font-size:.875rem}.team-info{margin-bottom:2rem}.team-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.team-id{font-size:.875rem;color:#9ca3af;margin:0}.section{margin-bottom:2rem}.section:last-child{margin-bottom:0}.section-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 1rem}.section-empty{color:#9ca3af;font-size:.875rem;font-style:italic}.members-list{display:flex;flex-direction:column;gap:.75rem}.member-card{background-color:#2a2a2a;border:1px solid #404040;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.member-card:hover{border-color:#8b5cf6;background-color:#333}.member-info{flex:1}.member-name{font-size:.875rem;font-weight:600;color:#fff;margin:0 0 .25rem}.member-email{font-size:.75rem;color:#9ca3af;margin:0}.member-id{font-size:.75rem;color:#8b5cf6;font-weight:500}.vms-list{display:grid;gap:.75rem}.vm-card{background-color:#1a365d;border:1px solid #2b77e6;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.vm-card:hover{border-color:#60a5fa;background-color:#1e40af}.vm-name{font-size:.875rem;font-weight:600;color:#fff;margin:0}.vm-id{font-size:.75rem;color:#93c5fd;font-weight:500}@media (max-width: 1024px){.teams-page{padding:1rem 0rem}.teams-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:0 1rem}.search-container{width:100%;max-width:400px}.teams-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}}@media (max-width: 768px){.teams-title{font-size:1.5rem}.teams-list-card,.team-details-card{max-height:none}.teams-list-content,.team-details-content{max-height:400px}.team-item,.team-details-content{padding:1rem}}.user-management-page{min-height:100vh;color:#fff;padding:2rem 0rem;padding-bottom:120px;max-width:1400px;margin:0 auto}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 2rem}.user-management-title{font-size:1.875rem;font-weight:700;color:#fff;margin:0}.invite-button{background-color:#8b5cf6;border:1px solid #8b5cf6;color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:600}.invite-button:hover{background-color:#7c3aed;border-color:#7c3aed}.info-notice{background-color:#78350f;border:1px solid #f59e0b;border-radius:8px;padding:1rem;margin:0 2rem 1.5rem}.info-notice-text{color:#f59e0b;font-size:.875rem;line-height:1.5;margin:0}.info-notice-strong{font-weight:600}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:50;overflow-y:auto;height:100%;width:100%}.modal-container{position:relative;top:5rem;margin:0 auto;padding:1.25rem;width:50rem;box-shadow:0 25px 50px -12px #00000040;border-radius:12px}.modal-content{margin-top:.75rem;margin:0 auto}.modal-title{font-size:1.125rem;font-weight:500;color:#fff;margin-bottom:1rem}.modal-form{display:flex;flex-direction:column;gap:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#fff;margin-bottom:.25rem}.form-input{background-color:#2a2a2a;color:#fff;border:1px solid #404040;border-radius:8px;padding:.75rem;font-size:.875rem;outline:none;transition:all .2s ease}.form-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-select{background-color:#2a2a2a;color:#fff;border:1px solid #404040;border-radius:8px;padding:.75rem;font-size:.875rem;outline:none;transition:all .2s ease}.form-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem}.modal-cancel-button{background-color:#2a2a2a;border:1px solid #404040;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.modal-cancel-button:hover{background-color:#374151;border-color:#555}.modal-submit-button{background-color:#8b5cf6;border:1px solid #8b5cf6;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.modal-submit-button:hover:not(:disabled){background-color:#7c3aed;border-color:#7c3aed}.user-id{color:#9ca3af;font-size:.75rem;margin:0}.user-email{color:#fff;font-weight:500}.user-date{color:#fff;font-size:.875rem}.role-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:9999px}.role-super-admin{background-color:#7f1d1d;color:#ef4444;border:1px solid #ef4444}.role-standard-user{background-color:#1e3a8a;color:#3b82f6;border:1px solid #3b82f6}@media (max-width: 1024px){.user-management-page{padding:1rem 0rem}.user-management-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:0 1rem}.users-table-card,.info-notice,.error-message,.stats-grid{margin-left:1rem;margin-right:1rem}}@media (max-width: 768px){.user-management-title{font-size:1.5rem}.users-table th,.users-table td{padding:.75rem}.stats-grid{grid-template-columns:1fr}.modal-container{margin:1rem;width:auto;top:2rem}}@media (max-width: 640px){.users-table{min-width:600px}.users-table th,.users-table td{padding:.5rem;font-size:.8rem}.user-name{font-size:.8rem}.user-id{font-size:.7rem}}.users-page{min-height:100vh;color:#fff;padding:2rem 0rem;padding-bottom:120px;max-width:1400px;margin:0 auto}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 2rem}.users-title{font-size:1.875rem;font-weight:700;color:#fff;margin:0}.users-table-card{background-color:#1f1f1f;border:1px solid #333;border-radius:12px;overflow:hidden;margin:0 2rem 2rem}.users-table-header{padding:1.5rem;border-bottom:1px solid #333;background-color:#2a2a2a}.users-table-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.users-table-container{overflow-x:auto}.users-table{width:100%;min-width:800px}.users-table th{background-color:#2a2a2a;color:#9ca3af;padding:1rem 1.5rem;text-align:left;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #404040}.users-table td{padding:1rem 1.5rem;border-bottom:1px solid #333;color:#fff;font-size:.875rem}.users-table tr:hover{background-color:#2a2a2a}.expanded-vms-row{background-color:#2a2a2a}.expanded-vms-content{padding:1.5rem}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background-color:#1f1f1f;border:1px solid #333;border-radius:12px;padding:1.5rem;width:100%;max-width:42rem;max-height:24rem;overflow-y:auto;color:#fff}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-title{font-size:1.125rem;font-weight:500;color:#fff;margin:0}.modal-close{color:#9ca3af;font-size:1.5rem;cursor:pointer;background:none;border:none;padding:.25rem}.modal-close:hover{color:#fff}.modal-loading{text-align:center;padding:2rem 0;color:#9ca3af}.modal-section{margin-bottom:1rem}.modal-section:last-child{margin-bottom:0}.modal-section-title{font-size:.875rem;font-weight:600;color:#fff;margin:0 0 .5rem}.modal-section-content{color:#9ca3af;font-size:.875rem;line-height:1.5}.modal-team-name{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.modal-team-info{color:#9ca3af;font-size:.875rem;margin:0 0 .25rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:0 2rem;margin-bottom:2rem}.team-distribution-card{background-color:#1f1f1f;border:1px solid #333;border-radius:12px;margin:0 2rem;overflow:hidden}.team-distribution-header{padding:1.5rem;border-bottom:1px solid #333;background-color:#2a2a2a}.team-distribution-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.team-distribution-content{padding:1.5rem}.team-distribution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.team-distribution-item{text-align:center;padding:1rem;background-color:#2a2a2a;border-radius:8px;border:1px solid #404040}.team-distribution-value{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .5rem}.team-distribution-label{font-size:.875rem;color:#9ca3af;margin:0}@media (max-width: 1024px){.users-page{padding:1rem 0rem}.users-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:0 1rem}.search-container{width:100%;max-width:400px}.pagination-info,.pagination-controls,.users-table-card,.stats-grid,.team-distribution-card{margin-left:1rem;margin-right:1rem}}@media (max-width: 768px){.users-title{font-size:1.5rem}.pagination-info{flex-direction:column;align-items:flex-start;gap:.5rem}.pagination-controls{flex-direction:column;gap:1rem}.users-table th,.users-table td{padding:.75rem}.vms-grid{grid-template-columns:1fr}.modal-content{margin:1rem;max-width:none}}.vms-page{min-height:100vh;color:#fff;padding:2rem 0rem;padding-bottom:120px;max-width:1400px;margin:0 auto}.vms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 2rem}.vms-title{font-size:1.875rem;font-weight:700;color:#fff;margin:0}.vms-controls{display:flex;gap:1rem;align-items:center}.status-filter{background-color:#2a2a2a;color:#fff;border:1px solid #404040;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;outline:none;transition:all .2s ease;min-width:140px}.status-filter:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.search-container{position:relative;width:320px}.error-message{background-color:#ef4444;color:#fff;border:1px solid #dc2626;border-radius:8px;padding:1rem;margin:0 2rem 1.5rem;text-align:center}.loading-container{display:flex;align-items:center;justify-content:center;height:400px;color:#9ca3af}.loading-text{font-size:1.125rem;font-weight:500}.pagination-info{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;margin-bottom:1.5rem}.pagination-stats,.pagination-page-info{font-size:.875rem;color:#9ca3af}.vms-table-card{background-color:#1f1f1f;border:1px solid #333;border-radius:12px;overflow:hidden;margin:0 2rem 2rem}.vms-table-header{padding:1.5rem;border-bottom:1px solid #333;background-color:#2a2a2a}.vms-table-container{overflow-x:auto}.vms-table{width:100%;min-width:900px}.vms-table th{background-color:#2a2a2a;color:#9ca3af;padding:1rem 1.5rem;text-align:left;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #404040}.vms-table td{padding:1rem 1.5rem;border-bottom:1px solid #333;color:#fff;font-size:.875rem}.vms-table tr:hover{background-color:#2a2a2a}.vm-name{font-weight:600;color:#fff;margin:0 0 .25rem}.vm-id{color:#9ca3af;font-size:.75rem;margin:0}.vm-sku{color:#fff;font-weight:500}.no-user-text{color:#9ca3af;font-size:.875rem}.user-name{font-weight:600;color:#fff;margin:0 0 .25rem}.user-email{color:#9ca3af;font-size:.75rem;margin:0}.team-tag{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;background-color:#1d4ed8;color:#fff;border-radius:9999px;border:1px solid #2563eb}.status-unknown{background-color:#374151;color:#9ca3af;border:1px solid #6b7280}.pagination-controls{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;margin-bottom:2rem}.pagination-button{background-color:#2a2a2a;border:1px solid #404040;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.pagination-button.active{background-color:#8b5cf6;border-color:#8b5cf6}.pagination-button.active:hover{background-color:#7c3aed}.pagination-items-per-page{font-size:.875rem;color:#9ca3af}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;padding:0 2rem;margin-bottom:2rem}.stat-card{background-color:#1f1f1f;border:1px solid #333;border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:#8b5cf6}.stat-value{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.stat-label{font-size:.875rem;color:#9ca3af;margin:0}.empty-state{padding:3rem 1.5rem;text-align:center;color:#9ca3af;font-size:.875rem}@media (max-width: 1024px){.vms-page{padding:1rem 0rem}.vms-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:0 1rem}.vms-controls{width:100%;flex-direction:column;align-items:stretch}.search-container{width:100%}.pagination-info,.pagination-controls,.vms-table-card,.stats-grid{margin-left:1rem;margin-right:1rem}}@media (max-width: 768px){.vms-title{font-size:1.5rem}.pagination-info{flex-direction:column;align-items:flex-start;gap:.5rem}.pagination-controls{flex-direction:column;gap:1rem}.vms-table th,.vms-table td{padding:.75rem}.stats-grid{grid-template-columns:1fr}.vms-controls{gap:.75rem}}@media (max-width: 640px){.vms-table{min-width:600px}.vms-table th,.vms-table td{padding:.5rem;font-size:.8rem}.vm-name{font-size:.8rem}.vm-id{font-size:.7rem}}.clients-page{min-height:100vh;color:#fff;padding:2rem 0rem;padding-bottom:120px;max-width:1400px;margin:0 auto}.clients-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.clients-title{display:flex;align-items:center;gap:1rem;font-size:1.1rem;font-weight:600;color:#fff;margin:0}.clients-controls,.filter-sort-controls{display:flex;align-items:center;gap:1rem}.control-button{background-color:#2a2a2a;border:1px solid #404040;color:#9ca3af;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem}.control-button:hover{color:#fff;border-color:#555}.status-filters{display:flex;gap:.5rem}.status-filter{background-color:#2a2a2a;border:1px solid #404040;color:#9ca3af;padding:.375rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.75rem}.status-filter:hover{color:#fff;border-color:#555}.search-section{margin-bottom:1.5rem}.marketing-sales-section{margin-bottom:2rem;border-radius:12px}.marketing-sales-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1.5rem}.campaigns-row{display:flex;justify-content:space-between;gap:1rem;margin-bottom:2rem}.categories-row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between}.campaign-button{width:329px;height:158px;background-color:#2a2a2a;border:2px solid #404040;color:#9ca3af;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:1.5rem;font-weight:500;display:flex;align-items:center;justify-content:center;position:relative;background-image:url(/assets/speaker-CqZCRsvc.png)}.campaign-button:hover{color:#fff}.campaign-button.selected{background-color:#374151;color:#fff;box-shadow:0 0 0 1px #8b5cf64d}.campaign-button.selected:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#8b5cf6,#a78bfa);border-radius:12px;z-index:-1;opacity:.3}.add-campaign-button{width:329px;height:158px;background-color:transparent;border:2px dashed #404040;color:#9ca3af;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:1.5rem;font-weight:300;display:flex;align-items:center;justify-content:center}.add-campaign-button:hover{border-color:#8b5cf6;color:#8b5cf6;background-color:#8b5cf60d}.category-button{width:240px;height:158px;background-color:#2a2a2a;border:1px solid #404040;color:#9ca3af;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;display:flex;align-items:center;justify-content:center;padding:.5rem;background:linear-gradient(116.56deg,#202121 13.29%,#2b2b2b 91.08%)}.category-button:hover{background-color:#374151;border-color:#555;color:#fff}.add-category-button{width:329px;height:158px;background-color:transparent;border:2px dashed #404040;color:#9ca3af;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1.25rem;font-weight:300;display:flex;align-items:center;justify-content:center}.add-category-button:hover{border-color:#8b5cf6;color:#8b5cf6;background-color:#8b5cf60d}.search-container{position:relative;max-width:400px}.search-input{width:100%;background-color:#2a2a2a;color:#fff;border:1px solid #404040;border-radius:8px;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem;outline:none;transition:all .2s ease}.search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.search-icon{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1rem;pointer-events:none}.clients-data-container{background-color:#1f1f1f;border:1px solid #333;border-radius:12px;overflow:visible}.clients-data-header{display:grid;grid-template-columns:2fr 2fr 2fr 1fr 1fr;background-color:#2a2a2a;border-bottom:1px solid #404040}.clients-data-header-cell{padding:1rem;color:#9ca3af;font-weight:500;font-size:.875rem}.clients-data-header-cell:first-child{padding-left:2rem}.clients-data-body{display:flex;flex-direction:column}.clients-data-row{display:grid;grid-template-columns:2fr 2fr 2fr 1fr 1fr;border-bottom:1px solid #333;position:relative}.clients-data-row:hover{background-color:#2a2a2a}.clients-data-cell{padding:1rem;color:#fff;font-size:.875rem;position:relative}.clients-data-cell:first-child{padding-left:2rem}.client-row{cursor:pointer;transition:all .2s ease}.client-row:hover{background-color:#2a2a2a!important}.clients-table tr:last-child td{border-bottom:none}.client-checkbox{width:16px;height:16px;border:2px solid #404040;border-radius:3px;background-color:transparent;cursor:pointer;margin-right:.5rem}.client-checkbox:checked{background-color:#6366f1;border-color:#6366f1}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:.5rem}.status-active{background-color:#10b981}.status-inactive{background-color:#ef4444}.status-pending{background-color:#f59e0b}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background-color:#1f1f1f;border-top:1px solid #333}.pagination-info{display:flex;align-items:center;gap:1rem;color:#9ca3af;font-size:.875rem}.page-selector{background-color:#2a2a2a;border:1px solid #404040;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem}.records-info{color:#9ca3af;font-size:.875rem}.fixed-chatbar{position:fixed;bottom:0;left:0;right:0;z-index:1000}.user-name{font-weight:600;color:#fff}.user-email{color:#9ca3af}.no-teams-text{color:#9ca3af;font-size:.875rem}.teams-container{display:flex;flex-wrap:wrap;gap:.25rem}.team-tag{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;background-color:#1d4ed8;color:#fff;border-radius:9999px;cursor:pointer;transition:all .2s ease;border:1px solid #2563eb}.team-tag:hover{background-color:#2563eb;border-color:#3b82f6}.action-button{color:#8b5cf6;font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s ease;background:none;border:none}.action-button:hover{color:#a78bfa}.clients-menu-container{position:relative;display:inline-block}.clients-menu-button{background-color:#8b5cf6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.clients-menu-button:hover{background-color:#7c3aed;transform:translateY(-1px)}.clients-menu-button:active{transform:translateY(0)}.clients-menu-dropdown{position:absolute;top:100%;right:0;background-color:#2d2d2d;border:1px solid #404040;border-radius:8px;box-shadow:0 10px 25px -5px #0000004d;z-index:1000000;min-width:160px;margin-top:.25rem}.clients-menu-item{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;color:#fff;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:.875rem}.clients-menu-item:hover{background-color:#374151}.clients-menu-item:not(:last-child){border-bottom:1px solid #404040}.clients-action-dropdown-item{display:block;width:100%;padding:.5rem .75rem;background:none;border:none;color:#9ca3af;text-align:left;cursor:pointer;transition:all .2s ease;font-size:.875rem;border-bottom:1px solid #404040}.clients-action-dropdown-item:last-child{border-bottom:none}.clients-action-dropdown-item:hover{background-color:#374151;color:#fff}.clients-action-dropdown-item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.clients-action-dropdown-item:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.clients-expanded-row{background-color:#2a2a2a;grid-column:1 / -1;border-bottom:1px solid #333}.clients-expanded-content,.expanded-vms-content{padding:1.5rem}.expanded-vms-title{font-size:.875rem;font-weight:600;color:#fff;margin:0 0 1rem}.no-vms-message{color:#9ca3af;font-size:.875rem;font-style:italic;text-align:center;padding:2rem;background-color:#1f1f1f;border:1px solid #404040;border-radius:8px}.vms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.vm-card{background-color:#1f1f1f;border:1px solid #404040;border-radius:8px;padding:1rem;transition:all .2s ease}.vm-card:hover{border-color:#8b5cf6;background-color:#374151}.vm-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.vm-info{flex:1}.vm-name{font-size:.875rem;font-weight:600;color:#fff;margin:0 0 .25rem}.vm-details{font-size:.75rem;color:#9ca3af;margin:0}.status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:9999px}.status-running{background-color:#065f46;color:#10b981;border:1px solid #10b981}.status-stopped{background-color:#7f1d1d;color:#ef4444;border:1px solid #ef4444}.status-pending{background-color:#78350f;color:#f59e0b;border:1px solid #f59e0b}.status-terminated{background-color:#374151;color:#9ca3af;border:1px solid #6b7280}.status-available{background-color:#1e3a8a;color:#3b82f6;border:1px solid #3b82f6}.status-in_use{background-color:#9a3412;color:#f97316;border:1px solid #f97316}@media (max-width: 1024px){.clients-page{padding:1rem;padding-bottom:120px}.clients-header{flex-direction:column;align-items:flex-start;gap:1rem}.clients-controls{width:100%;justify-content:space-between}}@media (max-width: 768px){.clients-table-container{overflow-x:auto}.clients-table{min-width:800px}.chatbar-form{flex-direction:column;gap:.75rem}.fixed-chatbar{padding:1rem}.vms-grid{grid-template-columns:1fr}}.client-detail-page{min-height:100vh;color:#fff;padding:2rem 0rem;padding-bottom:120px;max-width:1400px;margin:0 auto}.client-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.client-email{color:#9ca3af;font-size:.875rem;margin-left:auto}.client-detail-title{display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:600;color:#fff;margin:0}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;min-height:400px}.error-text{color:#ef4444}.client-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.detail-card{background-color:#1f1f1f;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:all .2s ease}.detail-card:hover{border-color:#444}.card-header{margin-bottom:1.5rem}.card-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.card-subtitle{font-size:.875rem;color:#9ca3af;margin:.5rem 0 0}.credit-amount{font-size:2rem;font-weight:700;color:#8b5cf6;margin:1rem 0}.allocated-text{color:#9ca3af;font-size:.875rem}.balance-amount{font-size:2rem;font-weight:700;color:#8b5cf6;margin:1rem 0}.available-text{color:#9ca3af;font-size:.875rem}.programs-stats{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.stat-item{text-align:center}.stat-number{font-size:3rem;font-weight:700;color:#8b5cf6;margin:0;line-height:1}.stat-label{font-size:.875rem;color:#9ca3af;margin-top:.5rem}.roi-stats{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.roi-item{text-align:center}.roi-number{font-size:2.5rem;font-weight:700;margin:0;line-height:1}.roi-accounts,.roi-mrr{color:#8b5cf6}.roi-label{font-size:.875rem;color:#9ca3af;margin-top:.5rem}.action-section{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-bottom:2rem}.need-credits-text{color:#9ca3af;font-size:.875rem}.action-button-detail{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-button-detail:hover{background-color:#7c3aed}.action-button-detail.secondary{background-color:#2a2a2a;border:1px solid #404040}.action-button-detail.secondary:hover{background-color:#374151;border-color:#555}.servers-section{margin-bottom:2rem}.servers-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1.5rem}.servers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem}.server-card{background-color:#1f1f1f;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:all .2s ease}.server-card:hover{border-color:#8b5cf6;background-color:#2a2a2a}.server-card-header{display:flex;justify-content:space-between;align-items:flex-start}.server-info{flex:1}.server-name{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.server-details{font-size:.875rem;color:#9ca3af;margin:.25rem 0}.no-servers-message{text-align:center;color:#9ca3af;font-size:1rem;padding:3rem;background-color:#1f1f1f;border:1px solid #333;border-radius:12px;font-style:italic}.fixed-chatbar{position:fixed;bottom:0;left:0;right:0;padding:1.5rem 2rem;z-index:1000}.chatbar-form{display:flex;gap:1rem;max-width:1400px;margin:0 auto}.chatbar-input-container{flex:1;position:relative}.chatbar-input{width:100%;background-color:#2a2a2a;color:#fff;border:1px solid #404040;border-radius:8px;padding:.875rem 3rem .875rem 1rem;font-size:.875rem;outline:none;transition:all .2s ease}.chatbar-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.chatbar-input::placeholder{color:#9ca3af}.chatbar-mic-button{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;font-size:1.125rem}.chatbar-mic-button:hover{color:#fff}.chatbar-submit-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:.875rem 1.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.chatbar-submit-button:hover{background-color:#7c3aed}@media (max-width: 1024px){.client-detail-page{padding:1rem;padding-bottom:120px}.client-detail-grid{grid-template-columns:1fr;gap:1rem}.action-section{flex-direction:column;align-items:stretch}}.server-modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.server-modal{background-color:#1f1f1f;border-radius:12px;width:90vw;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.server-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid #333;background-color:#2a2a2a}.modal-back-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.modal-back-button:hover{background-color:#374151}.modal-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.server-table-container{flex:1;overflow-y:auto;padding:0}.server-table{width:100%;border-collapse:collapse}.server-table th{background-color:#2a2a2a;color:#9ca3af;padding:1rem 1.5rem;text-align:left;font-weight:500;font-size:.875rem;border-bottom:1px solid #404040;position:sticky;top:0;z-index:10}.server-table th:first-child{width:60px;text-align:center}.server-table td{padding:1rem 1.5rem;border-bottom:1px solid #333;color:#fff;font-size:.875rem}.server-table td:first-child{text-align:center}.server-table tr:hover{background-color:#2a2a2a;cursor:pointer}.server-table tr.selected-row{background-color:#8b5cf633;border-left:3px solid #8b5cf6}.server-table tr.selected-row:hover{background-color:#8b5cf64d}.server-checkbox{width:16px;height:16px;accent-color:#8b5cf6;cursor:pointer}.server-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid #333;background-color:#2a2a2a}.modal-pagination{display:flex;align-items:center;gap:.5rem}.pagination-btn{background-color:#374151;border:1px solid #555;color:#fff;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem}.pagination-btn:hover:not(:disabled){background-color:#4b5563}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-number{padding:.5rem .75rem;font-size:.875rem;color:#9ca3af;cursor:pointer;border-radius:6px;transition:all .2s ease}.page-number:hover{background-color:#374151;color:#fff}.page-number.current{background-color:#8b5cf6;color:#fff}.page-dots{color:#9ca3af;padding:.5rem}.modal-actions{display:flex;gap:1rem}.reset-button{background-color:#374151;border:1px solid #555;color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.reset-button:hover{background-color:#4b5563}.add-selected-button{background-color:#8b5cf6;border:1px solid #8b5cf6;color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.add-selected-button:disabled{opacity:.5;cursor:not-allowed}.credits-modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.credits-modal{background-color:#1f1f1f;border-radius:12px;width:90vw;max-width:500px;overflow:hidden;display:flex;flex-direction:column}.credits-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid #333;background-color:#2a2a2a}.credits-modal-content{padding:2rem}.credits-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{font-size:.875rem;font-weight:500;color:#e5e7eb}.credits-input{background-color:#2a2a2a;color:#fff;border:1px solid #404040;border-radius:8px;padding:.875rem 1rem;font-size:1rem;outline:none;transition:all .2s ease}.credits-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.credits-input::placeholder{color:#9ca3af}.credit-preview{font-size:.875rem;color:#9ca3af;margin-top:.25rem}.preview-amount{color:#8b5cf6;font-weight:600}.current-balance{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#2a2a2a;border-radius:8px;border:1px solid #404040}.balance-label{font-size:.875rem;color:#9ca3af}.balance-value{font-size:1rem;font-weight:600;color:#e5e7eb}.new-balance{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#8b5cf61a;border-radius:8px;border:1px solid #8b5cf6}.new-balance-label{font-size:.875rem;color:#c4b5fd}.new-balance-value{font-size:1.125rem;font-weight:700;color:#8b5cf6}.credits-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #333;background-color:#2a2a2a}.credits-cancel-button{background-color:#374151;border:1px solid #555;color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.credits-cancel-button:hover{background-color:#4b5563}.credits-add-button{background-color:#8b5cf6;border:1px solid #8b5cf6;color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.credits-add-button:hover:not(:disabled){background-color:#7c3aed}.credits-add-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.programs-stats,.roi-stats{flex-direction:column;gap:1.5rem}.chatbar-form{flex-direction:column;gap:.75rem}.fixed-chatbar{padding:1rem}.server-modal{width:95vw;max-height:95vh}.server-modal-header{padding:1rem}.server-modal-footer{flex-direction:column;gap:1rem;align-items:stretch}.modal-actions{width:100%;justify-content:space-between}.server-table th,.server-table td{padding:.75rem .5rem;font-size:.8rem}.credits-modal{width:95vw;max-width:none}.credits-modal-header{padding:1rem}.credits-modal-content{padding:1.5rem}.credits-modal-footer{padding:1rem;flex-direction:column;gap:.75rem}.credits-cancel-button,.credits-add-button{width:100%}}.server-management-page{padding:1.5rem;background:linear-gradient(135deg,#0f0f0f,#1a1a2e,#16213e);color:#f0f0f0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.server-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.server-management-title{font-size:2.8rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#0f8,#0af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,255,136,.3)}.add-server-button{background:linear-gradient(135deg,#6a0dad,#8a2be2);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #6a0dad4d;position:relative;overflow:hidden}.add-server-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-server-button:hover{background:linear-gradient(135deg,#7a1ba7,#9a3be2);transform:translateY(-2px);box-shadow:0 6px 20px #6a0dad66}.add-server-button:hover:before{left:100%}.error-message{background:linear-gradient(135deg,#ff3b301a,#ff3b300d);color:#ff6b6b;padding:1rem;border:1px solid rgba(255,59,48,.3);border-radius:12px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.table-search-container{margin-bottom:2rem}.search-container{position:relative;max-width:500px}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#f0f0f0;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.search-input:focus{outline:none;border-color:#00ff8880;box-shadow:0 0 20px #0f83;background:#ffffff14}.search-input::placeholder{color:#fff6}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fff6;font-size:1.25rem}.servers-table-card{background:#ffffff05;border-radius:20px;padding:0;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;margin-bottom:2rem;height:75vh;width:100%;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05);overflow:hidden;position:relative}.servers-table-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.5),transparent)}.servers-table-header{padding:1.5rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.servers-table-title{font-size:1.6rem;font-weight:600;color:#fff;margin:0}.stat-card{background:#ffffff08;padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0f8,#0af);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0003;border-color:#ffffff26}.stat-card:hover:before{opacity:1}.stat-value{font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#0f8,#0af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{color:#ffffffb3;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.pagination-info,.pagination-controls{background:#ffffff05;padding:1.5rem;border-radius:16px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pagination-stats,.pagination-page-info{color:#ffffffb3;font-size:.9rem}.pagination-button{padding:.5rem 1rem;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:44px}.pagination-button:hover:not(:disabled){background:#ffffff1a;border-color:#00ff884d}.pagination-button:disabled{opacity:.3;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);padding:2rem;border-radius:20px;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a;width:90%;max-width:600px;z-index:1001;color:#f0f0f0;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:1.8rem;font-weight:600;color:#fff;margin:0;background:linear-gradient(135deg,#0f8,#0af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;width:36px;height:36px;cursor:pointer;padding:0;line-height:1;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#fff3;transform:scale(1.1)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#fffc;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f0f0f0;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input:focus{outline:none;border-color:#00ff8880;box-shadow:0 0 20px #0f83;background:#ffffff14}.form-input::placeholder{color:#fff6}.form-note{margin-top:1rem;padding:1rem;background:#00aaff1a;border:1px solid rgba(0,170,255,.3);border-radius:12px;font-size:.9rem;color:#fffc;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.cancel-button,.add-button{padding:.875rem 1.75rem;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;border:none;position:relative;overflow:hidden}.cancel-button{background:#ffffff1a;color:#f0f0f0;border:1px solid rgba(255,255,255,.2)}.cancel-button:hover{background:#ffffff26;transform:translateY(-1px)}.add-button{background:linear-gradient(135deg,#6a0dad,#8a2be2);color:#fff;box-shadow:0 4px 15px #6a0dad4d}.add-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-button:hover{background:linear-gradient(135deg,#7a1ba7,#9a3be2);transform:translateY(-2px);box-shadow:0 6px 20px #6a0dad66}.add-button:hover:before{left:100%}@media (max-width: 768px){.server-management-page{padding:1rem}.server-management-header{flex-direction:column;gap:1rem;text-align:center}.server-management-title{font-size:2rem}.servers-table-card{height:60vh}.stats-grid{grid-template-columns:1fr}.modal-content{width:95%;margin:1rem;padding:1.5rem}.modal-footer{flex-direction:column}.cancel-button,.add-button{width:100%}}.server-detail-page{color:#fff;min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto}.server-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #404040}.server-detail-title{font-size:1.875rem;font-weight:700;margin:0;color:#fff}.back-button,.refresh-button{background-color:#374151;color:#fff;border:1px solid #4b5563;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.back-button:hover,.refresh-button:hover{background-color:#4b5563;border-color:#6b7280}.loading-text,.error-text{font-size:1.125rem;color:#9ca3af}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:.5rem}.section-icon{font-size:1.5rem}.resources-section{margin-bottom:3rem}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.resource-card{background-color:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.resource-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf633;border-color:#8b5cf6}.resource-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:#8b5cf61a;border-radius:12px}.resource-content{flex:1}.resource-percentage{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.resource-label{font-size:.875rem;font-weight:600;color:#d1d5db;margin-bottom:.25rem}.resource-details{font-size:.75rem;color:#9ca3af;margin-bottom:.75rem}.resource-bar{width:100%;height:4px;background-color:#4b5563;border-radius:2px;overflow:hidden}.resource-progress{height:100%;border-radius:2px;transition:width .3s ease}.cpu-progress{background-color:#3b82f6}.memory-progress{background-color:#10b981}.storage-progress{background-color:#8b5cf6}.freespace-progress{background-color:#f59e0b}.vms-section{margin-bottom:2rem}.vms-table-container{background-color:#2d2d2d;border-radius:12px;overflow:hidden;border:1px solid #404040}.vms-table{width:100%;border-collapse:collapse}.vms-table th{background-color:#374151;color:#fff;padding:1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #404040}.vms-table td{padding:1rem;border-bottom:1px solid #404040}.vms-table tbody tr{transition:background-color .2s ease}.vms-table tbody tr:last-child td{border-bottom:none}.vm-id{font-family:Courier New,monospace;color:#8b5cf6;font-weight:600}.vm-name{color:#fff;font-weight:500}.vm-cpu,.vm-memory,.vm-disk{color:#d1d5db;font-size:.875rem}.status-paused{background-color:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.no-data{text-align:center;padding:3rem;color:#9ca3af;background-color:#2d2d2d;border-radius:12px;border:1px solid #404040}.no-data p{margin:0;font-size:1rem}@media (max-width: 768px){.server-detail-page{padding:1rem}.server-detail-header{flex-direction:column;gap:1rem;text-align:center}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.resources-grid{grid-template-columns:1fr}.resource-card{flex-direction:column;text-align:center}.vms-table-container{overflow-x:auto}.vms-table{min-width:600px}}.monitoring-page{min-height:100vh;padding:0;color:#e2e8f0;max-width:1400px;margin:0 auto}.page-header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.back-btn{border:1px solid #475569;padding:.5rem 1rem;border-radius:.5rem;color:#e2e8f0;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.back-btn:hover{color:#f1f5f9}.page-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#f1f5f9}.page-header p{margin:.25rem 0 0;color:#94a3b8;font-size:.875rem}.header-right{display:flex;align-items:center;gap:.75rem}.time-select,.vm-select{background:#334155;border:1px solid #475569;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;color:#e2e8f0;cursor:pointer;min-width:120px}.time-select:focus,.vm-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.refresh-btn{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.refresh-btn:hover{background:#2563eb}.tab-bar{padding:0 2rem;display:flex;gap:0}.tab{background:none;border:none;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;color:#94a3b8;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab:hover{color:#3b82f6}.tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.vm-selector{padding:1rem 2rem}.content{padding:2rem;max-width:1400px;margin:0 auto}.loading-state,.error-state{text-align:center;padding:4rem 2rem;color:#94a3b8;font-size:1rem}.error-state{color:#ef4444}.empty-state{text-align:center;padding:4rem 2rem;color:#94a3b8}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#1e293b;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000004d;border:1px solid #334155;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.metric-header{display:flex;align-items:center;margin-bottom:1rem}.metric-title{font-size:.875rem;font-weight:500;color:#94a3b8}.metric-value{font-size:2rem;font-weight:700;color:#f1f5f9;line-height:1}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:#1e293b;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000004d;border:1px solid #334155}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-header h3{margin:0;font-size:1rem;font-weight:600;color:#f1f5f9}.chart-value{font-size:1.25rem;font-weight:600;color:#3b82f6}.chart-area{margin:1rem 0;height:120px;display:flex;align-items:center}.chart-area svg{width:100%;height:100%}.chart-stats{display:flex;justify-content:space-between;font-size:.75rem;color:#94a3b8;padding-top:.75rem;border-top:1px solid #334155}.network-chart .network-stats{display:flex;gap:1rem;font-size:.875rem;font-weight:500}.full-width-chart{margin-bottom:2rem}.full-width-chart .chart-card{margin:0}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem;align-items:stretch}.header-left{justify-content:space-between}.header-right{justify-content:center}.content{padding:1rem}.metrics-row,.charts-grid{grid-template-columns:1fr}.tab-bar{padding:0 1rem}.vm-selector{padding:1rem}}.ct-setup-page{padding:2rem;background-color:#1a1a1a;min-height:100vh;color:#fff;max-width:1400px;margin:0 auto}.ct-setup-header{margin-bottom:2rem}.header-content{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.back-button{background-color:#374151;color:#e2e8f0;border:1px solid #475569;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.back-button:hover{background-color:#475569;color:#f1f5f9}.header-title h1{font-size:1.875rem;font-weight:700;color:#fff;margin:0 0 .25rem}.server-info{color:#94a3b8;font-size:.875rem;margin:0}.ct-setup-content{max-width:4xl;margin:0 auto}.ct-setup-loading{display:flex;align-items:center;justify-content:center;padding:4rem;background-color:#2d2d2d;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #404040}.loading-text{color:#9ca3af;font-size:1rem}.setup-card{background-color:#2d2d2d;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #404040;padding:2rem;margin-bottom:1.5rem}.loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.loading-spinner{width:2rem;height:2rem;border:2px solid #374151;border-top:2px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.success-card{border:1px solid #10b981;background-color:#064e3b}.card-header{display:flex;align-items:center;margin-bottom:1.5rem}.success-header{color:#10b981}.header-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:.75rem;font-size:1.125rem;font-weight:600}.success-icon{background-color:#10b981;color:#fff}.card-header h2{font-size:1.25rem;font-weight:600;margin:0;color:#fff}.card-description{color:#d1d5db;margin-bottom:1.5rem;line-height:1.5}.template-config{background-color:#1f1f1f;border:1px solid #404040;border-radius:8px;padding:1.5rem}.template-config h3{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 1rem}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.config-item label{display:block;font-size:.875rem;font-weight:500;color:#d1d5db;margin-bottom:.25rem}.config-value{background-color:#374151;border:1px solid #475569;border-radius:.375rem;padding:.5rem .75rem;color:#fff;font-size:.875rem}.template-specs-section{background-color:#1e1b4b;border:1px solid #8b5cf6;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.template-specs-section h3{font-size:1.125rem;font-weight:600;color:#8b5cf6;margin:0 0 1rem}.specs-description{color:#c4b5fd;font-size:.875rem;margin-bottom:1rem;line-height:1.4}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.spec-item label{display:block;font-size:.875rem;font-weight:500;color:#8b5cf6;margin-bottom:.25rem}.spec-input{width:100%;padding:.5rem .75rem;border:1px solid #475569;border-radius:.375rem;font-size:.875rem;background-color:#2d2d2d;color:#fff;transition:border-color .2s,box-shadow .2s}.spec-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.spec-input:disabled{background-color:#374151;cursor:not-allowed}.setup-action{text-align:center;padding-top:1rem}.setup-button{background-color:#8b5cf6;color:#fff;border:1px solid #8b5cf6;padding:.75rem 2rem;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:200px}.setup-button:hover:not(:disabled){background-color:#7c3aed;border-color:#7c3aed;transform:translateY(-1px)}.setup-button:disabled{background-color:#374151;border-color:#374151;cursor:not-allowed;opacity:.5}.button-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.button-spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.setup-note{color:#9ca3af;font-size:.875rem;margin-top:.5rem;margin-bottom:0}.result-card{border-radius:.5rem;padding:1rem 1.5rem;margin-top:1.5rem}.result-success{background-color:#064e3b;border:1px solid #10b981}.result-error{background-color:#7f1d1d;border:1px solid #ef4444}.result-content{display:flex;align-items:center}.result-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:.75rem;font-weight:600}.result-success .result-icon{background-color:#10b981;color:#fff}.result-error .result-icon{background-color:#ef4444;color:#fff}.result-message{margin:0;font-size:.875rem;line-height:1.4}.result-success .result-message{color:#10b981}.result-error .result-message{color:#fecaca}@media (max-width: 768px){.ct-setup-page{padding:1rem}.setup-card{padding:1.5rem}.config-grid,.specs-grid{grid-template-columns:1fr}.header-content{flex-direction:column;align-items:flex-start;gap:.5rem}.setup-button{padding:.75rem 1.5rem;font-size:1rem}}.data-center{display:flex;gap:1.5rem;height:100vh;max-width:1400px;margin:2.5rem auto;padding:1rem}.data-center-left{flex:1;transition:all .3s ease}.data-center-right{flex:0 0 20%;width:320px;position:relative;transition:all .3s ease}.data-center-right.expanded{flex:0 0 40%;width:600px}.right-section-toggle{position:absolute;top:0;right:0;background-color:#2a2a2a;border:1px solid #404040;border-radius:6px;color:#fff;padding:.5rem;cursor:pointer;font-size:1rem;font-weight:700;z-index:10;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.right-section-toggle.hidden-state{position:fixed;top:7rem;right:1rem;z-index:1000}.right-section-toggle:hover{background-color:#374151;border-color:#555;transform:scale(1.05)}.right-section-toggle:active{transform:scale(.95)}.calendar-container{margin-bottom:1.5rem}.upcoming-events{background-color:#1f1f1f;border:1px solid #333;border-radius:12px;padding:1.5rem}.upcoming-events-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.upcoming-events-title:before{content:"📅";font-size:1rem}.events-list{display:flex;flex-direction:column;gap:.75rem}.event-item{background-color:#2a2a2a;border:1px solid #404040;border-radius:8px;padding:1rem;transition:all .3s ease;cursor:pointer}.event-item:hover{background-color:#333;border-color:#555;transform:translate(4px)}.event-title{color:#fff;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.event-time{color:#9ca3af;font-size:.75rem;margin:0;display:flex;align-items:center;gap:.25rem}.event-time:before{content:"⏰";font-size:.75rem}.modal-overlay{position:fixed;inset:0;background-color:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container-data-center{background-color:#1f1f1f;border:1px solid #333;border-radius:12px;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;margin:0 auto}.modal-content-data-center{padding:2rem;width:100%}.modal-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#fff;font-size:.875rem;font-weight:500}.form-input{background-color:#2a2a2a;border:1px solid #404040;border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:.875rem;transition:all .2s ease}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-cancel-button,.modal-submit-button{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.modal-cancel-button{background-color:transparent;color:#9ca3af;border-color:#404040}.modal-cancel-button:hover{background-color:#2a2a2a;color:#fff;border-color:#555}.modal-submit-button{background-color:#8b5cf6;color:#fff;border-color:#8b5cf6}.modal-submit-button:hover{background-color:#7c3aed;border-color:#7c3aed}.modal-submit-button:disabled{opacity:.5;cursor:not-allowed}.data-center-header{margin-bottom:3rem;text-align:center}.data-center-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.data-center-subtitle{color:#9ca3af;font-size:1.125rem;margin:0}.stats-grid-data-center{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.stat-card{background-color:#1f1f1f;border:1px solid #333;border-radius:12px;padding:1.5rem;color:#fff;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.stat-card-header{display:flex;gap:1rem;align-items:center;justify-content:flex-start;margin-bottom:1rem}.stat-card-settings{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.stat-card-settings:hover{color:#fff;background-color:#374151}.stat-card-title{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:#fff;display:flex;align-items:center;gap:.5rem}.stat-card-subtitle{font-size:.875rem;color:#9ca3af;margin:0 0 1rem}.stat-card-value{font-size:2rem;font-weight:700;color:#fff;margin:0}.chart-container{height:4rem;margin-bottom:1rem;display:flex;align-items:end;justify-content:center}.bar-chart{display:flex;align-items:end;gap:2px;height:100%}.bar{background-color:#8b5cf6;border-radius:2px;width:4px;transition:all .3s ease}.line-chart{display:flex;align-items:center;gap:2px}.line-bar{background-color:#06b6d4;border-radius:2px;width:6px;transition:all .3s ease}.curve-chart{width:100%;height:3rem;position:relative}.server-stats{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.server-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #333}.server-stat-item:last-child{border-bottom:none}.server-stat-label{color:#9ca3af;font-size:.875rem;font-weight:500}.server-stat-value{color:#fff;font-size:1.125rem;font-weight:600}.server-list{display:flex;flex-direction:column;gap:.75rem}.server-item{display:flex;align-items:center;justify-content:space-between}.server-info{display:flex;align-items:center;gap:.5rem}.server-status-dot{width:8px;height:8px;border-radius:50%}.server-status-dot.online{background-color:#10b981}.server-status-dot.offline{background-color:#ef4444}.server-name{color:#d1d5db;font-size:.875rem}.server-status-text{font-size:.75rem}.server-status-text.online{color:#34d399}.server-status-text.offline{color:#f87171}.action-cards-section{margin-top:3rem}.action-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.datacenter-management-card{background-color:#2a2a2a;border:1px solid #333;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:165px}.datacenter-management-card-with-bg{background-image:url(/assets/button1-SV6GX6bP.png);background-size:cover;background-position:center;background-repeat:no-repeat}.datacenter-management-card-button1{background-image:url(/assets/button1-LMb6I9m0.png);background-size:cover;background-position:center;background-repeat:no-repeat}.datacenter-management-card-button2{background-image:url(/assets/button2-qdRjPJUX.png);background-size:cover;background-position:center;background-repeat:no-repeat}.datacenter-management-card-button3{background-image:url(/assets/button3-OX90uxm5.png);background-size:cover;background-position:center;background-repeat:no-repeat}.datacenter-management-card-button4{background-image:url(/assets/button4-CoCxZSaZ.png);background-size:cover;background-position:center;background-repeat:no-repeat}.datacenter-management-card-button5{background-image:url(/assets/button5-DvERkDId.png);background-size:cover;background-position:center;background-repeat:no-repeat}.datacenter-management-card-button6{background-image:url(/assets/button6-DUi882kL.png);background-size:cover;background-position:center;background-repeat:no-repeat}.datacenter-management-card:hover{background-color:#313030;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.datacenter-management-card-title-center{font-size:1rem;font-weight:600;margin:0;color:#fff;font-size:16px;line-height:1.3;display:flex;align-items:center;gap:.5rem;padding-top:10px}.add-button-data-center{background-color:#1f1f1f;border:2px dashed #555;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#9ca3af;min-height:165px}.add-button-data-center:hover{background-color:#2a2a2a;border-color:#777;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.add-button-data-center .add-button-icon{font-size:3rem;font-weight:300;color:#9ca3af;transition:all .3s ease}.add-button-data-center:hover .add-button-icon{color:#d1d5db;transform:scale(1.1)}@media (max-width: 1200px){.stats-grid-data-center,.action-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.data-center{flex-direction:column;height:auto;margin:1rem auto;padding:.5rem}.data-center-left,.data-center-right{flex:none;width:100%}.data-center-title{font-size:2rem}.data-center-subtitle{font-size:1rem}.stats-grid-data-center,.action-cards-grid{grid-template-columns:1fr;gap:1rem}.datacenter-management-card{min-height:140px}.datacenter-management-card-title-center{font-size:.95rem}.add-button-data-center .add-button-icon{font-size:2.5rem}}.server-config-page{padding:2rem;background-color:#1a1a1a;min-height:100vh;color:#fff;max-width:1400px;margin:0 auto 50px}.server-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.server-config-title{font-size:1.2rem;font-weight:700;margin:0;color:#fff}.table-search-container{margin-bottom:1rem}.servers-table-card-server-config{background-color:#2d2d2d;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:1rem;padding-bottom:1rem;font-size:14px;min-width:1300px}.servers-table-title{font-size:1rem;font-weight:600;margin:0;color:#fff}.servers-table-container-server-config{margin-bottom:2rem}.servers-table{width:100%;border-collapse:collapse}.servers-table th{background-color:#374151;padding:1rem;text-align:left;font-weight:600;color:#f9fafb;border-bottom:1px solid #4b5563;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em}.server-name{font-weight:600;color:#fff;font-size:.875rem}.server-type{font-weight:500;color:#8b5cf6;font-size:.875rem;padding:.25rem .75rem;background-color:#8b5cf61a;border-radius:12px;display:inline-block;border:1px solid rgba(139,92,246,.2)}.port-info{color:#8b5cf6;font-size:.875rem;font-weight:600}.status-maintenance{background-color:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.status-pending{background-color:#9ca3af1a;color:#9ca3af;border:1px solid rgba(156,163,175,.2)}.action-button-server-management{background-color:#8b5cf6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.action-button-server-management:hover{background-color:#7c3aed;transform:translateY(-1px)}.action-button-server-management:active{transform:translateY(0)}.dropdown-menu-server-config{position:absolute;top:100%;right:0;background-color:#2d2d2d;border:1px solid #404040;border-radius:8px;box-shadow:0 10px 25px -5px #0000004d;z-index:1000000;min-width:160px;margin-top:.25rem}.dropdown-item-server-config{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;color:#fff;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:.875rem}.dropdown-item-server-config:hover{background-color:#374151}.dropdown-item-server-config:not(:last-child){border-bottom:1px solid #404040}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:#2d2d2d;padding:1.5rem;border-radius:12px;text-align:center;border:1px solid #404040;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #0000004d}.stat-value{font-size:2rem;font-weight:700;color:#8b5cf6;margin-bottom:.5rem}.stat-label{color:#9ca3af;font-size:.875rem;font-weight:500}.add-server-button{background-color:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px #0000001a}.add-server-button:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}@media (max-width: 768px){.server-config-page{padding:1rem}.server-config-header{flex-direction:column;gap:1rem;text-align:center}.server-config-title{font-size:1.5rem}.pagination-info,.pagination-controls{flex-direction:column;align-items:stretch;text-align:center}.pagination-buttons{justify-content:center}.stats-grid{grid-template-columns:1fr}.servers-table{min-width:1200px}.modal-content{width:95%;margin:1rem}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}.cancel-button,.add-button{width:100%}.bottom-connect-section{margin-bottom:2rem}}.bottom-connect-section{display:flex;justify-content:center;margin:3rem 0 2rem;padding:2rem 0;border-top:1px solid #404040}.bottom-connect-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:200px}.bottom-connect-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.bottom-connect-button:active{transform:translateY(0)}.custom-fields-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #404040}.custom-fields-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.custom-fields-header h3{margin:0;color:#fff;font-size:1.1rem;font-weight:600}.add-custom-field-button{background:linear-gradient(135deg,#10b981,#047857);border:none;color:#fff;padding:.5rem 1rem;font-size:.9rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.add-custom-field-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.custom-field-row{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end;margin-bottom:1rem}.remove-custom-field-button{background-color:#ef4444;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;transition:all .2s ease;margin-bottom:1px}.remove-custom-field-button:hover{background-color:#dc2626;transform:scale(1.05)}.no-custom-fields{text-align:center;color:#9ca3af;font-style:italic;padding:2rem;background-color:#374151;border-radius:8px;border:1px dashed #4b5563}@media (max-width: 768px){.custom-field-row{grid-template-columns:1fr;gap:.5rem}.custom-fields-header{flex-direction:column;gap:1rem;align-items:stretch}.add-custom-field-button{width:100%}.form-buttons{flex-direction:column}.cancel-button,.add-button{width:100%}}.config-vms-page{background-color:#1a1a1a;min-height:100vh;padding:2rem;color:#fff;max-width:1400px;margin:0 auto 70px}.config-vms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid #404040;padding-bottom:1rem}.config-vms-title{font-size:1rem;font-weight:700;color:#fff;margin:0}.template-button{background-color:#8b5cf6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-size:.875rem}.template-button:hover{background-color:#7c3aed}.template-button:disabled{background-color:#6b7280;cursor:not-allowed}.error-message{background-color:#dc2626;color:#fff;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:500}.loading-text{font-size:1.125rem;color:#9ca3af}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.servers-table-card-config-vms{background-color:#2d2d2d;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:1rem;padding-bottom:1rem;font-size:14px;min-width:1300px}.servers-table-header{padding:1.5rem;border-bottom:1px solid #404040}.servers-table-title{font-size:1rem;font-weight:600;color:#fff;margin:0}.servers-table-container-config-vms{overflow-x:auto;width:100%}.servers-table{width:100%;border-collapse:collapse;background-color:#2d2d2d;color:#fff}.servers-table th{background-color:#374151;padding:1rem;text-align:left;font-weight:600;color:#f9fafb;border-bottom:1px solid #4b5563;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.servers-table td{padding:.6rem;border-bottom:1px solid #374151;vertical-align:middle;font-size:12px}.servers-table tbody tr{transition:background-color .2s ease;overflow-y:visible}.server-name{font-weight:600;color:#fff;font-size:12px}.port-info{color:#8b5cf6;font-weight:500;font-size:12px}.data-info-non,.server-address{color:#9ca3af;font-size:12px}.server-status{display:inline-flex;align-items:center;font-size:12px;font-weight:500}.action-button-config-vms{background-color:#4b5563;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s ease}.action-button-config-vms:hover{background-color:#6b7280}.dropdown-menu-config-vms{position:absolute;top:100%;right:0;background-color:#374151;border:1px solid #4b5563;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;z-index:1000;min-width:150px;overflow:hidden}.dropdown-item-config-vms{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;color:#fff;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:12px}.dropdown-item-config-vms:hover{background-color:#4b5563}.dropdown-item-config-vms:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.dropdown-item-config-vms:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.pagination-info{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.pagination-buttons{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.pagination-button{background-color:#374151;color:#fff;border:1px solid #4b5563;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s ease;min-width:40px;text-align:center}.pagination-button:disabled{background-color:#1f2937;color:#6b7280;cursor:not-allowed;border-color:#374151}.pagination-button.active{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff;font-weight:600}.pagination-button.active:hover{background-color:#7c3aed;border-color:#7c3aed}@media (max-width: 1400px){.servers-table-card-config-vms{min-width:auto;overflow-x:auto}}@media (max-width: 768px){.config-vms-page{padding:1rem}.config-vms-header{flex-direction:column;gap:1rem;align-items:stretch}.template-button{width:100%;text-align:center}.pagination-controls{flex-direction:column;gap:1rem}.pagination-info,.pagination-buttons{justify-content:center}.servers-table th,.servers-table td{padding:.5rem;font-size:.75rem}}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background-color:#2d2d2d;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;color:#fff}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #404040}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.close-button{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-button:hover{background-color:#374151;color:#fff}.modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #404040}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#f9fafb;font-size:.875rem}.form-input{width:100%;padding:.75rem;background-color:#374151;border:1px solid #4b5563;border-radius:6px;color:#fff;font-size:.875rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-input:disabled{background-color:#1f2937;color:#6b7280;cursor:not-allowed}.add-button{background-color:#8b5cf6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-size:.875rem}.add-button:hover:not(:disabled){background-color:#7c3aed}.add-button:disabled{background-color:#6b7280;cursor:not-allowed}.cancel-button{background-color:#4b5563;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-size:.875rem}.cancel-button:hover:not(:disabled){background-color:#6b7280}.cancel-button:disabled{background-color:#374151;cursor:not-allowed}.loading-spinner{width:40px;height:40px;border:4px solid #374151;border-top:4px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1001;padding:1rem}.success-modal-content{background-color:#2d2d2d;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:400px;color:#fff;text-align:center;padding:2rem}.success-modal-icon{width:64px;height:64px;background-color:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#fff}.success-modal-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .5rem}.success-modal-message{font-size:1rem;color:#9ca3af;margin:0 0 2rem;line-height:1.5}.success-modal-button{background-color:#22c55e;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-size:1rem;min-width:120px}.success-modal-button:hover{background-color:#16a34a}.success-modal-button:focus{outline:none;box-shadow:0 0 0 3px #22c55e4d}.client-management-page{padding:2rem;background-color:#1a1a1a;min-height:100vh;color:#fff;max-width:1600px;margin:0 auto 50px}.client-management-header{margin-bottom:1rem}.client-management-title{font-size:1rem;font-weight:700;margin:0;color:#fff}.search-container{position:relative;max-width:400px;flex:1}.table-search-container{margin-bottom:1rem;margin-top:.5rem}.table-search-container .search-container{max-width:350px}.search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;background-color:#2d2d2d;border:1px solid #404040;border-radius:8px;color:#fff;font-size:.875rem}.search-input::placeholder{color:#9ca3af}.search-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.pagination-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.pagination-stats{color:#9ca3af;font-size:.875rem}.pagination-page-info{color:#9ca3af;font-size:.875rem;font-weight:500}.clients-table-card-client-management{background-color:#2d2d2d;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:.5rem;padding-bottom:.5rem;font-size:14px;width:100%;min-width:1400px}.clients-table-header{padding:.75rem;border-bottom:1px solid #404040;display:flex;justify-content:space-between;align-items:center;margin-right:1.1rem}.clients-table-title{font-size:1rem;font-weight:600;margin:0;color:#fff}.clients-table-container-client-management{margin-bottom:1rem}.clients-table{width:100%;border-collapse:collapse}.clients-table th{background-color:#374151;padding:.6rem .4rem;text-align:left;font-weight:600;color:#f9fafb;border-bottom:1px solid #4b5563;font-size:.65rem;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.clients-table td{padding:.5rem .4rem;border-bottom:1px solid #374151;vertical-align:middle;font-size:10px}.clients-table tbody tr{transition:background-color .2s ease;overflow-y:visible}.clients-table tbody tr:hover{background-color:#374151}.client-type{font-weight:500;color:#8b5cf6;font-size:.7rem;padding:.2rem .5rem;background-color:#8b5cf61a;border-radius:8px;display:inline-block;border:1px solid rgba(139,92,246,.2);max-width:140px}.action-dropdown{position:relative;display:inline-block}.action-button-client-management{background-color:#8b5cf6;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.action-button-client-management:hover{background-color:#7c3aed;transform:translateY(-1px)}.action-button-client-management:active{transform:translateY(0)}.dropdown-trigger{display:flex;align-items:center;justify-content:center;gap:.5rem}.dropdown-menu-client-management{position:absolute;top:100%;right:0;background-color:#2d2d2d;border:1px solid #404040;border-radius:8px;box-shadow:0 10px 25px -5px #0000004d;z-index:1000000;min-width:160px;margin-top:.25rem}.dropdown-item-client-management{display:block;width:100%;padding:.6rem .8rem;background:none;border:none;color:#fff;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:.7rem}.dropdown-item-client-management:hover{background-color:#374151}.dropdown-item-client-management:not(:last-child){border-bottom:1px solid #404040}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.pagination-buttons{display:flex;gap:.5rem;align-items:center}.pagination-button{padding:.5rem 1rem;background-color:#374151;color:#fff;border:1px solid #4b5563;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:44px}.pagination-button:hover:not(:disabled){background-color:#4b5563;border-color:#6b7280}.add-client-button{background-color:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px #0000001a}.add-client-button:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.add-external-user-button{background-color:#f59e0b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px #0000001a}.add-external-user-button:hover{background-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.team-button{background-color:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px #0000001a}.team-button:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:#2d2d2d;border-radius:16px;width:90%;max-width:600px;max-height:90vh;box-shadow:0 25px 50px -12px #00000080;border:1px solid #404040;position:relative;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #404040;background-color:#374151;flex-shrink:0}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.close-button{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-button:hover{background-color:#4b5563;color:#fff;transform:scale(1.1)}.modal-body{padding:2rem;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#4b5563 #2d2d2d;min-height:0}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#2d2d2d}.modal-body::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#6b7280}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-input{padding:.875rem 1rem;background-color:#374151;border:1px solid #4b5563;border-radius:8px;color:#fff;font-size:.875rem;transition:all .2s ease}.form-input::placeholder{color:#9ca3af}.form-input:focus{outline:none;border-color:#8b5cf6;background-color:#2d2d2d;box-shadow:0 0 0 3px #8b5cf61a}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #404040;background-color:#374151;flex-shrink:0}.cancel-button{background-color:#374151;color:#fff;border:1px solid #4b5563;padding:.875rem 1.75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.cancel-button:hover{background-color:#4b5563;border-color:#6b7280;transform:translateY(-1px)}.add-button{background-color:#8b5cf6;color:#fff;border:1px solid #8b5cf6;padding:.875rem 1.75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px #0000001a}.add-button:hover:not(:disabled){background-color:#7c3aed;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.add-button:disabled{background-color:#4b5563;cursor:not-allowed;transform:none;box-shadow:none}.form-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #404040}@media (max-width: 768px){.client-management-page{padding:1rem}.client-management-header{flex-direction:column;gap:1rem;text-align:center}.clients-table-header{flex-direction:column;gap:1rem;align-items:stretch}.client-management-title{font-size:1.5rem}.pagination-info,.pagination-controls{flex-direction:column;align-items:stretch;text-align:center}.pagination-buttons{justify-content:center}.clients-table{min-width:1400px}.modal-content{width:95%;margin:1rem}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}.form-buttons{flex-direction:column}.cancel-button,.add-button{width:100%}}.servers-table-container{margin-bottom:1rem;overflow-x:auto}.servers-table{width:100%;border-collapse:collapse;min-width:1200px}.servers-table th{background-color:#374151;padding:.75rem .5rem;text-align:left;font-weight:600;color:#f9fafb;border-bottom:1px solid #4b5563;font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.servers-table td{padding:.75rem .5rem;border-bottom:1px solid #374151;vertical-align:middle;font-size:.75rem}.servers-table tbody tr{transition:background-color .2s ease}.servers-table tbody tr:hover{background-color:#374151}.servers-table tbody tr.selected-row{background-color:#8b5cf61a;border-left:3px solid #8b5cf6}.server-radio{width:16px;height:16px;accent-color:#8b5cf6;cursor:pointer}.server-sku{font-weight:600;color:#8b5cf6;font-size:.75rem}.server-name{font-weight:500;color:#fff;font-size:.75rem;font-family:monospace}.server-cpu,.server-ram,.server-storage{font-weight:500;color:#10b981;font-size:.75rem;text-align:center}.server-ip{font-family:monospace;color:#06b6d4;font-size:.7rem}.server-serial{font-family:monospace;color:#d1d5db;font-size:.7rem}.status-running{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.status-stopped{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.status-pending{background-color:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.selected-server-info{background-color:#374151;border-radius:8px;padding:1.5rem;margin-bottom:2rem;border:1px solid #4b5563}.selected-server-info h3{margin:0 0 1rem;color:#fff;font-size:1.125rem;font-weight:600}.server-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-size:.875rem}.server-details>div{display:flex;align-items:center;gap:.5rem}.server-details strong{color:#9ca3af;min-width:80px}.server-details .status-badge{font-size:.75rem;padding:.2rem .5rem}.client-view-page{padding:2rem;background-color:#1a1a1a;min-height:100vh;color:#fff;max-width:1600px;margin:0 auto 50px}.client-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem}.client-view-title{font-size:1rem;font-weight:700;margin:0;color:#fff}.back-button{background-color:#374151;color:#fff;border:1px solid #4b5563;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.back-button:hover{background-color:#4b5563;border-color:#6b7280;transform:translateY(-1px)}.loading-container,.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;gap:1rem}.loading-text{color:#9ca3af;font-size:1.125rem}.error-message{background-color:#7f1d1d;border:1px solid #dc2626;color:#fecaca;padding:1rem;border-radius:8px;margin-bottom:1rem}.client-table-card{background-color:#2d2d2d;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:1rem;padding-bottom:.5rem;font-size:14px;width:100%;min-width:1400px}.client-table-header{padding:1rem;border-bottom:1px solid #404040}.client-table-title{font-size:1rem;font-weight:600;margin:0;color:#fff}.client-table-container{margin-bottom:1rem}.client-table{width:100%;border-collapse:collapse}.client-table th{background-color:#374151;padding:.6rem .4rem;text-align:left;font-weight:600;color:#f9fafb;border-bottom:1px solid #4b5563;font-size:.65rem;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.client-table td{padding:.5rem .4rem;border-bottom:1px solid #374151;vertical-align:middle;font-size:10px}.client-table tbody tr{transition:background-color .2s ease}.client-table tbody tr:hover{background-color:#374151}.client-name{font-weight:600;color:#fff;font-size:.75rem}.client-type{font-weight:500;color:#8b5cf6;font-size:.7rem;padding:.2rem .5rem;background-color:#8b5cf61a;border-radius:8px;display:inline-block;border:1px solid rgba(139,92,246,.2)}.client-type-container{position:relative}.client-type-main{display:flex;align-items:center;gap:.5rem}.expand-button{background-color:#6b7280;color:#fff;border:none;border-radius:4px;padding:.1rem .3rem;font-size:.6rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:20px;height:18px;display:flex;align-items:center;justify-content:center}.expand-button:hover{background-color:#4b5563;transform:scale(1.05)}.client-type-expanded{margin-top:.5rem;padding-left:.5rem;border-left:2px solid rgba(139,92,246,.3)}.client-type-item{font-size:.65rem;color:#8b5cf6;padding:.1rem .3rem;margin-bottom:.2rem;background-color:#8b5cf60d;border-radius:4px;border:1px solid rgba(139,92,246,.1)}.client-email{color:#06b6d4;font-size:.75rem;font-weight:500}.balance-info{color:#10b981;font-size:.75rem;font-weight:600}.data-info-non{color:#d1d5db;font-size:.75rem}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-active{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.status-inactive{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.status-pending{background-color:#f59e0b;color:#fff}.detail-button{background-color:transparent;color:#8b5cf6;border:1px solid #8b5cf6;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.detail-button:hover{background-color:#8b5cf6;color:#fff;transform:translateY(-1px)}.expanded-row{background-color:transparent}.expanded-content{padding:.5rem;background-color:#2d2d2d;border-radius:0 0 12px 12px;margin:0 .5rem .5rem;border-top:none}.expanded-section{margin-bottom:.5rem}.expanded-section:last-child{margin-bottom:0}.expanded-section-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #4b5563}.credits-info{display:flex;align-items:center;gap:1rem}.credit-amount{display:flex;align-items:center;gap:.5rem;background-color:transparent;padding:1rem;border-radius:8px;border:1px solid #4b5563}.credit-label{font-size:.875rem;color:#d1d5db;font-weight:500}.credit-value{font-size:1.125rem;font-weight:600;color:#10b981}.servers-table-container{overflow-x:auto}.servers-table{width:100%;border-collapse:collapse;background-color:transparent;border-radius:8px;overflow:hidden;border:1px solid #4b5563}.servers-table th{background-color:#374151;color:#fff;font-weight:600;font-size:.875rem;padding:.75rem;text-align:left}.servers-table td{padding:.75rem;color:#e5e7eb;font-size:.875rem;background-color:transparent}.servers-table tbody tr:hover{background-color:#3741514d}.servers-table tbody tr:last-child td{border-bottom:none}.no-servers-message{background-color:transparent;border:1px solid #4b5563;border-radius:8px;padding:1.5rem;text-align:center;color:#9ca3af;font-size:.875rem}.info-cards-container{display:flex;gap:1rem;margin-top:1.3rem;flex-wrap:wrap}.info-card{background-color:#2a2929;border-radius:12px;padding:.6rem;box-shadow:0 4px 12px #0003;transition:transform .2s ease,box-shadow .2s ease;width:240px;min-height:180px;border:1px solid #404040;display:flex;flex-direction:column;justify-content:space-between}.info-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #0000004d}.info-card-header{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #404040}.info-card-title{font-size:1rem;font-weight:600;margin:0;color:#fff;letter-spacing:.025em;text-align:center}.edit-button{background-color:#8b5cf6;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.75rem;font-weight:500;box-shadow:0 2px 4px #0000001a;margin-top:1rem;width:100%}.edit-button:hover{background-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.info-card-content{display:flex;flex-direction:column;gap:.5rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:0}.info-item:last-child{border-bottom:none}.info-label{font-size:.875rem;color:#9ca3af;font-weight:400;letter-spacing:.01em}.info-value{font-size:.875rem;color:#fff;font-weight:500;text-align:right}.info-value.balance{color:#10b981;font-size:1rem;font-weight:600}.info-value.line-amount{color:#f59e0b;font-weight:600;font-size:.875rem}.product-selection-section{margin-top:2rem}.product-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;border-bottom:2px solid #404040}.product-section-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.done-button{background-color:#4a4a4a;color:#fff;border:1px solid #555555;padding:.75rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500}.done-button:hover{background-color:#525252}.product-categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem}.product-category-card{background-color:#2a2929;border-radius:14px;padding:1rem;box-shadow:0 4px 12px #0003;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #404040;display:flex;flex-direction:column;justify-content:space-between}.product-category-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #0000004d}.category-header{text-align:center}.category-title{font-size:1rem;font-weight:700;color:#fff;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.category-stats{display:flex;flex-direction:column;gap:.5rem}.deployed{font-size:.7rem;font-weight:600;display:flex;justify-content:space-between;gap:.5rem}.available{font-size:.75rem;font-weight:600;display:flex;justify-content:space-between;gap:.5rem}.available.more-items{color:#6b7280;font-style:italic;font-size:.7rem;font-weight:500}.available.more-items span{color:#6b7280}.loading,.no-data{color:#6b7280;font-style:italic;font-size:.7rem;text-align:center;padding:.5rem 0}@media (max-width: 1400px){.product-categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.product-categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.product-categories-grid{grid-template-columns:1fr}}.vms-table-section{margin-top:2rem;background-color:#2a2929;border-radius:12px;padding:1.5rem;border:1px solid #404040}.vms-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #404040}.vms-table-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.close-table-button{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.close-table-button:hover{color:#ef4444;background-color:#ef44441a}.vm-loading{text-align:center;color:#9ca3af;padding:2rem;font-size:1rem}.vms-table-container{overflow-x:auto;margin-bottom:1.5rem}.vms-table{width:100%;border-collapse:collapse;background-color:#1f1f1f;border-radius:8px;overflow:hidden}.vms-table th{background-color:#374151;color:#f9fafb;padding:1rem;text-align:left;font-weight:600;font-size:.875rem;border-bottom:1px solid #4b5563}.vms-table td{padding:1rem;border-bottom:1px solid #374151;color:#d1d5db;font-size:.875rem}.vms-table tbody tr:hover{background-color:#374151}.vms-table input[type=checkbox]{width:16px;height:16px;cursor:pointer}.vms-table-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #404040}.pagination{display:flex;align-items:center;gap:1rem}.pagination-btn{background-color:#4a4a4a;color:#fff;border:1px solid #555555;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.875rem}.pagination-btn:hover{background-color:#525252}.pagination-current{background-color:#8b5cf6;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500}.table-actions{display:flex;gap:1rem}.reset-button{background-color:#4a4a4a;color:#fff;border:1px solid #555555;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500}.reset-button:hover{background-color:#525252}.add-selected-button{background-color:#8b5cf6;color:#fff;border:1px solid #8b5cf6;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500}.add-selected-button:hover:not(:disabled){background-color:#7c3aed}.add-selected-button:disabled{background-color:#4b5563;border-color:#4b5563;cursor:not-allowed;opacity:.6}@media (max-width: 1200px){.info-cards-container{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width: 768px){.client-view-page{padding:1rem}.client-view-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-left{flex-direction:column;align-items:flex-start;gap:.5rem}.client-view-title{font-size:1.25rem}.client-table{min-width:1200px}.info-card{padding:1rem}.info-card-title{font-size:1rem}.edit-button{padding:.4rem .8rem;font-size:.8rem}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.info-value{text-align:left}}.client-detail-edit-section{margin-top:2rem}.client-detail-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #404040}.client-detail-section-title{font-size:1.5rem;font-weight:600;margin:0;color:#fff}.cancel-button{background-color:#6b7280;color:#fff;border:1px solid #6b7280;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.cancel-button:hover{background-color:#4b5563;border-color:#4b5563;transform:translateY(-1px)}.client-detail-form-container{background-color:#2d2d2d;border-radius:12px;padding:2rem;border:1px solid #404040}.client-detail-form{max-width:1200px;margin:0 auto}.form-section{margin-bottom:3rem}.form-section:last-of-type{margin-bottom:2rem}.form-section-title{font-size:1.25rem;font-weight:600;color:#8b5cf6;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:1px solid #404040}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.875rem;font-weight:600;color:#fff;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{padding:.875rem 1rem;background-color:#374151;border:1px solid #4b5563;border-radius:8px;color:#fff;font-size:.875rem;transition:all .2s ease;font-family:inherit}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#8b5cf6;background-color:#2d2d2d;box-shadow:0 0 0 3px #8b5cf61a}.form-textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #404040}.cancel-form-button{background-color:#374151;color:#fff;border:1px solid #4b5563;padding:.875rem 2rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;min-width:120px}.cancel-form-button:hover{background-color:#4b5563;border-color:#6b7280;transform:translateY(-1px)}.save-form-button{background-color:#8b5cf6;color:#fff;border:1px solid #8b5cf6;padding:.875rem 2rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px #0000001a;min-width:140px}.save-form-button:hover{background-color:#7c3aed;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}@media (max-width: 768px){.client-detail-section-header{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.client-detail-form-container{padding:1.5rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:.75rem}.cancel-form-button,.save-form-button{width:100%}}.account-edit-section{margin-top:1rem}.ar-transactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #404040}.ar-transactions-title{font-size:1rem;font-weight:600;margin:0;color:#fff;letter-spacing:.05em}.new-ar-button{background-color:#8b5cf6;color:#fff;border:1px solid #8b5cf6;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.new-ar-button:hover{background-color:#7c3aed;border-color:#7c3aed;transform:translateY(-1px)}.ar-transactions-container{background-color:#2d2d2d;border-radius:12px;border:1px solid #404040;overflow:hidden}.ar-transactions-table-wrapper{overflow-x:auto;max-height:70vh;overflow-y:auto;position:relative}.ar-transactions-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:1200px;table-layout:fixed}.ar-transactions-table thead{background-color:#374151;position:sticky;top:0;z-index:10}.ar-transactions-table th{padding:1rem .75rem;text-align:left;font-weight:600;color:#f9fafb;border-bottom:1px solid #4b5563;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ar-transactions-table th:nth-child(1){width:130px}.ar-transactions-table th:nth-child(2){width:140px}.ar-transactions-table th:nth-child(3){width:120px}.ar-transactions-table th:nth-child(4){width:140px}.ar-transactions-table th:nth-child(5){width:110px}.ar-transactions-table th:nth-child(6){width:140px}.ar-transactions-table th:nth-child(7){width:140px}.ar-transactions-table th:nth-child(8){width:140px}.ar-transactions-table th:nth-child(9){width:120px}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.ar-transactions-table th:has(.sortable-header):hover{background-color:#4b5563}.sortable-header{display:inline-flex;align-items:center;gap:.5rem;width:100%}.sort-arrow{font-size:.75rem;color:#9ca3af;transition:color .2s ease}.ar-transactions-table th:hover .sort-arrow{color:#fff}.ar-transactions-table td{padding:.875rem .75rem;border-bottom:1px solid #374151;vertical-align:middle;color:#e5e7eb;text-overflow:ellipsis;white-space:nowrap}.ar-transactions-table tbody tr{transition:background-color .2s ease}.ar-transactions-table tbody tr:hover{background-color:#374151}.document-num{font-weight:500;color:#8b5cf6}.amount{text-align:right;font-weight:600;font-family:Monaco,Menlo,monospace}.ar-transactions-footer{padding:1.5rem;background-color:#374151;border-top:1px solid #4b5563;display:flex;justify-content:flex-end}.cancel-ar-button{background-color:#6b7280;color:#fff;border:1px solid #6b7280;padding:.75rem 2rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;min-width:100px}.cancel-ar-button:hover{background-color:#4b5563;border-color:#4b5563;transform:translateY(-1px)}@media (max-width: 768px){.ar-transactions-header{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.ar-transactions-title{font-size:1.25rem}.new-ar-button{width:100%}.ar-transactions-table-wrapper{max-height:60vh}.ar-transactions-table th,.ar-transactions-table td{padding:.5rem .375rem;font-size:.75rem}.ar-transactions-footer{padding:1rem}.cancel-ar-button{width:100%}}.ar-action-dropdown{position:relative;display:inline-block}.ar-action-button{background-color:#8b5cf6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:90px;display:flex;align-items:center;justify-content:center;gap:.25rem}.ar-action-button:hover{background-color:#7c3aed;transform:translateY(-1px)}.ar-dropdown-menu{position:absolute;top:100%;left:12%;transform:translate(-50%);background-color:#2d2d2d;border:1px solid #404040;border-radius:8px;box-shadow:0 10px 25px -5px #0006;z-index:9999999999;min-width:160px;overflow:hidden;margin-top:4px}.ar-dropdown-item{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;color:#fff;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:.875rem}.ar-dropdown-item:hover{background-color:#374151}.ar-dropdown-item:not(:last-child){border-bottom:1px solid #404040}.vm-name-popup-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vm-name-popup{background-color:#2d2d2d;border-radius:12px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;width:90%;max-width:500px;max-height:90vh;overflow:hidden;animation:popup-fade-in .3s ease-out}@keyframes popup-fade-in{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.vm-name-popup-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #404040}.vm-name-popup-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.vm-name-popup-content{padding:1.5rem}.vm-name-popup-info{margin-bottom:1.5rem}.vm-name-popup-info p{color:#d1d5db;margin:0 0 1rem;font-size:.875rem}.selected-vm-info{background-color:#374151;padding:.75rem;border-radius:6px;margin-bottom:.5rem;font-size:.875rem;color:#e5e7eb}.selected-vm-info strong{color:#fff;margin-right:.5rem}.vm-name-input-group{margin-bottom:1rem}.vm-name-label{display:block;font-size:.875rem;font-weight:500;color:#e5e7eb;margin-bottom:.5rem}.vm-name-input{width:100%;padding:.75rem;background-color:#374151;border:1px solid #4b5563;border-radius:6px;color:#fff;font-size:.875rem;transition:border-color .2s ease}.vm-name-input::placeholder{color:#9ca3af}.vm-name-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.advanced-toggle-row{margin:.25rem 0 .75rem;display:flex;justify-content:flex-start}.advanced-toggle-button{background:transparent;color:#a78bfa;border:none;padding:0;font-size:.875rem;cursor:pointer}.advanced-toggle-button:hover{text-decoration:underline}.advanced-settings-container{background-color:#1f2937;border:1px solid #374151;border-radius:8px;padding:.75rem;margin-bottom:.75rem}.public-ip-row{margin-bottom:.75rem}.public-ip-controls{display:flex;gap:.5rem;align-items:center}.public-ip-dropdown{position:relative;flex:1 1 auto}.public-ip-toggle{width:100%;text-align:left;padding:.6rem .75rem;background-color:#111827;border:1px solid #374151;border-radius:6px;color:#fff;font-size:.85rem;display:flex;justify-content:space-between;align-items:center}.public-ip-toggle:disabled{color:#9ca3af}.public-ip-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background-color:#111827;border:1px solid #374151;border-radius:8px;box-shadow:0 10px 15px #0000004d;max-height:200px;overflow-y:auto;z-index:20}.public-ip-item{width:100%;text-align:left;padding:.5rem .75rem;background:transparent;color:#e5e7eb;border:none;cursor:pointer}.public-ip-item:hover{background-color:#1f2937}.public-ip-item.selected{background-color:#312e81}.chevron{transition:transform .15s ease}.chevron.open{transform:rotate(180deg)}.verify-button{background-color:#2563eb;color:#fff;border:1px solid #2563eb;padding:.6rem .9rem;border-radius:6px;cursor:pointer;font-size:.85rem}.verify-button:disabled{background-color:#475569;border-color:#475569;cursor:not-allowed}.advanced-error{color:#fca5a5;font-size:.8rem;margin-top:.25rem}.advanced-result{font-size:.8rem;margin-top:.25rem;padding:.4rem .5rem;border-radius:6px}.advanced-result.success{background-color:#064e3b;color:#d1fae5;border:1px solid #10b981}.advanced-result.error{background-color:#7f1d1d;color:#fecaca;border:1px solid #dc2626}.advanced-form-group{margin-bottom:.5rem}.advanced-label{display:block;font-size:.8rem;color:#e5e7eb;margin-bottom:.35rem}.vm-advanced-input{width:100%;padding:.6rem;background-color:#111827;border:1px solid #374151;border-radius:6px;color:#fff;font-size:.85rem}.vm-advanced-input::placeholder{color:#9ca3af}.advanced-hint{font-size:.75rem;color:#9ca3af}.ports-row{margin-top:.75rem}.ports-controls{display:flex;gap:.5rem;align-items:center}.add-port-button{background-color:#10b981;color:#06291f;border:1px solid #10b981;padding:.55rem .9rem;border-radius:6px;cursor:pointer;font-size:.85rem}.add-port-button:hover{filter:brightness(.95)}.ports-chips{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.4rem}.port-chip{background-color:#1f2937;color:#e5e7eb;border:1px solid #374151;border-radius:9999px;padding:.25rem .6rem;display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem}.remove-port{background:transparent;color:#9ca3af;border:none;cursor:pointer;font-size:.9rem}.remove-port:hover{color:#f87171}.vm-assignment-message{padding:.75rem;border-radius:6px;margin-top:1rem;font-size:.875rem;font-weight:500}.vm-assignment-success{background-color:#065f46;border:1px solid #10b981;color:#d1fae5}.vm-assignment-error{background-color:#7f1d1d;border:1px solid #dc2626;color:#fecaca}.vm-name-popup-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid #404040;display:flex;justify-content:flex-end;gap:.75rem}.vm-name-cancel-button{background-color:transparent;color:#9ca3af;border:1px solid #4b5563;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.vm-name-cancel-button:hover{background-color:#374151;color:#e5e7eb;border-color:#6b7280}.vm-name-confirm-button{background-color:#8b5cf6;color:#fff;border:1px solid #8b5cf6;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.vm-name-confirm-button:hover:not(:disabled){background-color:#7c3aed;border-color:#7c3aed;transform:translateY(-1px)}.vm-name-confirm-button:disabled{background-color:#4b5563;border-color:#4b5563;color:#9ca3af;cursor:not-allowed;transform:none}@media (max-width: 768px){.vm-name-popup{width:95%;margin:1rem}.vm-name-popup-header,.vm-name-popup-content,.vm-name-popup-footer{padding:1rem}.vm-name-popup-footer{flex-direction:column}.vm-name-cancel-button,.vm-name-confirm-button{width:100%}}@media (max-width: 768px){.expanded-content{padding:1rem}.expanded-section{margin-bottom:1.5rem}.credits-info{flex-direction:column;align-items:flex-start}.credit-amount{width:100%}.servers-table{font-size:.75rem}.servers-table th,.servers-table td{padding:.5rem}}.social-networks-page{min-height:100vh;color:#fff;padding:2rem 0rem;padding-bottom:120px;max-width:1400px;margin:0 auto}.social-networks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.social-networks-title{display:flex;align-items:center;gap:1rem;font-size:1.2rem;font-weight:600;color:#fff;margin:0}.back-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;font-size:1.25rem}.back-button:hover{color:#fff;background-color:#374151}.create-post-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.create-post-button:hover{background-color:#7c3aed}.platform-filter-section{margin-bottom:.8rem;background:linear-gradient(135deg,#1f1f1f,#2a2a2a);border-radius:16px;padding:1.5rem;border:1px solid #333;box-shadow:0 8px 32px #0000004d}.platform-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #404040}.filter-title{font-size:1rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.active-platform-indicator{font-size:.875rem;color:#9ca3af}.current-platform{color:#fff;font-weight:600;margin-left:.25rem}.platform-tags{display:flex;flex-wrap:wrap;gap:1rem}.platform-card{width:100px;position:relative;padding:.5rem;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem;overflow:hidden;transform:translateY(0);box-shadow:0 4px 16px #0003;border:2px solid transparent}.platform-card-add{width:100px;position:relative;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);flex-direction:column;text-align:center;gap:.7rem;overflow:hidden;transform:translateY(0);box-shadow:0 4px 16px #0003;border:2px solid transparent;background-color:#2a2a2a;border:2px dashed #404040;color:#9ca3af;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1.25rem;font-weight:300;display:flex;align-items:center;justify-content:center}.platform-card-add:hover{background-color:#374151;border-color:#555;color:#fff}.platform-card-add span{font-size:2.5rem;font-weight:600;color:#6f6e6e}.platform-card-inactive{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#718096}.platform-card-inactive:hover{transform:translateY(-4px);border-color:#a0aec0;background:linear-gradient(135deg,#5a6a7a,#3d4852);box-shadow:0 8px 32px #0006}.platform-card-active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;color:#fff;transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf64d}.platform-card-active:hover{transform:translateY(-6px);box-shadow:0 16px 48px #8b5cf666}.platform-icon{width:2.5rem;height:2.5rem;z-index:2;position:relative;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));object-fit:contain;border-radius:8px}.platform-name{font-size:.9rem;font-weight:600;z-index:2;position:relative;color:inherit}.platform-card-inactive .platform-name{color:#e2e8f0}.platform-card-active .platform-name{color:#fff}.platform-stats{font-size:.75rem;opacity:.8;z-index:2;position:relative;font-weight:500}.platform-card-inactive .platform-stats{color:#cbd5e0}.platform-card-active .platform-stats{color:#ffffffe6}.platform-card[style*="#ff0050"]{--platform-color-rgb: 255, 0, 80}.platform-card[style*="#1877f2"]{--platform-color-rgb: 24, 119, 242}.platform-card[style*="#0077b5"]{--platform-color-rgb: 0, 119, 181}.platform-card[style*="#1da1f2"]{--platform-color-rgb: 29, 161, 242}.social-networks-table-container{background:linear-gradient(135deg,#1f1f1f,#2a2a2a);border:1px solid #333;border-radius:16px;box-shadow:0 8px 32px #0000004d}.social-networks-table{width:100%;border-collapse:collapse}.social-networks-table th{color:#e5e7eb;padding:1.25rem 1rem;text-align:left;font-weight:600;font-size:.875rem;border-bottom:1px solid #404040;position:relative}.social-networks-table th:first-child{padding-left:2rem}.social-networks-table td{padding:1.25rem 1rem;border-bottom:1px solid #333;color:#fff;font-size:.875rem;transition:all .2s ease}.social-networks-table td:first-child{padding-left:2rem}.social-networks-table tbody tr{transition:all .2s ease;position:relative;z-index:1}.social-networks-table tbody tr:hover{background:linear-gradient(135deg,#2a2a2a,#333);box-shadow:0 4px 16px #0003;z-index:2}.social-networks-table tbody tr:has(.action-dropdown-container.open){z-index:10002}.social-networks-table tr:last-child td{border-bottom:none}.social-networks-table td span{font-weight:500}.social-networks-table td span:contains("K"),.social-networks-table td span:contains("M"){background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.platform-name{font-weight:600;color:#fff}.post-title{color:#fff}.action-dropdown-container{position:relative;display:inline-block;z-index:1}.action-dropdown-container.open{z-index:10001}.action-dropdown-button{background-color:#2a2a2a;border:1px solid #404040;color:#9ca3af;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.action-dropdown-button:hover{color:#fff;border-color:#555;background-color:#374151}.action-dropdown-menu{position:absolute;top:100%;right:0;background-color:#2a2a2a;border:1px solid #404040;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10000;min-width:120px;margin-top:.25rem}.action-dropdown-item{display:block;width:100%;padding:.5rem .75rem;background:none;border:none;color:#9ca3af;text-align:left;cursor:pointer;transition:all .2s ease;font-size:.875rem;border-bottom:1px solid #404040}.action-dropdown-item:last-child{border-bottom:none}.action-dropdown-item:hover{background-color:#374151;color:#fff}.action-dropdown-item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.action-dropdown-item:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.pagination-controls{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background-color:#1f1f1f;border-top:1px solid #333}.pagination-buttons{display:flex;align-items:center;gap:.5rem}.pagination-button{background-color:#2a2a2a;border:1px solid #404040;color:#fff;padding:.5rem .75rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.pagination-button:hover:not(:disabled){background-color:#374151;border-color:#555}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button.active{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff}.pagination-items-per-page{color:#9ca3af;font-size:.875rem}@media (max-width: 1024px){.social-networks-page{padding:1rem;padding-bottom:120px}.social-networks-header{flex-direction:column;align-items:flex-start;gap:1rem}.create-post-button{align-self:flex-end}.platform-filter-section{padding:1.5rem}.platform-filter-header{flex-direction:column;align-items:flex-start;gap:.5rem}.platform-tags{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.social-networks-table-container{overflow-x:auto}.social-networks-table{min-width:800px}.social-networks-header{flex-direction:column;align-items:stretch}.create-post-button{align-self:stretch}.platform-filter-section{padding:1rem}.platform-tags{grid-template-columns:1fr}.platform-card{padding:1rem}.platform-icon{width:2rem;height:2rem}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.create-post-modal{background-color:#2a2a2a;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid #404040}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #404040}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden}.avatar-placeholder{width:100%;height:100%;background-color:#6b7280;border-radius:50%}.user-details{display:flex;flex-direction:column}.user-name{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.permission-settings{font-size:.875rem;color:#9ca3af}.modal-close-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;font-size:1.5rem;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{color:#fff;background-color:#374151}.modal-content-social-networks{padding:1.5rem}.post-textarea{width:100%;min-height:120px;background-color:transparent;border:none;color:#fff;font-size:1.125rem;line-height:1.6;resize:vertical;outline:none;margin-bottom:1rem}.post-textarea::placeholder{color:#6b7280}.post-actions{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #404040}.post-tools{display:flex;gap:.5rem}.tool-button{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:1.25rem}.tool-button:hover{background-color:#374151}.platform-selection{margin-bottom:1.5rem}.selection-label{font-size:.875rem;color:#9ca3af;margin-bottom:1rem}.platform-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.platform-button{padding:.5rem 1rem;border:1px solid #404040;background-color:#1f1f1f;color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;position:relative}.platform-button:hover:not(.selected){background-color:#374151;border-color:#555}.platform-button.selected{background-color:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important}.platform-button.selected:hover{background-color:#7c3aed!important;border-color:#7c3aed!important}.modal-footer-social-networks{display:flex;justify-content:flex-end;gap:.75rem}.post-submit-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:.75rem 2rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.post-submit-button:hover:not(:disabled){background-color:#7c3aed}.post-submit-button:disabled{background-color:#4b5563;cursor:not-allowed;opacity:.6}.post-cancel-button{background-color:transparent;color:#9ca3af;border:1px solid #4b5563;border-radius:8px;padding:.75rem 2rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.post-cancel-button:hover{background-color:#374151;border-color:#6b7280;color:#e5e7eb}@media (max-width: 768px){.modal-overlay{padding:.5rem}.create-post-modal{max-width:100%;margin:0}.modal-header,.modal-content{padding:1rem}.platform-buttons{gap:.5rem}.platform-button{flex:1;min-width:calc(50% - .25rem)}}.startuphr-page{min-height:100vh;color:#fff;padding:2rem 0rem;padding-bottom:120px;max-width:1400px;margin:0 auto}.startuphr-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.startuphr-title{display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:600;color:#fff;margin:0}.startuphr-back-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;font-size:1.25rem}.startuphr-back-button:hover{color:#fff;background-color:#374151}.startuphr-create-lead-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.startuphr-create-lead-button:hover{background-color:#7c3aed}.startuphr-search-section{margin-bottom:1.5rem}.startuphr-search-container{position:relative;max-width:500px}.startuphr-search-input{width:100%;background-color:#2a2a2a;color:#fff;border:1px solid #404040;border-radius:8px;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem;outline:none;transition:all .2s ease}.startuphr-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.startuphr-search-input::placeholder{color:#9ca3af}.startuphr-search-icon{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1rem;pointer-events:none}.startuphr-table-container{background-color:#1f1f1f;border:1px solid #333;border-radius:12px;overflow:hidden}.startuphr-table{width:100%;border-collapse:collapse}.startuphr-table th{background-color:#2a2a2a;color:#9ca3af;padding:1rem;text-align:left;font-weight:500;font-size:.875rem;border-bottom:1px solid #404040}.startuphr-table th:first-child{padding-left:2rem}.startuphr-table td{padding:1rem;border-bottom:1px solid #333;color:#fff;font-size:.875rem}.startuphr-table td:first-child{padding-left:2rem}.startuphr-table tr:hover{background-color:#2a2a2a}.startuphr-table tr:last-child td{border-bottom:none}.startuphr-company-name{font-weight:600;color:#fff}.startuphr-contact-name{color:#fff}.startuphr-email{color:#9ca3af}.startuphr-industry{color:#a78bfa;font-weight:500}.startuphr-status-indicator{display:inline-flex;align-items:center;gap:6px;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.startuphr-status-indicator.ok{background:#0f172a;color:#22c55e;border:1px solid #14532d}.startuphr-status-indicator.unread{background:#1f1333;color:#c084fc;border:1px solid #6d28d9}.startuphr-lead-score{font-weight:600;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.startuphr-lead-score.score-high{background-color:#065f46;color:#10b981}.startuphr-lead-score.score-medium{background-color:#78350f;color:#f59e0b}.startuphr-lead-score.score-low{background-color:#7f1d1d;color:#ef4444}.startuphr-status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.startuphr-status-badge.status-hot{background-color:#dc2626;color:#fff}.startuphr-status-badge.status-warm{background-color:#f59e0b;color:#fff}.startuphr-status-badge.status-cold{background-color:#6b7280;color:#fff}.startuphr-action-dropdown-container{position:relative;display:inline-block}.startuphr-action-dropdown-button{background-color:#2a2a2a;border:1px solid #404040;color:#9ca3af;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.startuphr-action-dropdown-button:hover{color:#fff;border-color:#555;background-color:#374151}.startuphr-action-dropdown-menu{position:absolute;top:100%;right:0;background-color:#2a2a2a;border:1px solid #404040;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:150px;margin-top:.25rem}.startuphr-action-dropdown-item{display:block;width:100%;padding:.5rem .75rem;background:none;border:none;color:#9ca3af;text-align:left;cursor:pointer;transition:all .2s ease;font-size:.875rem;border-bottom:1px solid #404040}.startuphr-action-dropdown-item:last-child{border-bottom:none}.startuphr-action-dropdown-item:hover{background-color:#374151;color:#fff}.startuphr-action-dropdown-item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.startuphr-action-dropdown-item:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.startuphr-pagination-controls{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background-color:#1f1f1f;border-top:1px solid #333}.startuphr-pagination-buttons{display:flex;align-items:center;gap:.5rem}.startuphr-pagination-button{background-color:#2a2a2a;border:1px solid #404040;color:#fff;padding:.5rem .75rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.startuphr-pagination-button:hover:not(:disabled){background-color:#374151;border-color:#555}.startuphr-pagination-button:disabled{opacity:.5;cursor:not-allowed}.startuphr-pagination-button.active{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff}.startuphr-pagination-items-per-page{color:#9ca3af;font-size:.875rem}.startuphr-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.startuphr-create-lead-modal{background-color:#2a2a2a;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;border:1px solid #404040}.startuphr-details-modal{background-color:#1f1f1f;border:1px solid #333;border-radius:12px;width:60vw;max-width:1400px;height:80vh;display:flex;flex-direction:column;overflow:hidden}.startuphr-compose-modal{background:#1f1f1f;border:1px solid #333;border-radius:12px;width:560px;max-width:90vw;display:flex;flex-direction:column;overflow:hidden}.startuphr-compose-header{display:flex;align-items:center;justify-content:space-between;background:#2a2a2a;border-bottom:1px solid #333;padding:.75rem 1rem}.startuphr-compose-title{font-weight:600}.startuphr-compose-fields{padding:.75rem 1rem .25rem}.startuphr-compose-row{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:.5rem;margin-bottom:.5rem}.startuphr-compose-label{color:#9ca3af}.startuphr-compose-input{background:#151515;border:1px solid #333;color:#e5e7eb;border-radius:6px;padding:.5rem .6rem}.startuphr-compose-inline-actions{display:flex;gap:.5rem}.startuphr-link{background:transparent;border:none;color:#8b5cf6;cursor:pointer}.startuphr-compose-body{background:#151515;border:1px solid #333;color:#e5e7eb;margin:.5rem 1rem 0;height:240px;border-radius:6px;padding:.75rem;resize:vertical}.startuphr-compose-footer{display:flex;gap:.5rem;padding:.75rem 1rem 1rem}.startuphr-details-header{background-color:#2a2a2a}.startuphr-details-content{display:grid;grid-template-columns:340px 1fr;min-height:520px;flex:1 1 auto;overflow:hidden}.startuphr-threads-pane{border-right:1px solid #333;background-color:#151515;overflow-y:auto;height:100%}.startuphr-thread-item{width:100%;text-align:left;padding:.875rem 1rem;border:none;background:transparent;color:#fff;cursor:pointer;border-bottom:1px solid #232323}.startuphr-thread-item:hover{background-color:#222}.startuphr-thread-item.active{background-color:#2a2a2a}.startuphr-thread-subject{font-weight:600}.startuphr-thread-snippet{color:#9ca3af;font-size:.85rem;margin-top:2px}.startuphr-thread-meta{color:#a3a3a3;font-size:.75rem;margin-top:6px}.startuphr-threads-empty{color:#9ca3af;padding:1rem}.startuphr-conversation-pane{overflow-y:auto;height:100%}.startuphr-conversation{display:flex;flex-direction:column;height:100%}.startuphr-conversation-header{padding:1rem 1.25rem;border-bottom:1px solid #333;font-weight:600}.startuphr-conversation-messages{padding:1rem 1.25rem}.startuphr-message{padding:.75rem 0;border-bottom:1px solid #262626}.startuphr-message:last-child{border-bottom:none}.startuphr-message-meta{display:flex;gap:.5rem;color:#a3a3a3;font-size:.8rem}.startuphr-message-sender{color:#e5e7eb;font-weight:600}.startuphr-message-body{margin-top:.5rem;white-space:pre-wrap;line-height:1.8}.startuphr-message.collapsed .startuphr-message-body{display:none}.startuphr-message-toggle{display:block;width:100%;text-align:left;background:transparent;border:none;padding:0;cursor:pointer}.startuphr-message-snippet{color:#c7c7c7;margin-top:4px}.startuphr-message-header{display:flex;align-items:flex-start;gap:.75rem}.startuphr-avatar{width:28px;height:28px;border-radius:999px;background:#374151;color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.startuphr-header-main{flex:1}.startuphr-header-row{display:flex;align-items:baseline;gap:.5rem}.startuphr-header-row.small{margin-top:2px;font-size:.8rem;color:#a3a3a3}.startuphr-message-email,.startuphr-to-label{color:#9ca3af}.startuphr-recips{color:#d1d5db}.startuphr-conversation-empty{color:#9ca3af;padding:1.25rem}.startuphr-message-actions{display:flex;gap:.5rem;margin-top:.75rem}.startuphr-inline-reply{margin-top:.75rem;background:#111827;border:1px solid #2b2b2b;border-radius:8px;padding:.75rem}.startuphr-inline-row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:.5rem;margin-bottom:.5rem}.startuphr-inline-label{color:#9ca3af}.startuphr-inline-input{background:#0b0b0b;border:1px solid #333;color:#e5e7eb;border-radius:6px;padding:.5rem .6rem}.startuphr-inline-body{background:#0b0b0b;border:1px solid #333;color:#e5e7eb;border-radius:6px;padding:.75rem;width:100%;resize:vertical;min-height:140px}.startuphr-inline-toolbar{display:flex;align-items:center;gap:.5rem;color:#c7c7c7;font-size:.9rem;padding:.5rem 0}.startuphr-toolbar-icon{padding:.25rem .4rem;border-radius:4px;background:#1f1f1f;border:1px solid #333}.startuphr-inline-actions{display:flex;gap:.5rem}.startuphr-btn{background-color:#2a2a2a;border:1px solid #404040;color:#e5e7eb;padding:.5rem .9rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem}.startuphr-btn:hover:not(:disabled){background-color:#323232;border-color:#525252}.startuphr-btn:disabled{opacity:.6;cursor:not-allowed}.startuphr-btn-primary{background-color:#8b5cf6;border-color:#7c3aed;color:#fff}.startuphr-btn-primary:hover:not(:disabled){background-color:#7c3aed}@media (max-width: 900px){.startuphr-details-content{grid-template-columns:1fr}.startuphr-threads-pane{max-height:240px}}.startuphr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #404040}.startuphr-modal-title{font-size:1.25rem;font-weight:600;color:#fff}.startuphr-modal-close-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;font-size:1.5rem;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.startuphr-modal-close-button:hover{color:#fff;background-color:#374151}.startuphr-modal-content{padding:1.5rem}.startuphr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.startuphr-form-group{display:flex;flex-direction:column;gap:.5rem}.startuphr-form-group-full{grid-column:1 / -1}.startuphr-form-label{color:#d1d5db;font-size:.875rem;font-weight:500}.startuphr-form-input,.startuphr-form-select,.startuphr-form-textarea{background-color:#1f1f1f;border:1px solid #404040;color:#fff;padding:.75rem;border-radius:6px;font-size:.875rem;outline:none;transition:all .2s ease}.startuphr-form-input:focus,.startuphr-form-select:focus,.startuphr-form-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.startuphr-form-input::placeholder,.startuphr-form-textarea::placeholder{color:#6b7280}.startuphr-form-select{cursor:pointer}.startuphr-form-textarea{resize:vertical;min-height:80px}.startuphr-modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.startuphr-cancel-button{background-color:transparent;color:#9ca3af;border:1px solid #404040;border-radius:6px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.startuphr-cancel-button:hover{background-color:#374151;color:#fff;border-color:#555}.startuphr-submit-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.startuphr-submit-button:hover:not(:disabled){background-color:#7c3aed}.startuphr-submit-button:disabled{background-color:#4b5563;cursor:not-allowed;opacity:.6}@media (max-width: 1024px){.startuphr-page{padding:1rem;padding-bottom:120px}.startuphr-header{flex-direction:column;align-items:flex-start;gap:1rem}.startuphr-create-lead-button{align-self:flex-end}}@media (max-width: 768px){.startuphr-table-container{overflow-x:auto}.startuphr-table{min-width:1000px}.startuphr-header{flex-direction:column;align-items:stretch}.startuphr-create-lead-button{align-self:stretch}.startuphr-form-grid{grid-template-columns:1fr}.startuphr-modal-overlay{padding:.5rem}.startuphr-create-lead-modal{max-width:100%;margin:0}.startuphr-modal-header,.startuphr-modal-content{padding:1rem}.startuphr-modal-footer{flex-direction:column;gap:.75rem}.startuphr-cancel-button,.startuphr-submit-button{width:100%}}.developer-ide-page{min-height:100vh;color:#fff;padding:2rem 0rem;padding-bottom:120px;max-width:1400px;margin:0 auto}.developer-ide-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.developer-ide-title{display:flex;align-items:center;gap:1rem;font-size:1rem;font-weight:600;color:#fff;margin:0}.developeride-back-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;font-size:1.25rem}.developeride-back-button:hover{color:#fff;background-color:#374151}.developeride-create-post-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.developeride-create-post-button:hover{background-color:#7c3aed}.developeride-platform-filter-section{margin-bottom:.8rem;background:linear-gradient(135deg,#1f1f1f,#2a2a2a);border-radius:16px;padding:1.5rem;border:1px solid #333;box-shadow:0 8px 32px #0000004d}.developeride-platform-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #404040}.developeride-filter-title{font-size:1rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.developeride-active-platform-indicator{font-size:.875rem;color:#9ca3af}.developeride-current-platform{color:#fff;font-weight:600;margin-left:.25rem}.developeride-platform-tags{display:flex;flex-wrap:wrap;gap:1rem}.developeride-platform-card{width:100px;position:relative;padding:.5rem;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem;overflow:hidden;transform:translateY(0);box-shadow:0 4px 16px #0003;border:2px solid transparent}.developeride-platform-card-add{width:100px;position:relative;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);flex-direction:column;text-align:center;gap:.7rem;overflow:hidden;transform:translateY(0);box-shadow:0 4px 16px #0003;border:2px solid transparent;background-color:#2a2a2a;border:2px dashed #404040;color:#9ca3af;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1.25rem;font-weight:300;display:flex;align-items:center;justify-content:center}.developeride-platform-card-add:hover{background-color:#374151;border-color:#555;color:#fff}.developeride-platform-card-add span{font-size:2.5rem;font-weight:600;color:#6f6e6e}.developeride-platform-card-inactive{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#718096}.developeride-platform-card-inactive:hover{transform:translateY(-4px);border-color:#a0aec0;background:linear-gradient(135deg,#5a6a7a,#3d4852);box-shadow:0 8px 32px #0006}.developeride-platform-card-active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;color:#fff;transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf64d}.developeride-platform-card-active:hover{transform:translateY(-6px);box-shadow:0 16px 48px #8b5cf666}.developeride-platform-icon{width:2.5rem;height:2.5rem;z-index:2;position:relative;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));object-fit:contain;border-radius:8px}.developeride-platform-name{font-size:.9rem;font-weight:600;z-index:2;position:relative;color:inherit}.developeride-platform-card-inactive .developeride-platform-name{color:#e2e8f0}.developeride-platform-card-active .developeride-platform-name{color:#fff}.developeride-platform-stats{font-size:.75rem;opacity:.8;z-index:2;position:relative;font-weight:500}.developeride-platform-card-inactive .developeride-platform-stats{color:#cbd5e0}.developeride-platform-card-active .developeride-platform-stats{color:#ffffffe6}.developeride-table-container{background:linear-gradient(135deg,#1f1f1f,#2a2a2a);border:1px solid #333;border-radius:16px;box-shadow:0 8px 32px #0000004d}.developeride-table{width:100%;border-collapse:collapse}.developeride-table th{color:#e5e7eb;padding:1.25rem 1rem;text-align:left;font-weight:600;font-size:.875rem;border-bottom:1px solid #404040;position:relative}.developeride-table th:first-child{padding-left:2rem}.developeride-table td{padding:1.25rem 1rem;border-bottom:1px solid #333;color:#fff;font-size:.875rem;transition:all .2s ease}.developeride-table td:first-child{padding-left:2rem}.developeride-table tbody tr{transition:all .2s ease;position:relative;z-index:1}.developeride-table tbody tr:hover{background:linear-gradient(135deg,#2a2a2a,#333);box-shadow:0 4px 16px #0003;z-index:2}.developeride-table tr:last-child td{border-bottom:none}.post-title{font-weight:600;color:#fff;font-size:.9rem}.developeride-table td span{font-weight:500}.developeride-action-dropdown-container{position:relative;display:inline-block;z-index:1}.developeride-action-dropdown-container.open{z-index:10001}.developeride-action-dropdown-button{background-color:#2a2a2a;border:1px solid #404040;color:#9ca3af;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.developeride-action-dropdown-button:hover{color:#fff;border-color:#555;background-color:#374151}.developeride-action-dropdown-menu{position:absolute;top:100%;right:0;background-color:#2a2a2a;border:1px solid #404040;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10000;min-width:120px;margin-top:.25rem}.developeride-action-dropdown-item{display:block;width:100%;padding:.5rem .75rem;background:none;border:none;color:#9ca3af;text-align:left;cursor:pointer;transition:all .2s ease;font-size:.875rem;border-bottom:1px solid #404040}.developeride-action-dropdown-item:last-child{border-bottom:none}.developeride-action-dropdown-item:hover{background-color:#374151;color:#fff}.developeride-action-dropdown-item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.developeride-action-dropdown-item:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.developeride-pagination-controls{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background-color:#1f1f1f;border-top:1px solid #333}.developeride-pagination-buttons{display:flex;align-items:center;gap:.5rem}.developeride-pagination-button{background-color:#2a2a2a;border:1px solid #404040;color:#fff;padding:.5rem .75rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.developeride-pagination-button:hover:not(:disabled){background-color:#374151;border-color:#555}.developeride-pagination-button:disabled{opacity:.5;cursor:not-allowed}.developeride-pagination-button.active{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff}.developeride-pagination-items-per-page{color:#9ca3af;font-size:.875rem}.developeride-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.developeride-create-post-modal{background-color:#2a2a2a;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid #404040}.developeride-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #404040}.developeride-user-info{display:flex;align-items:center;gap:1rem}.developeride-user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden}.developeride-avatar-placeholder{width:100%;height:100%;background-color:#6b7280;border-radius:50%}.developeride-user-details{display:flex;flex-direction:column}.developeride-user-name{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.developeride-permission-settings{font-size:.875rem;color:#9ca3af}.developeride-modal-close-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;font-size:1.5rem;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.developeride-modal-close-button:hover{color:#fff;background-color:#374151}.developeride-modal-content{padding:1.5rem}.developeride-post-textarea{width:100%;min-height:120px;background-color:transparent;border:none;color:#fff;font-size:1.125rem;line-height:1.6;resize:vertical;outline:none;margin-bottom:1rem}.developeride-post-textarea::placeholder{color:#6b7280}.developeride-post-actions{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #404040}.developeride-post-tools{display:flex;gap:.5rem}.developeride-tool-button{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:1.25rem}.developeride-tool-button:hover{background-color:#374151}.developeride-platform-selection{margin-bottom:1.5rem}.developeride-selection-label{font-size:.875rem;color:#9ca3af;margin-bottom:1rem}.developeride-platform-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.developeride-platform-button{padding:.5rem 1rem;border:1px solid #404040;background-color:#1f1f1f;color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;position:relative}.developeride-platform-button:hover:not(.selected){background-color:#374151;border-color:#555}.developeride-platform-button.selected{background-color:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important}.developeride-platform-button.selected:hover{background-color:#7c3aed!important;border-color:#7c3aed!important}.developeride-modal-footer{display:flex;justify-content:flex-end;gap:.75rem}.developeride-post-submit-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:.75rem 2rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.developeride-post-submit-button:hover:not(:disabled){background-color:#7c3aed}.developeride-post-submit-button:disabled{background-color:#4b5563;cursor:not-allowed;opacity:.6}.developeride-post-cancel-button{background-color:transparent;color:#9ca3af;border:1px solid #4b5563;border-radius:8px;padding:.75rem 2rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.developeride-post-cancel-button:hover{background-color:#374151;border-color:#6b7280;color:#e5e7eb}@media (max-width: 1024px){.developer-ide-page{padding:1rem;padding-bottom:120px}.developer-ide-header{flex-direction:column;align-items:flex-start;gap:1rem}.developeride-create-post-button{align-self:flex-end}.developeride-platform-filter-section{padding:1.5rem}.developeride-platform-filter-header{flex-direction:column;align-items:flex-start;gap:.5rem}.developeride-platform-tags{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.developeride-table-container{overflow-x:auto}.developeride-table{min-width:800px}.developer-ide-header{flex-direction:column;align-items:stretch}.developeride-create-post-button{align-self:stretch}.developeride-platform-filter-section{padding:1rem}.developeride-platform-tags{grid-template-columns:1fr}.developeride-platform-card{padding:1rem}.developeride-platform-icon{width:2rem;height:2rem}}