@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);:root{--bg-sidebar:#2c2f33;--bg-header:#2c2f33;--bg-content:#3a3d42;--bg-card:#2e3238;--text-primary:#fff;--text-secondary:#a0a5b1;--text-muted:#6b7280;--blue-primary:#0e64cb;--blue-bright:#1a91fa;--blue-card:#2d5a9c;--blue-card-dark:#1e4478;--green:#10b981;--green-emerald:#059669;--emerald:#10b981;--pink:#eb0bd8;--red:#ef4444;--shadow-convex:10px 10px 20px #0009,-8px -8px 16px #c8d3f10d;--shadow-convex-sm:6px 6px 12px #00000080,-4px -4px 8px #c8d3f10d;--shadow-concave:inset 6px 6px 12px #0009,inset -4px -4px 8px #c8d3f10d;--shadow-concave-sm:inset 4px 4px 8px #00000080,inset -3px -3px 6px #c8d3f10d;--shadow-convex-hover:12px 12px 24px #000000b3,-10px -10px 20px #c8d3f10f;--shadow-convex-hover-sm:10px 10px 20px #0009,-8px -8px 16px #c8d3f10f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-2xl:32px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#3a3d42;background:var(--bg-content);color:#fff;color:var(--text-primary);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;min-height:100vh}button{border:none;cursor:pointer}button,input,select,textarea{font-family:Montserrat,sans-serif;outline:none}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:600}.neo-convex{background:#3a3d42;background:var(--bg-content);border-radius:16px;border-radius:var(--radius-lg);box-shadow:10px 10px 20px #0009,-8px -8px 16px #c8d3f10d;box-shadow:var(--shadow-convex);transition:all .3s ease}.neo-convex-sm{box-shadow:6px 6px 12px #00000080,-4px -4px 8px #c8d3f10d;box-shadow:var(--shadow-convex-sm);transition:all .3s ease}.neo-concave,.neo-convex-sm{background:#3a3d42;background:var(--bg-content);border-radius:12px;border-radius:var(--radius-md)}.neo-concave{box-shadow:inset 6px 6px 12px #0009,inset -4px -4px 8px #c8d3f10d;box-shadow:var(--shadow-concave)}.neo-concave-sm{background:#3a3d42;background:var(--bg-content);border-radius:8px;border-radius:var(--radius-sm);box-shadow:inset 4px 4px 8px #00000080,inset -3px -3px 6px #c8d3f10d;box-shadow:var(--shadow-concave-sm)}.dashboard-container{margin:0 auto;max-width:1600px;padding:32px;padding:var(--spacing-2xl)}.dashboard-welcome{margin-bottom:32px;margin-bottom:var(--spacing-2xl)}.dashboard-welcome h1{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.dashboard-welcome p{color:#a0a5b1;color:var(--text-secondary);font-size:1rem;font-weight:400}.dashboard-welcome-neo{background:#3a3d42;background:var(--bg-content);border-radius:20px;border-radius:var(--radius-xl);box-shadow:10px 10px 20px #0009,-8px -8px 16px #c8d3f10d;box-shadow:var(--shadow-convex);margin-bottom:32px;margin-bottom:var(--spacing-2xl);padding:32px;padding:var(--spacing-2xl)}.dashboard-welcome-neo h1{color:#fff;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:12px;margin-bottom:var(--spacing-sm)}.dashboard-welcome-neo p{color:#a0a5b1;color:var(--text-secondary);font-size:.95rem}.dashboard-projects-grid{grid-gap:20px;grid-gap:var(--spacing-lg);display:grid;gap:20px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:32px;margin-bottom:var(--spacing-2xl)}.project-card{background:linear-gradient(135deg,#2d5a9c,#1e4478);background:linear-gradient(135deg,var(--blue-card) 0,var(--blue-card-dark) 100%);border-radius:20px;border-radius:var(--radius-xl);box-shadow:10px 10px 20px #0009,-8px -8px 16px #c8d3f10d;box-shadow:var(--shadow-convex);color:#fff;color:var(--text-primary);padding:24px;padding:var(--spacing-xl);transition:transform .3s,box-shadow .3s}.project-card:hover{box-shadow:12px 12px 24px #000000b3,-10px -10px 20px #c8d3f10f;box-shadow:var(--shadow-convex-hover);transform:translateY(-6px)}.project-card-header{margin-bottom:16px;margin-bottom:var(--spacing-md)}.project-label{color:#ffffffb3;font-size:.75rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.project-title{align-items:center;display:flex;font-size:1.4rem;font-weight:600;gap:12px;gap:var(--spacing-sm);margin-bottom:20px;margin-bottom:var(--spacing-lg)}.progress-circle-container{display:flex;justify-content:center;padding:20px 0;padding:var(--spacing-lg) 0}.progress-circle{height:120px;position:relative;width:120px}.progress-value{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dashboard-section{background:#3a3d42;background:var(--bg-content);border-radius:20px;border-radius:var(--radius-xl);box-shadow:10px 10px 20px #0009,-8px -8px 16px #c8d3f10d;box-shadow:var(--shadow-convex);margin-bottom:32px;margin-bottom:var(--spacing-2xl);padding:24px;padding:var(--spacing-xl)}.section-title{color:#a0a5b1;color:var(--text-secondary);font-size:.85rem;letter-spacing:.5px;margin-bottom:20px;margin-bottom:var(--spacing-lg);text-transform:uppercase}.projects-table{border-collapse:collapse;width:100%}.projects-table thead th{border-bottom:1px solid #a0a5b11a;color:#a0a5b1;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase}.projects-table tbody td{border-bottom:1px solid #a0a5b10d;color:#fff;color:var(--text-primary);font-size:.9rem;padding:16px;padding:var(--spacing-md)}.projects-table tbody tr{transition:background .2s}.projects-table tbody tr:hover{background:#ffffff05}.project-name{align-items:center;display:flex;font-weight:500;gap:12px;gap:var(--spacing-sm)}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:6px 14px}.status-in-progress{background:#1a91fa26;color:#1a91fa;color:var(--blue-bright)}.status-open{background:#10b98126;color:#10b981;color:var(--green)}.admin-tabs{flex-wrap:wrap;margin-bottom:32px;margin-bottom:var(--spacing-2xl)}.admin-tab,.admin-tabs{display:flex;gap:12px;gap:var(--spacing-sm)}.admin-tab{align-items:center;background:#3a3d42;background:var(--bg-content);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:6px 6px 12px #00000080,-4px -4px 8px #c8d3f10d;box-shadow:var(--shadow-convex-sm);color:#a0a5b1;color:var(--text-secondary);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:600;padding:16px 20px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s}.admin-tab:hover{box-shadow:10px 10px 20px #0009,-8px -8px 16px #c8d3f10f;box-shadow:var(--shadow-convex-hover-sm);color:#fff;color:var(--text-primary);transform:translateY(-2px)}.admin-tab.active{box-shadow:inset 6px 6px 12px #0009,inset -4px -4px 8px #c8d3f10d;box-shadow:var(--shadow-concave);color:#0e64cb;color:var(--blue-primary);transform:translateY(0)}.admin-content{background:#0000}.btn{border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary{background:#3a3d42;background:var(--bg-content);box-shadow:6px 6px 12px #00000080,-4px -4px 8px #c8d3f10d;box-shadow:var(--shadow-convex-sm);color:#fff;color:var(--text-primary)}.btn-primary:hover{box-shadow:12px 12px 24px #000000b3,-10px -10px 20px #c8d3f10f;box-shadow:var(--shadow-convex-hover);transform:translateY(-2px)}.btn-primary:active{box-shadow:inset 4px 4px 8px #00000080,inset -3px -3px 6px #c8d3f10d;box-shadow:var(--shadow-concave-sm);transform:translateY(0)}.btn-primary:disabled{background:#3a3d42!important;background:var(--bg-content)!important;color:#6b7280!important;color:var(--text-muted)!important;cursor:not-allowed;opacity:.4}.btn-primary:disabled,.btn-primary:disabled:hover{box-shadow:6px 6px 12px #00000080,-4px -4px 8px #c8d3f10d!important;box-shadow:var(--shadow-convex-sm)!important;transform:none!important}.btn-secondary{background:#3a3d42;background:var(--bg-content);box-shadow:6px 6px 12px #00000080,-4px -4px 8px #c8d3f10d;box-shadow:var(--shadow-convex-sm);color:#a0a5b1;color:var(--text-secondary)}.btn-secondary:hover{box-shadow:10px 10px 20px #0009,-8px -8px 16px #c8d3f10f;box-shadow:var(--shadow-convex-hover-sm);color:#fff;color:var(--text-primary);transform:translateY(-2px)}.btn-secondary:active{box-shadow:inset 4px 4px 8px #00000080,inset -3px -3px 6px #c8d3f10d;box-shadow:var(--shadow-concave-sm);transform:translateY(0)}.form-group{margin-bottom:16px;margin-bottom:var(--spacing-md)}.form-label{color:#fff;color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.form-input,.form-select,.form-textarea{background:#2c2f33!important;background:var(--bg-sidebar)!important;border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:inset 4px 4px 8px #00000080,inset -3px -3px 6px #c8d3f10d;box-shadow:var(--shadow-concave-sm);color:#fff!important;color:var(--text-primary)!important;font-family:Montserrat,sans-serif;font-size:.95rem;padding:14px 18px;transition:box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#2c2f33!important;background:var(--bg-sidebar)!important;box-shadow:inset 6px 6px 12px #0009,inset -4px -4px 8px #c8d3f10d;box-shadow:var(--shadow-concave)}.form-input::placeholder{color:#6b7280;color:var(--text-muted)}.form-group{position:relative}.form-group:has(input:-webkit-autofill){filter:drop-shadow(4px 4px 6px rgba(0,0,0,.3))}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background-color:#2c2f33!important;background-image:none!important;border-radius:12px!important;-webkit-box-shadow:inset 0 0 0 1000px #2c2f33!important;caret-color:#fff!important;color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}input:-moz-autofill{background-color:#2c2f33!important;box-shadow:inset 4px 4px 8px #00000080,inset -3px -3px 6px #c8d3f10d!important;box-shadow:var(--shadow-concave-sm)!important;color:#fff!important}input:-webkit-autofill{background-color:#2c2f33!important;color:#fff!important}input:autofill{background-color:#2c2f33!important;color:#fff!important}.table-container{background:#3a3d42;background:var(--bg-content);border-radius:20px;border-radius:var(--radius-xl);box-shadow:10px 10px 20px #0009,-8px -8px 16px #c8d3f10d;box-shadow:var(--shadow-convex);overflow-x:auto;padding:20px;padding:var(--spacing-lg)}.loading-container{align-items:center;color:#a0a5b1;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:32px;padding:var(--spacing-2xl);text-align:center}.spinner{animation:spin 1.5s linear infinite;color:#1a91fa;color:var(--blue-bright);font-size:3rem}.error-container{background:#ef44441a;border:1px solid #ef44444d;border-radius:16px;border-radius:var(--radius-lg);color:#ef4444;color:var(--red)}.error-container,.success-container{padding:20px;padding:var(--spacing-lg);text-align:center}.success-container{background:#10b9811a;border:1px solid #10b9814d;border-radius:16px;border-radius:var(--radius-lg);color:#10b981;color:var(--green)}.text-primary{color:#fff;color:var(--text-primary)}.text-secondary{color:#a0a5b1;color:var(--text-secondary)}.text-muted{color:#6b7280;color:var(--text-muted)}.mb-xs{margin-bottom:8px;margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:12px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:20px;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:24px;margin-bottom:var(--spacing-xl)}@media (max-width:1200px){.dashboard-projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.dashboard-container{padding:16px;padding:var(--spacing-md)}.dashboard-projects-grid{grid-template-columns:1fr}}.layout{background:var(--bg-content);display:flex;min-height:100vh}.layout-sidebar{background:var(--bg-sidebar);border-right:1px solid #0e64cb26;display:flex;flex-direction:column;height:100vh;left:0;padding:var(--spacing-xl) 0;position:fixed;top:0;transition:transform .3s ease;width:280px;z-index:100}.sidebar-header{margin-bottom:var(--spacing-2xl);padding:0 var(--spacing-xl)}.logo{align-items:center;display:flex;gap:var(--spacing-sm)}.logo-icon{font-size:1.8rem}.logo-text{color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:0 var(--spacing-lg)}.sidebar-item{align-items:center;background:var(--bg-sidebar);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-convex-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:500;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all .3s;width:100%}.sidebar-item:hover{box-shadow:var(--shadow-convex-hover);color:var(--text-primary);transform:translateY(-2px)}.sidebar-item.active{background:var(--bg-sidebar);box-shadow:var(--shadow-concave);color:var(--text-primary);transform:translateY(0)}.sidebar-item-icon{filter:grayscale(100%);font-size:1.4rem;min-width:24px;opacity:.7;text-align:center}.sidebar-item.active .sidebar-item-icon,.sidebar-item:hover .sidebar-item-icon{filter:grayscale(0);opacity:1}.sidebar-item-text{flex:1 1;text-align:left}.sidebar-divider{background:#a0a5b11a;height:1px;margin:var(--spacing-md) 0}.layout-header{align-items:center;background:var(--bg-header);border-bottom:1px solid #0e64cb26;display:flex;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:50}.btn-mobile-menu{background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;padding:var(--spacing-xs)}.header-title{color:var(--text-secondary);flex:1 1;font-size:1rem;font-weight:500}.header-user{position:relative}.btn-logout{align-items:center;background:var(--bg-header);border:none;border-radius:50%;box-shadow:var(--shadow-convex-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:1.3rem;height:48px;justify-content:center;transition:all .3s;width:48px}.btn-logout:hover{box-shadow:var(--shadow-convex-hover);transform:translateY(-2px)}.btn-logout:active{box-shadow:var(--shadow-concave-sm);transform:translateY(0)}.layout-main{background:var(--bg-content);display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh}.layout-content{background:var(--bg-content);flex:1 1}.layout-overlay{display:none}@media (max-width:968px){.layout-sidebar{transform:translateX(-100%)}.layout-sidebar.mobile-open{transform:translateX(0)}.layout-main{margin-left:0}.btn-mobile-menu{display:block}.layout-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:90}}@media (max-width:768px){.layout-sidebar{width:100%}.header-title{font-size:.85rem}.layout-header{padding:var(--spacing-md)}}.auth-page{align-items:center;background:var(--bg-sidebar);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.auth-container-centered{max-width:480px;width:100%}.auth-card-neo{background:var(--bg-sidebar);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);padding:var(--spacing-2xl)}.auth-header{margin-bottom:var(--spacing-xl);text-align:center}.auth-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.auth-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.auth-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:var(--red);font-size:.9rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.auth-form{margin-top:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.auth-submit{width:100%}.auth-footer,.auth-submit{margin-top:var(--spacing-lg)}.auth-footer{text-align:center}.auth-link{color:var(--blue-bright);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.auth-link:hover{color:var(--blue-primary)}@media (max-width:768px){.auth-card-neo{padding:var(--spacing-lg)}.auth-title{font-size:1.5rem}}.content-page{margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.page-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-2xl)}.page-header h1{color:var(--text-primary);flex:1 1;font-size:1.75rem;font-weight:700;margin:0}.page-header .btn{align-items:center;display:inline-flex;flex-shrink:0;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);white-space:nowrap}.alert{border-radius:var(--radius-md);font-size:.9rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.alert-error{background:#ef44441a;border:1px solid #ef44444d;color:var(--red)}.empty-state{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);padding:var(--spacing-3xl);text-align:center}.empty-icon{filter:grayscale(100%);font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.empty-state p{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--spacing-xl)}.empty-state .btn{align-items:center;display:inline-flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.items-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.item-card{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);transition:all .3s}.item-card:hover{box-shadow:var(--shadow-convex-hover);transform:translateY(-4px)}.item-card-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between}.item-card-header h3{color:var(--text-primary);flex:1 1;font-size:1.125rem;font-weight:600}.item-badge{background:#0e64cb26;border-radius:var(--radius-sm);color:var(--blue-primary);font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.item-description{color:var(--text-secondary);flex:1 1;font-size:.9rem;line-height:1.5}.item-footer{display:flex;gap:var(--spacing-sm);margin-top:auto}.btn-sm{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-md)}.btn-danger{background:var(--bg-content);border:none;box-shadow:var(--shadow-convex-sm);color:var(--red)}.btn-danger:hover{background:#ef44441a;box-shadow:var(--shadow-convex-hover-sm)}.btn-danger:active{box-shadow:var(--shadow-concave-sm)}@media (max-width:768px){.content-page{padding:var(--spacing-md)}.page-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.page-header .btn{justify-content:center;width:100%}.items-grid{grid-template-columns:1fr}.empty-state{padding:var(--spacing-xl)}.empty-icon{font-size:3rem}}.personalities-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.personality-card{background:var(--bg-content);border-radius:var(--radius-lg);box-shadow:var(--shadow-convex);padding:var(--spacing-lg);transition:all .3s ease}.personality-card:hover{box-shadow:var(--shadow-convex-hover);transform:translateY(-2px)}.personality-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.personality-card-header h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.personality-badge{background:var(--blue-primary);border-radius:var(--radius-sm);color:var(--text-on-primary);font-size:.8rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.personality-preview{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:var(--spacing-md)}.personality-actions{display:flex;gap:var(--spacing-sm)}.personality-form-section{margin-top:var(--spacing-xl)}.existing-personalities{margin-bottom:var(--spacing-lg)}.existing-personalities h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md)}.personalities-mini-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.personality-mini-card{background:var(--bg-content);border-radius:var(--radius-sm);box-shadow:var(--shadow-convex-sm);padding:var(--spacing-md);transition:all .2s ease}.personality-mini-card:hover{box-shadow:var(--shadow-convex-hover-sm);transform:translateY(-1px)}.personality-mini-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.personality-mini-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.personality-mini-badge{background:var(--blue-primary);border-radius:var(--radius-xs);color:var(--text-on-primary);font-size:.7rem;font-weight:600;padding:2px var(--spacing-xs)}.personality-mini-preview{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.form-container{grid-gap:var(--spacing-xl);background:var(--bg-content);border-radius:var(--radius-lg);box-shadow:var(--shadow-convex);display:grid;gap:var(--spacing-xl);grid-template-columns:3fr 1fr;padding:var(--spacing-xl)}.form-main h2{color:var(--text-primary);font-size:1.5rem;font-weight:600}.form-group,.form-main h2{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-sm)}.form-group input,.form-group textarea{background:var(--bg-input);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-concave-sm);color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:1rem;padding:var(--spacing-md);resize:vertical;transition:all .3s ease-in-out;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-placeholder)}.form-group input:focus,.form-group textarea:focus{background:var(--bg-input);border:1px solid #0e64cb4d;box-shadow:none;outline:none;transform:none}.form-group input:not(:placeholder-shown),.form-group textarea:not(:placeholder-shown){background:var(--bg-input);border:none;box-shadow:var(--shadow-concave-sm);transform:none}.form-group textarea{line-height:1.5;min-height:200px}.char-counter{color:var(--text-secondary);font-size:.8rem;font-weight:400;margin-top:var(--spacing-sm);padding-left:0;text-align:left}.char-counter-warning{color:var(--orange);font-size:.8rem;font-weight:400}.char-counter-error{animation:pulse .5s ease-in-out;color:var(--red);font-size:.8rem;font-weight:400}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.checkbox-group{border-top:1px solid var(--border-color);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;margin-bottom:var(--spacing-md)}.checkbox-label input[type=checkbox]{accent-color:var(--blue-primary);cursor:pointer;height:18px;margin:0;width:18px}.checkbox-text{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.4;margin-left:var(--spacing-md)}.checkbox-description{color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin:0;margin-left:calc(18px + var(--spacing-md) + var(--spacing-sm))}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.form-example{background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-concave-sm);padding:var(--spacing-lg)}.form-example h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md)}.example-content{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.example-content p{margin-bottom:var(--spacing-sm)}.example-content strong{color:var(--text-primary);font-weight:600}.example-char-counter{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;margin-top:var(--spacing-md);padding-top:var(--spacing-md);text-align:right}@media (max-width:768px){.form-container{gap:var(--spacing-lg);grid-template-columns:1fr}.form-actions,.personality-actions{flex-direction:column}}.profile-container{margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.profile-header{margin-bottom:var(--spacing-2xl)}.profile-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-xs)}.profile-header p{color:var(--text-secondary);font-size:.95rem}.profile-alert{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.profile-alert-error{background:#ef44441a;border:1px solid #ef44444d;color:var(--red)}.profile-alert-success{background:#10b9811a;border:1px solid #10b9814d;color:var(--emerald)}.alert-close{background:#0000;border:none;color:inherit;cursor:pointer;font-size:1.5rem;line-height:1;opacity:.7;padding:0;transition:opacity .2s}.alert-close:hover{opacity:1}.profile-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 400px}.profile-card{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);padding:var(--spacing-xl)}.profile-card-main{grid-column:1}.profile-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg);grid-column:2}.card-header{margin-bottom:var(--spacing-lg)}.card-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-helper{color:var(--text-secondary);display:block;font-size:.85rem;margin-top:var(--spacing-xs)}.form-select{background:var(--bg-content);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-concave-sm);color:var(--text-primary);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.95rem;padding:var(--spacing-md);transition:all .3s;width:100%}.form-select:focus{box-shadow:var(--shadow-concave);outline:none}.form-select option{background:var(--bg-sidebar);color:var(--text-primary);padding:var(--spacing-sm)}.profile-card-balance{background:var(--bg-content)}.balance-section{margin-bottom:var(--spacing-lg)}.balance-label{color:var(--text-secondary);font-size:.85rem;margin-bottom:var(--spacing-xs)}.balance-value{color:var(--text-primary);font-size:1.5rem;font-weight:600}.balance-value-main{color:var(--blue-primary);font-size:2rem}.btn-topup{width:100%}.profile-card-info{background:var(--bg-content)}.info-section{margin-bottom:var(--spacing-lg)}.info-section:last-child{margin-bottom:0}.info-label{font-size:.85rem;margin-bottom:var(--spacing-xs)}.info-value{font-size:.95rem}.role-badge{border-radius:var(--radius-sm);display:inline-block;font-size:.85rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-md)}.role-admin{background:var(--emerald);box-shadow:0 4px 8px #10b9814d;color:#fff}.role-user{background:#a0a5b133;color:var(--text-secondary)}@media (max-width:1024px){.profile-grid{grid-template-columns:1fr}.profile-card-main,.profile-sidebar{grid-column:1}}@media (max-width:768px){.profile-container{padding:var(--spacing-md)}.profile-card{padding:var(--spacing-lg)}.profile-header h1{font-size:1.5rem}}.users-tab{background:#0000;width:100%}.users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.users-title h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.users-count{color:var(--text-secondary);font-size:.9rem;margin:0}.btn-column-settings{background:var(--bg-content);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-convex-sm);color:var(--blue-primary);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s}.btn-column-settings:hover{box-shadow:var(--shadow-convex-hover-sm);transform:translateY(-2px)}.btn-column-settings:active{box-shadow:var(--shadow-concave-sm);transform:translateY(0)}.users-filters{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.users-filters h3{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-xs);margin:0 0 var(--spacing-lg) 0}.filters-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.filter-group input,.filter-group select{background:var(--bg-content);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-concave-sm);color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:.875rem;padding:var(--spacing-md);transition:all .3s}.filter-group input:focus,.filter-group select:focus{box-shadow:var(--shadow-concave);outline:none}.filter-group input::placeholder{color:var(--text-muted)}.filters-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.btn-apply-filters,.btn-reset-filters{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);transition:all .3s}.btn-apply-filters{background:var(--bg-content);box-shadow:var(--shadow-convex-sm);color:var(--blue-primary)}.btn-apply-filters:hover{box-shadow:var(--shadow-convex-hover-sm);transform:translateY(-2px)}.btn-apply-filters:active{box-shadow:var(--shadow-concave-sm);transform:translateY(0)}.btn-reset-filters{background:var(--bg-content);box-shadow:var(--shadow-convex-sm);color:var(--text-secondary)}.btn-reset-filters:hover{box-shadow:var(--shadow-convex-hover-sm);color:var(--text-primary)}.btn-reset-filters:active{box-shadow:var(--shadow-concave-sm)}.column-settings{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.column-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.column-settings-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.column-settings-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;transition:color .2s}.column-settings-header button:hover{color:var(--text-primary)}.column-settings-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:var(--spacing-lg)}.column-checkbox{align-items:center;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-xs);padding:var(--spacing-xs);transition:all .2s}.column-checkbox:hover{background:#ffffff08}.column-checkbox input[type=checkbox]{accent-color:var(--blue-primary);cursor:pointer;height:18px;width:18px}.btn-save-columns{background:var(--bg-content);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-convex-sm);color:var(--blue-primary);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);transition:all .3s}.btn-save-columns:hover{box-shadow:var(--shadow-convex-hover-sm);transform:translateY(-2px)}.btn-save-columns:active{box-shadow:var(--shadow-concave-sm);transform:translateY(0)}.users-table-container{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);margin-bottom:var(--spacing-lg);overflow-x:auto;padding:var(--spacing-lg)}.users-table{background:#0000;border-collapse:collapse;width:100%}.users-table thead{border-bottom:2px solid #a0a5b11a}.users-table th{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.8px;padding:var(--spacing-md);text-align:left;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid #a0a5b10d;transition:background .2s}.users-table tbody tr:hover{background:#ffffff05}.users-table tbody tr:last-child{border-bottom:none}.users-table td{color:var(--text-primary);font-size:.875rem;padding:var(--spacing-md)}.user-id{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.8rem}.user-email{color:var(--blue-bright);font-weight:500}.badge-role{border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.badge-role.admin{background:#eb0bd826;color:var(--pink)}.badge-role.user{background:#1a91fa26;color:var(--blue-bright)}.badge-status{font-size:1rem}.badge-money{background:#10b98126;border-radius:var(--radius-sm);color:var(--green);font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.actions-cell{display:flex;gap:var(--spacing-xs)}.btn-action{background:var(--bg-content);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-convex-sm);color:var(--text-primary);cursor:pointer;font-size:1.1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s}.btn-action:hover{box-shadow:var(--shadow-convex-hover-sm);transform:translateY(-1px)}.btn-action:active{box-shadow:var(--shadow-concave-sm);transform:translateY(0)}.btn-edit:hover{color:var(--blue-bright)}.btn-delete:hover{color:var(--red)}.pagination{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg)}.btn-page{background:var(--bg-content);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-convex-sm);color:var(--text-primary);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-md);transition:all .3s}.btn-page:hover:not(:disabled){box-shadow:var(--shadow-convex-hover-sm);transform:translateY(-1px)}.btn-page:active:not(:disabled){box-shadow:var(--shadow-concave-sm);transform:translateY(0)}.btn-page:disabled{box-shadow:none;cursor:not-allowed;opacity:.4}.page-numbers{align-items:center;display:flex;gap:var(--spacing-xs)}.btn-page-num{background:var(--bg-content);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-convex-sm);color:var(--text-primary);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;min-width:40px;padding:var(--spacing-xs) var(--spacing-md);transition:all .3s}.btn-page-num:hover{box-shadow:var(--shadow-convex-hover-sm);transform:translateY(-1px)}.btn-page-num.active{background:var(--bg-content);box-shadow:var(--shadow-concave-sm);color:var(--blue-primary)}.error,.loading{color:var(--text-secondary);font-size:1rem;padding:var(--spacing-2xl);text-align:center}.error{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-lg);color:var(--red)}@media (max-width:768px){.users-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.filters-row{grid-template-columns:1fr}.users-table{font-size:.8rem}.users-table td,.users-table th{padding:var(--spacing-sm)}.pagination{flex-wrap:wrap}}.finances-tab{width:100%}.finances-summary{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-2xl)}.finance-card{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);padding:var(--spacing-xl);transition:all .3s}.finance-card:hover{box-shadow:var(--shadow-convex-hover);transform:translateY(-4px)}.finance-card h3{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.finance-amount{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 var(--spacing-sm) 0}.finance-change{align-items:center;display:flex;font-size:.85rem;gap:var(--spacing-xs)}.finance-change.positive{color:var(--green)}.finance-change.negative{color:var(--red)}.transactions-section{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);padding:var(--spacing-xl)}.transactions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.transactions-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.btn-export{background:var(--bg-content);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-convex-sm);color:var(--blue-primary);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s}.btn-export:hover{box-shadow:var(--shadow-convex-hover-sm);transform:translateY(-2px)}.btn-export:active{box-shadow:var(--shadow-concave-sm);transform:translateY(0)}.transactions-table{border-collapse:collapse;margin-top:var(--spacing-lg);width:100%}.transactions-table thead{border-bottom:2px solid #a0a5b11a}.transactions-table th{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.8px;padding:var(--spacing-md);text-align:left;text-transform:uppercase}.transactions-table tbody tr{border-bottom:1px solid #a0a5b10d;transition:background .2s}.transactions-table tbody tr:hover{background:#ffffff05}.transactions-table tbody tr:last-child{border-bottom:none}.transactions-table td{color:var(--text-primary);font-size:.875rem;padding:var(--spacing-md)}.transaction-id{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.8rem}.transaction-type{border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.transaction-type.deposit{background:#10b98126;color:var(--green)}.transaction-type.withdrawal{background:#ef444426;color:var(--red)}.transaction-type.payment{background:#1a91fa26;color:var(--blue-bright)}.transaction-amount{font-weight:600}.transaction-amount.positive{color:var(--green)}.transaction-amount.negative{color:var(--red)}@media (max-width:768px){.finances-summary{grid-template-columns:1fr}.transactions-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.transactions-table{font-size:.8rem}.transactions-table td,.transactions-table th{padding:var(--spacing-sm)}}.stats-tab{width:100%}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-2xl)}.stat-card-admin{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);padding:var(--spacing-xl);transition:all .3s}.stat-card-admin:hover{box-shadow:var(--shadow-convex-hover);transform:translateY(-4px)}.stat-card-header{gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card-header,.stat-icon{align-items:center;display:flex}.stat-icon{background:var(--bg-content);border-radius:var(--radius-md);box-shadow:var(--shadow-convex-sm);filter:grayscale(100%);font-size:1.5rem;height:48px;justify-content:center;opacity:.7;width:48px}.stat-info h3{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-xs) 0;text-transform:uppercase}.stat-change{align-items:center;display:flex;font-size:.85rem;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.stat-change.positive{color:var(--green)}.stat-change.negative{color:var(--red)}.stats-charts{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:2fr 1fr;margin-bottom:var(--spacing-2xl)}.chart-card{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);padding:var(--spacing-xl)}.chart-card h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0}.chart-placeholder{align-items:center;background:var(--bg-content);border-radius:var(--radius-md);box-shadow:var(--shadow-concave);color:var(--text-secondary);display:flex;font-size:.9rem;height:300px;justify-content:center}.recent-activity{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);padding:var(--spacing-xl)}.recent-activity h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0}.activity-list{list-style:none;margin:0;padding:0}.activity-item{border-bottom:1px solid #a0a5b10d;padding:var(--spacing-md);transition:background .2s}.activity-item:hover{background:#ffffff05;border-radius:var(--radius-sm)}.activity-item:last-child{border-bottom:none}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.activity-title{color:var(--text-primary);font-size:.9rem;font-weight:600}.activity-time{color:var(--text-secondary);font-size:.8rem}.activity-description{color:var(--text-secondary);font-size:.85rem;line-height:1.5}@media (max-width:1024px){.stats-charts{grid-template-columns:1fr}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-value{font-size:1.5rem}}.ai-tab{width:100%}.ai-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-2xl)}.ai-stat-card{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);padding:var(--spacing-xl);transition:all .3s}.ai-stat-card:hover{box-shadow:var(--shadow-convex-hover);transform:translateY(-4px)}.ai-stat-card h3{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.ai-stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.ai-requests-section{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);padding:var(--spacing-xl)}.ai-requests-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.ai-requests-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.ai-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.ai-filter-select{background:var(--bg-content);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-concave-sm);color:var(--text-primary);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s}.ai-filter-select:focus{box-shadow:var(--shadow-concave);outline:none}.ai-requests-table{border-collapse:collapse;margin-top:var(--spacing-lg);width:100%}.ai-requests-table thead{border-bottom:2px solid #a0a5b11a}.ai-requests-table th{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.8px;padding:var(--spacing-md);text-align:left;text-transform:uppercase}.ai-requests-table tbody tr{border-bottom:1px solid #a0a5b10d;transition:background .2s}.ai-requests-table tbody tr:hover{background:#ffffff05}.ai-requests-table tbody tr:last-child{border-bottom:none}.ai-requests-table td{color:var(--text-primary);font-size:.875rem;padding:var(--spacing-md)}.request-id{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.8rem}.request-model{background:#1a91fa26;color:var(--blue-bright)}.request-model,.request-status{border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.request-status.success{background:#10b98126;color:var(--green)}.request-status.error{background:#ef444426;color:var(--red)}.request-status.pending{background:#ffc10726;color:#ffc107}.request-cost{color:var(--green);font-weight:600}@media (max-width:768px){.ai-stats{grid-template-columns:1fr}.ai-requests-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.ai-requests-table{font-size:.8rem}.ai-requests-table td,.ai-requests-table th{padding:var(--spacing-sm)}}.connections-tab{background:#0000;width:100%}.connections-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.connections-title h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-xs) 0}.connections-title h2:before{content:"🌐";font-size:1.75rem}.connections-subtitle{color:var(--text-secondary);font-size:.9rem;margin:0}.btn-refresh{align-items:center;background:var(--bg-content);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-convex-sm);color:var(--blue-primary);cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s}.btn-refresh:hover{box-shadow:var(--shadow-convex-hover-sm);transform:translateY(-2px)}.btn-refresh:active{box-shadow:var(--shadow-concave-sm);transform:translateY(0)}.loading-spinner{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xxl)}.spinner{animation:spin 1s linear infinite;font-size:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.summary-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);padding:var(--spacing-lg);transition:all .3s}.stat-card:hover{box-shadow:var(--shadow-convex-hover);transform:translateY(-4px)}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.stat-value.online{color:var(--green)}.stat-value.offline{color:var(--red)}.active-connection-section{margin-bottom:var(--spacing-xl)}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-lg) 0}.section-title:before{content:"🔗";font-size:1.5rem}.active-connection-card{background:var(--bg-content);border:2px solid var(--green);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);padding:var(--spacing-xl)}.active-connection-card.no-connection{border:2px solid var(--red)}.connection-info{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:1.125rem;font-weight:600}.status-indicator{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.status-indicator:before{content:"●";font-size:1.25rem}.status-indicator.online{background:#10b98126;color:var(--green)}.status-indicator.offline{background:#ef444426;color:var(--red)}.no-connection-message{color:var(--text-secondary);font-size:1rem;padding:var(--spacing-lg);text-align:center}.proxies-section{margin-bottom:var(--spacing-xl)}.proxies-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.proxy-card{background:var(--bg-content);border:2px solid #0000;border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);padding:var(--spacing-lg);transition:all .3s}.proxy-card:hover{box-shadow:var(--shadow-convex-hover);transform:translateY(-2px)}.proxy-card.active{border-color:var(--blue-primary)}.proxy-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.proxy-name{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.proxy-type{background:#0e64cb26;border-radius:var(--radius-sm);color:var(--blue-primary);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.proxy-status{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:var(--spacing-xs)}.proxy-status.online{color:var(--green)}.proxy-status.offline{color:var(--red)}.proxy-status:before{content:"●";font-size:1rem}.proxy-details{background:var(--bg-sidebar);border-radius:var(--radius-md);box-shadow:var(--shadow-concave-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.proxy-detail{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.detail-label{color:var(--text-secondary);font-weight:500}.detail-value{color:var(--text-primary);font-weight:600}.proxy-stats{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-md)}.proxy-stat{text-align:center}.proxy-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 var(--spacing-xs) 0}.proxy-stat-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.proxy-actions{display:flex;gap:var(--spacing-sm)}.btn-check{background:var(--bg-content);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-convex-sm);color:var(--blue-primary);cursor:pointer;flex:1 1;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;padding:var(--spacing-sm);transition:all .3s}.btn-check:hover:not(:disabled){box-shadow:var(--shadow-convex-hover-sm);transform:translateY(-1px)}.btn-check:active:not(:disabled){box-shadow:var(--shadow-concave-sm);transform:translateY(0)}.btn-check:disabled{cursor:not-allowed;opacity:.5}.health-checks-section{margin-bottom:var(--spacing-xl)}.health-checks-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.health-check-item{grid-gap:var(--spacing-md);align-items:center;background:var(--bg-content);border-radius:var(--radius-lg);box-shadow:var(--shadow-convex-sm);display:grid;gap:var(--spacing-md);grid-template-columns:1fr auto;padding:var(--spacing-md)}.health-check-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.health-check-proxy{color:var(--text-primary);font-size:.95rem;font-weight:600}.health-check-time{color:var(--text-secondary);font-size:.875rem}.health-check-status{align-items:center;display:flex;gap:var(--spacing-md)}.health-check-icon{font-size:1.5rem}.health-check-icon.healthy{color:var(--green)}.health-check-icon.unhealthy{color:var(--red)}.health-check-latency{color:var(--text-secondary);font-size:.875rem}.no-data-message{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);color:var(--text-secondary);font-size:1rem;padding:var(--spacing-xxl);text-align:center}.no-data-message h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:var(--spacing-md)}@media (max-width:768px){.connection-info,.proxies-grid,.proxy-stats,.summary-stats{grid-template-columns:1fr}}.settings-tab{max-width:1000px;width:100%}.settings-section{background:var(--bg-content);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);margin-bottom:var(--spacing-lg);padding:var(--spacing-xl)}.settings-section h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.settings-section-description{color:var(--text-secondary);font-size:.9rem;margin:0 0 var(--spacing-lg) 0}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.setting-item{align-items:center;border-bottom:1px solid #a0a5b10d;display:flex;justify-content:space-between;padding:var(--spacing-md) 0}.setting-item:last-child{border-bottom:none}.setting-info{flex:1 1}.setting-label{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.setting-description{color:var(--text-secondary);font-size:.85rem;margin:0}.setting-control{margin-left:var(--spacing-lg)}.toggle-switch{display:inline-block;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:var(--bg-content);border-radius:28px;bottom:0;box-shadow:var(--shadow-concave-sm);cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background:var(--text-secondary);border-radius:50%;bottom:4px;box-shadow:var(--shadow-convex-sm);content:"";height:20px;left:4px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{box-shadow:var(--shadow-concave-sm)}.toggle-switch input:checked+.toggle-slider:before{background:var(--blue-primary);transform:translateX(24px)}.setting-input{background:var(--bg-content);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-concave-sm);color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:.875rem;min-width:200px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s}.setting-input:focus{box-shadow:var(--shadow-concave);outline:none}.setting-select{background:var(--bg-content);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-concave-sm);color:var(--text-primary);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.875rem;min-width:200px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s}.setting-select:focus{box-shadow:var(--shadow-concave);outline:none}.settings-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.btn-save-settings{background:var(--bg-content);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-convex-sm);color:var(--blue-primary);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);transition:all .3s}.btn-save-settings:hover{box-shadow:var(--shadow-convex-hover-sm);transform:translateY(-2px)}.btn-save-settings:active{box-shadow:var(--shadow-concave-sm);transform:translateY(0)}.btn-cancel-settings{background:var(--bg-content);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-convex-sm);color:var(--text-secondary);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);transition:all .3s}.btn-cancel-settings:hover{box-shadow:var(--shadow-convex-hover-sm);color:var(--text-primary)}.btn-cancel-settings:active{box-shadow:var(--shadow-concave-sm)}.danger-zone{border:2px solid #ef444433}.danger-zone h2{color:var(--red)}.btn-danger-action{background:var(--bg-content);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-convex-sm);color:var(--red);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s}.btn-danger-action:hover{background:#ef44441a;box-shadow:var(--shadow-convex-hover-sm)}.btn-danger-action:active{box-shadow:var(--shadow-concave-sm)}@media (max-width:768px){.settings-tab{max-width:100%}.setting-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.setting-control{margin-left:0;width:100%}.setting-input,.setting-select{width:100%}.settings-actions{flex-direction:column}.settings-actions button{width:100%}}
/*# sourceMappingURL=main.15112107.css.map*/