@import url(https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}select{background:var(--card);border:1px solid var(--border);color:var(--text);outline:none}select option{background:#0b0f16;color:#e6edf7}select option:checked,select option:hover{background:#1b2a45;color:#fff}select:focus{border-color:#3b82f673;box-shadow:0 0 0 3px #3b82f62e}[data-theme=light] select option{background:#fff;color:#0b1220}.sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(180deg,#fffffff2,#ffffffd9);background:linear-gradient(180deg,rgba(var(--card-rgb,255,255,255),.95) 0,rgba(var(--card-rgb,255,255,255),.85) 100%);border-right:1px solid #00000014;border-right:1px solid rgba(var(--border-rgb,0,0,0),.08);box-shadow:4px 0 24px #00000008;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:280px;z-index:100}body[data-theme=dark] .sidebar{background:linear-gradient(180deg,#111827fa,#111827eb);border-right:1px solid #ffffff0f;box-shadow:4px 0 32px #0000004d}.sidebar.closed{width:84px}.sidebarHeader{align-items:center;cursor:pointer;display:flex;gap:14px;min-height:88px;padding:24px 20px;position:relative;transition:all .3s ease}.sidebarHeader:after{background:linear-gradient(90deg,#0000 0,var(--border) 50%,#0000 100%);bottom:0;content:"";height:1px;left:20px;position:absolute;right:20px}.sidebar.closed .sidebarHeader{justify-content:center;padding:24px 18px}.sidebar.closed .brandWrapper{align-items:center}.brandWrapper{flex:1 1;gap:14px;min-width:0}.brand,.brandWrapper{align-items:center;display:flex}.brand{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);border-radius:16px;box-shadow:0 8px 24px #6366f159,inset 0 0 0 1px #ffffff1a;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:48px}.brand:before{background:linear-gradient(45deg,#0000 40%,#ffffff4d 50%,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:translateX(-100%);transition:transform .6s ease;width:200%}.sidebarHeader:hover .brand:before{transform:translateX(100%)}.sidebarHeader:hover .brand{box-shadow:0 12px 32px #6366f173,inset 0 0 0 1px #fff3;transform:scale(1.05) rotate(-3deg)}.brandSvg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:26px;width:26px}.brandText{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text) 0,var(--muted) 100%);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.sidebarToggleInside{align-items:center;background:var(--bg1);border:1px solid var(--border);border-radius:10px;color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.sidebarToggleInside:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.05)}.sidebar.closed .sidebarToggleInside,.sidebarNav{display:flex}.sidebarNav{flex:1 1;flex-direction:column;gap:6px;overflow-x:hidden;overflow-y:auto;padding:20px 14px}.sidebarLink{align-items:center;border-radius:14px;color:var(--muted);display:flex;font-size:14px;font-weight:600;gap:14px;overflow:hidden;padding:14px 16px;position:relative;text-decoration:none;transition:background .3s ease,color .3s ease,box-shadow .3s ease;white-space:nowrap}.sidebarLink:before{background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:0 4px 4px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%) scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:4px}.sidebar.closed .sidebarLink{justify-content:flex-start;padding:14px 16px}.sidebar.closed .sidebarLink:before{display:none}.sidebarLink:hover{background:linear-gradient(135deg,#6366f114,#8b5cf60d);color:var(--text)}.sidebarLinkActive{background:linear-gradient(135deg,#6366f126,#8b5cf61a);box-shadow:0 4px 16px #6366f126;color:var(--accent)}.sidebarLinkActive:before{transform:translateY(-50%) scaleY(1)}.sidebarLinkActive:hover{background:linear-gradient(135deg,#6366f133,#8b5cf626);color:var(--accent)}.sidebarIcon{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;transition:color .3s ease;width:24px}.sidebarLink:hover .sidebarIcon,.sidebarLinkActive .sidebarIcon{color:var(--accent)}.sidebarLabel{letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.closed .sidebarLink{position:relative}.sidebar.closed .sidebarLink:after{background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;color:var(--text);content:attr(data-tooltip);font-size:13px;font-weight:600;left:calc(100% + 12px);opacity:0;padding:8px 14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) scale(.9);transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:1000}.sidebar.closed .sidebarLink:hover:after{opacity:1;transform:translateY(-50%) scale(1)}.sidebarFooter{display:flex;flex-direction:column;gap:8px;padding:16px 14px;position:relative}.sidebarFooter:before{background:linear-gradient(90deg,#0000 0,var(--border) 50%,#0000 100%);content:"";height:1px;left:20px;position:absolute;right:20px;top:0}.sidebarDivider{display:none}.sidebarControls{padding:4px 0}.sidebarLogout{align-items:center;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:none;border-radius:14px;color:var(--danger);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:14px;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebarLogout:before{background:linear-gradient(90deg,#0000,#ef44441a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.sidebarLogout:hover:before{left:100%}.sidebar.closed .sidebarLogout{justify-content:flex-start;padding:14px}.sidebarLogout:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 24px #ef444459;color:#fff;transform:translateY(-2px)}.sidebarLogout:hover .sidebarIcon{transform:scale(1.2)}.sidebarThemeToggle{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:none;border-radius:14px;color:var(--accent);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:14px;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebarThemeToggle:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.sidebarThemeToggle:hover:before{left:100%}.sidebar.closed .sidebarThemeToggle{justify-content:flex-start;padding:14px}.sidebarThemeToggle:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 24px #6366f159;color:#fff;transform:translateY(-2px)}.sidebarThemeToggle:hover .sidebarIcon{transform:scale(1.2)}.mainContent{margin-left:280px;min-height:100vh;transition:margin-left .4s cubic-bezier(.4,0,.2,1)}.mainContent.sidebarClosed,.sidebar.closed~.mainContent{margin-left:84px}.sidebarNav::-webkit-scrollbar{width:6px}.sidebarNav::-webkit-scrollbar-track{background:#0000;margin:8px 0}.sidebarNav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--border),var(--muted2));border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.sidebarNav::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (max-width:1024px){.sidebar{width:84px}.sidebar.open{width:280px}.sidebarHeader{justify-content:center;padding:24px 16px}.sidebar.open .sidebarHeader{justify-content:flex-start;padding:24px 20px}.brandText{opacity:0;width:0}.sidebar.open .brandText{opacity:1;width:auto}.sidebarLink{justify-content:center;padding:14px}.sidebar.open .sidebarLink{justify-content:flex-start;padding:14px 16px}.sidebarLabel{opacity:0;width:0}.sidebar.open .sidebarLabel{opacity:1;width:auto}.sidebarLogout{justify-content:center;padding:14px}.sidebar.open .sidebarLogout{justify-content:flex-start;padding:14px 16px}.mainContent{margin-left:84px}.sidebar.open~.mainContent{margin-left:280px}}@media (max-width:768px){.sidebar{border-right:none;width:0}.sidebar.open{border-right:1px solid var(--border);box-shadow:8px 0 32px #00000026;width:280px}body[data-theme=dark] .sidebar.open{box-shadow:8px 0 32px #0006}.mainContent,.sidebar.open~.mainContent{margin-left:0}.sidebar.open:after{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;content:"";left:280px;position:fixed;right:0;top:0;z-index:-1}}.mobileMenuBtn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 16px #0000001a;color:var(--text);cursor:pointer;display:none;height:48px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .3s ease;width:48px;z-index:99}.mobileMenuBtn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.05)}@media (max-width:768px){.mobileMenuBtn{display:flex}}@media (max-width:480px){.mobileMenuBtn{border-radius:12px;height:42px;left:12px;top:12px;width:42px}.sidebar.open{width:260px}.sidebar.open:after{left:260px}.sidebarHeader{padding:16px}.logoFull{font-size:20px}.navItem{font-size:14px;padding:12px 16px}}.sidebarToggle{display:none}.sidebarControls{display:flex;justify-content:center}.sidebar.open .sidebarControls{justify-content:flex-start;padding-left:4px}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:24px;top:24px;z-index:10000}@media (max-width:480px){.toast-container{left:16px;max-width:none;right:16px;top:16px}}.toast{align-items:center;animation:toastSlideIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;display:flex;gap:12px;padding:16px 20px;pointer-events:auto}.toast-exit{animation:toastSlideOut .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100%) scale(.9)}}.toast-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.toast-message{color:var(--text);flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.toast-close:hover{background:var(--bg1);color:var(--text)}.toast-error{background:linear-gradient(135deg,var(--card) 0,#ef44440d 100%);border-color:#ef44444d}.toast-error .toast-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-success{background:linear-gradient(135deg,var(--card) 0,#22c55e0d 100%);border-color:#22c55e4d}.toast-success .toast-icon{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.toast-warning{background:linear-gradient(135deg,var(--card) 0,#f59e0b0d 100%);border-color:#f59e0b4d}.toast-warning .toast-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-info{background:linear-gradient(135deg,var(--card) 0,#3b82f60d 100%);border-color:#3b82f64d}.toast-info .toast-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}body[data-theme=dark] .toast{box-shadow:0 10px 40px #0006,0 4px 12px #0000004d}.loginWrap{background:linear-gradient(145deg,var(--bg0) 0,var(--bg1) 50%,var(--bg0) 100%);display:grid;min-height:100vh;overflow:hidden;padding:32px;place-items:center;position:relative}.loginWrap:before{background:radial-gradient(circle at 20% 30%,#3b82f614 0,#0000 40%),radial-gradient(circle at 80% 70%,#3b82f60f 0,#0000 40%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.loginCard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow2);max-width:100%;padding:40px 36px;position:relative;width:420px;z-index:1}.logo{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;box-shadow:0 8px 24px #3b82f64d;display:grid;font-size:48px;height:80px;margin:0 auto 20px;place-items:center;width:80px}.loginTitle{color:var(--text);font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px;text-align:center}.subtitle{color:var(--muted);font-weight:500;margin-bottom:28px}.loginErr,.subtitle{font-size:14px;text-align:center}.loginErr{background:#ff4d4f14;border:1px solid #ff4d4f40;border-radius:12px;color:var(--danger);font-weight:600;margin-top:16px;padding:12px 16px}.loginForm{grid-gap:18px;display:grid;gap:18px}.field{position:relative}.field .label{color:var(--text);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.field .input{background:var(--inputBg);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:15px;font-weight:500;padding:14px 16px;transition:all .2s ease;width:100%}.field .input::placeholder{color:var(--muted2)}.field .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f;outline:none}.field .input:hover:not(:focus){border-color:#3b82f64d}.btn{font-size:15px;transition:all .2s ease}.btn.fullWidth{border-radius:12px;font-weight:700;padding:14px 20px;width:100%}.btnPrimary{border:none;box-shadow:0 4px 12px #3b82f640}.btnPrimary:hover:not(:disabled){background:#2563eb;box-shadow:0 6px 20px #3b82f659;transform:translateY(-1px)}.btnPrimary:active:not(:disabled){transform:translateY(0)}.btnPrimary:disabled{cursor:not-allowed;opacity:.6}.hr{margin:24px 0 20px}.twoFactorInput{font-family:monospace;font-size:24px!important;font-weight:700;letter-spacing:.5em;text-align:center}.fieldHint{color:var(--muted);font-size:12px;margin-top:8px;text-align:center}.btnSecondary{background:#0000;border:1px solid var(--border);color:var(--muted)}.btnSecondary:hover{background:var(--bg1);border-color:var(--muted);color:var(--text)}.small{text-align:center}body[data-theme=dark] .loginWrap:before{background:radial-gradient(circle at 20% 30%,#3b82f61f 0,#0000 40%),radial-gradient(circle at 80% 70%,#3b82f614 0,#0000 40%)}body[data-theme=dark] .loginCard{background:var(--card);border-color:var(--border)}body[data-theme=dark] .logo{box-shadow:0 8px 32px #3b82f666}body[data-theme=dark] .loginErr{background:#ff4d4f1f;border-color:#ff4d4f4d;color:#ff8a8b}body[data-theme=dark] .field .input{border-color:var(--border)}body[data-theme=dark] .field .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f633}body[data-theme=dark] .btnPrimary{box-shadow:0 4px 16px #3b82f659}body[data-theme=dark] .btnPrimary:hover:not(:disabled){box-shadow:0 6px 24px #3b82f673}@media (max-width:640px){.loginWrap{padding:20px}.loginCard{padding:32px 24px}.logo{font-size:40px;height:70px;width:70px}.loginTitle{font-size:24px}}@media (max-width:480px){.loginWrap{padding:16px}.loginCard{border-radius:16px;padding:24px 20px}.logo{font-size:32px;height:60px;width:60px}.loginTitle{font-size:20px}.loginSubtitle{font-size:13px}.loginInput{font-size:14px;padding:12px 14px}.btnPrimary{font-size:14px;padding:12px 20px}}.loadingContainer{flex-direction:column;gap:16px;padding:40px 20px}.loadingContainer,.loadingFullPage{align-items:center;display:flex;justify-content:center}.loadingFullPage{background:var(--bg);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loadingSpinner{height:50px;position:relative;width:50px}.spinnerRing{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #0000;border-radius:50%;border-top:3px solid var(--accent);height:100%;position:absolute;width:100%}.spinnerRing:first-child{animation-delay:-.45s}.spinnerRing:nth-child(2){animation-delay:-.3s;border-top-color:var(--info);height:80%;left:10%;top:10%;width:80%}.spinnerRing:nth-child(3){animation-delay:-.15s;border-top-color:var(--success);height:60%;left:20%;top:20%;width:60%}.loadingText{color:var(--muted);font-size:14px;font-weight:500;margin:0}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--border) 25%,var(--bg1) 50%,var(--border) 75%);background-size:200% 100%;border-radius:8px}.skeletonText{height:16px;margin-bottom:8px}.skeletonTitle{height:24px;margin-bottom:12px;width:60%}.skeletonCard{border-radius:12px;height:120px}.pageTitle{font-size:28px;margin:0 0 4px}.pageSubtitle{color:var(--muted);font-size:14px}.statsGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1200px){.statsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.statsGrid{grid-template-columns:1fr}}.statCard{align-items:flex-start;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:16px;overflow:hidden;padding:20px;position:relative}.statCard,.statCard:before{transition:var(--transition)}.statCard:before{background:var(--accent);background:var(--statColor,var(--accent));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0}.statCard:hover{box-shadow:var(--shadow2);transform:translateY(-2px)}.statCard:hover:before{opacity:1}.statCard1{--statColor:#3b82f6}.statCard2{--statColor:#10b981}.statCard3{--statColor:#f59e0b}.statCard4{--statColor:#8b5cf6}.iconBox{align-items:center;border-radius:var(--radiusSm);display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;transition:var(--transition);width:48px}.statCard1 .iconBox{background:#3b82f61a;color:#3b82f6}.statCard2 .iconBox{background:#10b9811a;color:#10b981}.statCard3 .iconBox{background:#f59e0b1a;color:#f59e0b}.statCard4 .iconBox{background:#8b5cf61a;color:#8b5cf6}.statCard:hover .iconBox{transform:scale(1.1)}.statInfo{flex:1 1;min-width:0}.statTitle{color:var(--muted);font-size:13px;font-weight:500;margin-bottom:4px}.statValue{color:var(--text);font-size:28px;font-weight:700;line-height:1.2}.quickActionsSection{margin-bottom:24px}.sectionHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sectionTitle{color:var(--text);font-size:16px;font-weight:600}.quickActionsGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.quickActionsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.quickActionsGrid{grid-template-columns:1fr}}.quickActionBtn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px 16px;text-decoration:none;transition:var(--transition)}.quickActionBtn:hover{background:var(--accentLight);border-color:var(--accent);box-shadow:var(--shadow2);transform:translateY(-2px)}.qaIcon{color:var(--accent);font-size:24px;transition:var(--transition)}.quickActionBtn:hover .qaIcon{transform:scale(1.15)}.qaText{font-size:13px;font-weight:600;text-align:center}.dashboardGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}@media (max-width:1024px){.dashboardGrid{grid-template-columns:1fr}}.dashboardCard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.dashboardCardHeader{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.dashboardCardTitle{align-items:center;color:var(--text);display:flex;font-size:15px;font-weight:600;gap:8px}.dashboardCardBody{padding:0}.recentList{display:flex;flex-direction:column}.recentItem{align-items:center;border-bottom:1px solid var(--borderLight);cursor:pointer;display:flex;gap:12px;padding:14px 20px;transition:var(--transition)}.recentItem:last-child{border-bottom:none}.recentItem:hover{background:var(--cardHover)}.recentIcon{align-items:center;background:var(--accentLight);border-radius:8px;color:var(--accent);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.recentInfo{flex:1 1;min-width:0}.recentLabel{color:var(--text);font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recentMeta{color:var(--muted);font-family:SF Mono,monospace;font-size:12px}.recentArrow{color:var(--muted2);font-size:14px;opacity:0;transition:var(--transition)}.recentItem:hover .recentArrow{opacity:1;transform:translateX(4px)}.emptyState{padding:40px 20px}.emptyIcon{font-size:40px;margin-bottom:12px;opacity:.3}.emptyText{color:var(--muted);font-size:14px}.welcomeCard{background:linear-gradient(135deg,var(--accent) 0,var(--info) 100%);border:none;border-radius:var(--radius);color:#fff;margin-bottom:24px;padding:24px}.welcomeTitle{font-size:20px;font-weight:700;margin-bottom:8px}.welcomeText{font-size:14px;margin-bottom:16px;opacity:.9}.welcomeActions{display:flex;gap:12px}.welcomeBtn{border:none;border-radius:var(--radiusSm);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:var(--transition)}.welcomeBtnPrimary{background:#fff;color:var(--accent)}.welcomeBtnPrimary:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.welcomeBtnSecondary{background:#fff3;color:#fff}.welcomeBtnSecondary:hover{background:#ffffff4d}.activityItem{border-bottom:1px solid var(--borderLight);display:flex;gap:12px;padding:14px 20px}.activityItem:last-child{border-bottom:none}.activityDot{background:var(--accent);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.activityContent{flex:1 1}.activityText{color:var(--text);font-size:14px;margin-bottom:4px}.activityTime{color:var(--muted);font-size:12px}.chartsGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}@media (max-width:1200px){.chartsGrid{grid-template-columns:1fr}}.chartCard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.chartCard .dashboardCardTitle{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:12px}.chartContainer{height:250px;width:100%}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:var(--shadow2)!important}.recharts-tooltip-label{color:var(--text)!important;font-weight:600!important;margin-bottom:4px!important}.recharts-tooltip-item{color:var(--textSecondary)!important}.recharts-pie-label-text{fill:var(--text);font-size:11px;font-weight:500}.recharts-legend-item-text{color:var(--text)!important}body[data-theme=dark] .recharts-cartesian-axis-tick-value{fill:var(--muted)}body[data-theme=dark] .recharts-pie-label-text{fill:var(--text)}@media (max-width:480px){.pageTitle{font-size:22px}.pageSubtitle{font-size:13px}.statCard{padding:16px}.statValue{font-size:24px}.statLabel{font-size:12px}.sectionTitle{font-size:14px}.chartContainer{height:200px}}.pageHeader{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.pageTitle{color:var(--text);font-size:24px;font-weight:700;margin:0}.filtersBar{align-items:flex-end;background:var(--card);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;padding:20px}.field{flex:1 1;min-width:150px}.fieldWide{flex:2 1;min-width:200px}@media (max-width:768px){.field,.fieldWide{min-width:100%}}@media (max-width:480px){.field,.fieldWide{min-width:100%}}.tableCard{margin-top:20px;overflow:hidden;padding:0}.ip-table-header{background:var(--bg1)}.ip-table-header .th{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-transform:uppercase;white-space:nowrap}.ip-cell{align-items:center;background:var(--accentLight);border-radius:6px;color:var(--accent);display:inline-flex;font-family:SF Mono,Consolas,monospace;font-size:13px;font-weight:600;padding:6px 12px}.ip-list{display:flex;flex-direction:column;gap:4px}.customer-badge{background:var(--infoLight);color:var(--info)}.customer-badge,.specs-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.specs-badge{background:var(--btn);color:var(--textSecondary)}.location-badge{align-items:center;background:var(--successLight);border-radius:6px;color:var(--success);display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.date-cell{color:var(--muted);font-size:13px}.actions{align-items:center;display:flex;gap:8px}.btn-edit-ip{background:var(--accentLight);border:none;border-radius:var(--radiusSm);color:var(--accent);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:var(--transition)}.btn-edit-ip:hover{background:var(--accent);color:#fff}.btn-delete-ip{background:var(--dangerLight);border:none;border-radius:var(--radiusSm);color:var(--danger);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:var(--transition)}.btn-delete-ip:hover{background:var(--danger);color:#fff}.tip{align-items:center;background:var(--bg1);border-top:1px solid var(--border);color:var(--muted);display:flex;font-size:13px;gap:8px;padding:14px 20px}.loading-state{color:var(--muted);padding:60px 20px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);display:inline-block;height:40px;width:40px}.empty-state-ip{padding:60px 20px;text-align:center}.empty-state-ip-icon{font-size:48px;margin-bottom:16px;opacity:.3}.empty-state-ip-text{color:var(--muted);font-size:15px}.stats-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.stat-item{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radiusSm);color:var(--muted);display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 14px}.stat-item .stat-number{color:var(--accent);font-weight:700}@media (max-width:768px){.field,.fieldWide{min-width:100%}.filtersBar{padding:16px}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}body[data-theme=dark] .modal-overlay{background:#000000bf}.modal-content{animation:slideInScale .3s cubic-bezier(.4,0,.2,1);background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 60px #0000004d;max-width:450px;overflow:hidden;width:90%}body[data-theme=dark] .modal-content{box-shadow:0 20px 60px #0009}.modal-header{flex-direction:column;gap:16px;padding:28px 28px 20px}.modal-header,.modal-icon{align-items:center;display:flex}.modal-icon{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);border-radius:50%;font-size:32px;height:64px;justify-content:center;width:64px}.modal-icon-danger{background:linear-gradient(135deg,#ff4d4f26,#ff4d4f0d);border:2px solid #ff4d4f4d}.modal-icon-success{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:2px solid #22c55e4d}.modal-icon-info{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:2px solid #3b82f64d}.modal-title{color:var(--text);font-size:22px;font-weight:900;margin:0;text-align:center}.modal-body{padding:0 28px 28px}.modal-message{color:var(--muted);font-size:15px;font-weight:500;line-height:1.6;margin:0;text-align:center}.modal-footer{display:flex;gap:12px;justify-content:center;padding:20px 28px 28px}.modal-btn-cancel{background:var(--inputBg);border:1px solid var(--border);color:var(--text);flex:1 1;font-weight:700;padding:12px 24px;transition:all .2s ease}.modal-btn-cancel:hover{background:var(--btnHover);transform:translateY(-1px)}.modal-btn-confirm{flex:1 1;font-weight:700;padding:12px 24px;transition:all .2s ease}.modal-btn-danger{background:linear-gradient(135deg,#ff4d4f,#ff7875);border:1px solid #ff4d4f80;color:#fff}.modal-btn-danger:hover{background:linear-gradient(135deg,#ff7875,#ff4d4f);box-shadow:0 8px 20px #ff4d4f4d;transform:translateY(-1px)}.modal-btn-success{background:linear-gradient(135deg,#22c55e,#10b981);border:1px solid #22c55e80;color:#fff}.modal-btn-success:hover{background:linear-gradient(135deg,#10b981,#22c55e);box-shadow:0 8px 20px #22c55e4d;transform:translateY(-1px)}.modal-btn-info{background:linear-gradient(135deg,#3b82f6,#60a5fa);border:1px solid #3b82f680;color:#fff}.modal-btn-info:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 8px 20px #3b82f64d;transform:translateY(-1px)}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.input-dialog-content{max-width:480px}.input-dialog-body{padding:0 28px 24px}.input-dialog-fields{display:flex;flex-direction:column;gap:20px;margin-top:8px}.input-dialog-field{display:flex;flex-direction:column;gap:8px}.input-dialog-label{color:var(--text);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.input-dialog-input{background:var(--inputBg);border:2px solid var(--border);border-radius:12px;box-sizing:border-box;color:var(--text);font-size:15px;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.input-dialog-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--inputFocus)}.input-dialog-input::placeholder{color:var(--muted2)}.input-dialog-color-row{align-items:center;display:flex;gap:12px}.input-dialog-color{border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:52px;padding:0;width:52px}.input-dialog-color::-webkit-color-swatch-wrapper{padding:4px}.input-dialog-color::-webkit-color-swatch{border:2px solid var(--border);border-radius:8px}.input-dialog-color-text{flex:1 1;font-family:SF Mono,Monaco,monospace}.input-dialog-select{cursor:pointer}.input-dialog-select option{background:var(--card);color:var(--text);padding:12px}body[data-theme=dark] .input-dialog-select option{background:#1c1c1f;color:#fafafa}.input-dialog-textarea{min-height:100px;resize:vertical}.input-dialog-optional{color:var(--muted2);font-size:11px;font-weight:400;letter-spacing:0;text-transform:none}.modal-btn-confirm:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}@media (max-width:640px){.modal-content{max-width:95%}.modal-header{padding:24px 20px 16px}.modal-body{padding:0 20px 24px}.modal-footer{flex-direction:column;padding:16px 20px 24px}.modal-icon{font-size:28px;height:56px;width:56px}.modal-title{font-size:20px}.modal-message{font-size:14px}.input-dialog-body{padding:0 20px 20px}.input-dialog-color-row{align-items:stretch;flex-direction:column}.input-dialog-color{height:48px;width:100%}}.cust-container{background:var(--bg0);min-height:100vh;padding:32px 40px}@media (max-width:768px){.cust-container{padding:20px}}.cust-header{margin-bottom:32px}.cust-header-top{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.cust-header-left,.cust-header-top{align-items:center;display:flex;gap:20px}.cust-header-icon{align-items:center;animation:iconFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);border-radius:18px;box-shadow:0 10px 28px #6366f159;display:flex;font-size:28px;height:64px;justify-content:center;width:64px}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(3deg)}}.cust-title{color:var(--text);font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.cust-subtitle{color:var(--muted);font-size:15px;margin:0}.cust-add-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;box-shadow:0 6px 20px #6366f159;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:10px;padding:14px 28px;transition:all .25s cubic-bezier(.4,0,.2,1)}.cust-add-btn:hover{box-shadow:0 10px 30px #6366f173;transform:translateY(-3px)}.cust-add-btn-icon{font-size:20px}.cust-stats{display:flex;flex-wrap:wrap;gap:16px}.cust-stat{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:16px;display:flex;gap:14px;padding:16px 24px;transition:all .25s ease}.cust-stat:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.cust-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.cust-stat-icon.total{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.cust-stat-icon.active{background:linear-gradient(135deg,#10b981,#059669)}.cust-stat-icon.recent{background:linear-gradient(135deg,#f59e0b,#d97706)}.cust-stat-value{color:var(--text);font-size:24px;font-weight:800}.cust-stat-label{color:var(--muted);font-size:13px;font-weight:500}.cust-search-bar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px}.cust-search{flex:1 1;max-width:400px;min-width:200px;position:relative}@media (max-width:480px){.cust-search{max-width:100%;min-width:100%}}.cust-search-icon{color:var(--muted);font-size:18px;left:18px;position:absolute;top:50%;transform:translateY(-50%)}.cust-search-input{background:var(--card);border:2px solid var(--border);border-radius:14px;color:var(--text);font-size:15px;outline:none;padding:14px 18px 14px 50px;transition:all .25s ease;width:100%}.cust-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--inputFocus)}.cust-search-input::placeholder{color:var(--muted2)}.cust-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:32px}@media (max-width:768px){.cust-grid{grid-template-columns:1fr}}.cust-card{background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.cust-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.cust-card:hover{border-color:var(--accent);box-shadow:0 16px 40px #0000001f;transform:translateY(-6px)}.cust-card:hover:before{opacity:1}.cust-card-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.cust-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:16px;box-shadow:0 6px 16px #6366f14d;color:#fff;display:flex;flex-shrink:0;font-size:22px;font-weight:700;height:56px;justify-content:center;width:56px}.cust-card-info{flex:1 1;min-width:0}.cust-card-name{color:var(--text);font-size:18px;font-weight:700;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cust-card-nickname{align-items:center;background:linear-gradient(135deg,var(--accentLight),#8b5cf626);border-radius:8px;color:var(--accent);display:inline-flex;font-size:13px;font-weight:600;padding:5px 12px}.cust-card-actions{display:flex;gap:8px}.cust-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;height:38px;justify-content:center;transition:all .2s ease;width:38px}.cust-action-btn.edit{background:var(--accentLight);color:var(--accent)}.cust-action-btn.edit:hover{background:var(--accent);color:#fff;transform:scale(1.1)}.cust-action-btn.delete{background:var(--dangerLight);color:var(--danger)}.cust-action-btn.delete:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.cust-card-body{display:flex;flex-direction:column;gap:14px}.cust-card-row{align-items:center;display:flex;gap:12px}.cust-card-row-icon{align-items:center;background:var(--bg1);border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.cust-card-row-content{flex:1 1;min-width:0}.cust-card-row-label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cust-card-row-value{color:var(--text);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cust-card-row-value.muted{color:var(--muted)}.cust-card-notes{background:var(--bg1);border-radius:12px;margin-top:6px;padding:14px}.cust-card-notes-label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.cust-card-notes-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text);display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden}.cust-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;overflow:hidden;padding:20px;position:fixed;z-index:1000}.cust-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--card);border-radius:24px;box-shadow:0 24px 64px #0003;max-height:90vh;max-width:560px;overflow:hidden;width:calc(100% - 40px)}.cust-modal-header{align-items:center;display:flex;gap:16px;padding:28px 28px 0}.cust-modal-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;box-shadow:0 6px 16px #6366f14d;display:flex;font-size:24px;height:52px;justify-content:center;width:52px}.cust-modal-title{color:var(--text);font-size:24px;font-weight:700;margin:0}.cust-modal-close{align-items:center;background:var(--bg1);border:none;border-radius:12px;color:var(--muted);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;margin-left:auto;transition:all .2s ease;width:40px}.cust-modal-close:hover{background:var(--dangerLight);color:var(--danger)}.cust-modal-body{max-height:calc(90vh - 180px);overflow-x:hidden;overflow-y:auto;padding:28px}.cust-form-grid{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);width:100%}@media (max-width:560px){.cust-form-grid{grid-template-columns:1fr}}.cust-form-field{display:flex;flex-direction:column;gap:8px}.cust-form-field.full{grid-column:1/-1}.cust-form-label{align-items:center;color:var(--text);display:flex;font-size:14px;font-weight:600;gap:6px}.cust-form-required{color:#ef4444}.cust-form-input{background:var(--inputBg);border:2px solid var(--border);border-radius:12px;box-sizing:border-box;color:var(--text);font-size:15px;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.cust-form-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--inputFocus)}.cust-form-input::placeholder{color:var(--muted2)}.cust-form-textarea{line-height:1.5;min-height:100px;resize:vertical}.cust-form-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#ef4444;display:flex;font-size:14px;font-weight:500;gap:10px;grid-column:1/-1;margin-top:8px;padding:14px 16px}.cust-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:0 28px 28px}.cust-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:14px 28px;transition:all .2s ease}.cust-btn-cancel{background:var(--btn);border:1px solid var(--border);color:var(--text)}.cust-btn-cancel:hover{background:var(--btnHover)}.cust-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f159;color:#fff}.cust-btn-primary:hover{box-shadow:0 8px 24px #6366f173;transform:translateY(-2px)}.cust-empty{background:var(--card);border:2px dashed var(--border);border-radius:24px;padding:80px 40px;text-align:center}.cust-empty-icon{animation:bounce 2s ease-in-out infinite;font-size:72px;margin-bottom:24px;opacity:.3}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cust-empty-title{color:var(--text);font-size:24px;font-weight:700;margin:0 0 8px}.cust-empty-text{color:var(--muted);font-size:15px;margin:0 0 24px}body[data-theme=dark] .cust-card{box-shadow:0 4px 24px #0003}body[data-theme=dark] .cust-card:hover{box-shadow:0 16px 48px #0000004d}body[data-theme=dark] .cust-modal{box-shadow:0 24px 64px #0006}body[data-theme=dark] .cust-stat:hover{box-shadow:0 8px 24px #0003}.topBar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.topBar .h1{color:var(--text);font-size:24px;font-weight:700;margin:0}.backBtn,.rightBtn{margin-left:auto}.formGrid2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:24px}@media (max-width:768px){.formGrid2{grid-template-columns:1fr;padding:20px}}.form-section-divider{background:var(--border);grid-column:1/-1;height:1px;margin:8px 0}.form-section-header{align-items:center;color:var(--text);display:flex;font-size:14px;font-weight:600;gap:10px;grid-column:1/-1;padding-bottom:8px}.form-section-header:before{background:var(--accent);border-radius:2px;content:"";height:16px;width:3px}.helper{align-items:center;border-top:1px solid var(--border);color:var(--muted);display:flex;font-size:13px;gap:8px;padding:14px 20px}.helper,.servers-table-header{background:var(--bg1)}.servers-table-header .th{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-transform:uppercase;white-space:nowrap}.server-label{color:var(--text);font-size:14px;font-weight:600}.server-ip{background:var(--accentLight);color:var(--accent);font-family:SF Mono,Consolas,monospace}.server-customer,.server-ip{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.server-customer{background:var(--infoLight);color:var(--info)}.server-location{align-items:center;background:var(--successLight);border-radius:6px;color:var(--success);display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.server-date{color:var(--muted);font-size:13px}.empty-servers{padding:60px 20px;text-align:center}.empty-servers-icon{font-size:48px;margin-bottom:16px;opacity:.3}.empty-servers-text{color:var(--muted);font-size:15px}.serverCard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:var(--transition)}.serverCard:hover{box-shadow:var(--shadow2);transform:translateY(-2px)}.serverCardHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.serverCardTitle{color:var(--text);font-size:16px;font-weight:600}.serverCardStatus{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.serverCardStatus.online{background:var(--successLight);color:var(--success)}.serverCardStatus.offline{background:var(--dangerLight);color:var(--danger)}.serverCardInfo{display:flex;flex-direction:column;gap:10px}.serverCardRow{align-items:center;display:flex;font-size:13px;gap:8px}.serverCardRow .label{color:var(--muted);margin-bottom:0;min-width:70px}@media (max-width:480px){.serverCardRow .label{min-width:60px}}.serverCardRow .value{color:var(--text);font-weight:500}.serversGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:1200px){.serversGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.serversGrid{grid-template-columns:1fr}}.viewToggle{background:var(--btn);border-radius:var(--radiusSm);display:flex;gap:4px;padding:4px}.viewToggleBtn{background:#0000;border:none;border-radius:6px;color:var(--muted);cursor:pointer;font-size:14px;padding:8px 12px;transition:var(--transition)}.viewToggleBtn:hover{color:var(--text)}.viewToggleBtn.active{background:var(--card);box-shadow:var(--shadow);color:var(--text)}.sf2-container{background:var(--bg0);min-height:100vh;padding:32px 40px}@media (max-width:768px){.sf2-container{padding:20px}}.sf2-header{margin-bottom:32px}.sf2-back{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:10px 18px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.sf2-back:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--accentLight);color:var(--accent);transform:translateX(-6px)}.sf2-back-icon{font-size:18px;transition:transform .25s ease}.sf2-back:hover .sf2-back-icon{transform:translateX(-3px)}.sf2-header-content{align-items:center;display:flex;gap:24px;margin-bottom:24px}.sf2-header-icon{align-items:center;animation:floatIcon 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);border-radius:20px;box-shadow:0 12px 32px #6366f159;display:flex;font-size:32px;height:72px;justify-content:center;position:relative;width:72px}.sf2-header-icon:before{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#a855f7,#6366f1);border-radius:22px;content:"";filter:blur(8px);inset:-3px;opacity:.5;position:absolute;z-index:-1}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.sf2-header-text{flex:1 1}.sf2-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text) 0,var(--muted) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text);font-size:36px;font-weight:800;letter-spacing:-1px;margin:0 0 6px}.sf2-subtitle{color:var(--muted);font-size:16px;margin:0}.sf2-progress{align-items:center;display:flex;gap:16px;margin-top:8px}.sf2-progress-bar{background:var(--bg2);border-radius:5px;flex:1 1;height:10px;max-width:350px;overflow:hidden;position:relative}.sf2-progress-bar:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.sf2-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);border-radius:5px;height:100%;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}.sf2-progress-text{color:var(--accent);font-size:14px;font-weight:700}.sf2-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:260px 1fr;max-width:1300px}@media (max-width:1024px){.sf2-layout{grid-template-columns:1fr}}.sf2-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:32px}@media (max-width:1024px){.sf2-sidebar{position:static}}.sf2-nav{background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 24px #0000000f;margin-bottom:20px;padding:12px}.sf2-nav-item{align-items:center;background:#0000;border:none;border-radius:14px;color:var(--muted);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:14px;overflow:hidden;padding:16px 18px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.sf2-nav-item:before{background:linear-gradient(180deg,#6366f1,#a855f7);border-radius:2px;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .25s ease;width:4px}.sf2-nav-item:hover{background:var(--bg1);color:var(--text);transform:translateX(4px)}.sf2-nav-item.active{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:var(--accent)}.sf2-nav-item.active:before{height:24px}.sf2-nav-icon{font-size:20px;transition:transform .25s ease}.sf2-nav-item:hover .sf2-nav-icon{transform:scale(1.15)}.sf2-nav-label{flex:1 1;text-align:left}.sf2-nav-check{align-items:center;background:var(--bg2);border-radius:50%;display:flex;font-size:12px;height:22px;justify-content:center;transition:all .25s ease;width:22px}.sf2-nav-check.done{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.sf2-tips{background:linear-gradient(135deg,var(--card),var(--bg1));border:1px solid var(--border);border-radius:20px;overflow:hidden;padding:24px;position:relative}.sf2-tips:before{background:radial-gradient(circle,#6366f11a 0,#0000 70%);content:"";height:100%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}.sf2-tips-icon{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;box-shadow:0 6px 16px #fbbf244d;display:flex;font-size:22px;height:44px;justify-content:center;margin-bottom:16px;width:44px}.sf2-tips-title{color:var(--text);font-size:15px;font-weight:700;margin-bottom:14px}.sf2-tips-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.sf2-tips-list li{color:var(--muted);font-size:13px;line-height:1.5;padding-left:24px;position:relative}.sf2-tips-list li:before{color:#10b981;content:"✓";font-size:14px;font-weight:700;left:0;position:absolute}@media (max-width:1024px){.sf2-nav{display:flex;gap:8px;overflow-x:auto;padding:10px}.sf2-nav-item{flex-shrink:0;padding:12px 18px}.sf2-nav-item:before,.sf2-tips{display:none}}.sf2-form{display:flex;flex-direction:column;gap:24px}.sf2-section{animation:sectionFadeIn .4s cubic-bezier(.4,0,.2,1);background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:0 4px 24px #0000000a;display:none;overflow:hidden;padding:32px;position:relative}.sf2-section:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.sf2-section:hover:before{opacity:1}.sf2-section.active{display:block}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sf2-section-header{align-items:center;border-bottom:2px solid var(--border);display:flex;gap:18px;margin-bottom:32px;padding-bottom:24px}.sf2-section-icon{align-items:center;background:linear-gradient(135deg,var(--accentLight),#8b5cf626);border-radius:16px;display:flex;font-size:26px;height:56px;justify-content:center;transition:transform .3s ease;width:56px}.sf2-section:hover .sf2-section-icon{transform:rotate(-5deg) scale(1.05)}.sf2-section-title{color:var(--text);font-size:22px;font-weight:700;margin:0 0 4px}.sf2-section-desc{color:var(--muted);font-size:14px;margin:0}.sf2-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.sf2-grid{grid-template-columns:1fr}}.sf2-full{grid-column:1/-1}.sf2-field{display:flex;flex-direction:column;gap:10px}.sf2-label{align-items:center;color:var(--text);display:flex;font-size:14px;font-weight:600;gap:8px}.sf2-required{color:#ef4444;font-size:16px}.sf2-optional{color:var(--muted2);font-size:12px;font-weight:400;margin-left:auto}.sf2-input{background:var(--inputBg);border:2px solid var(--border);border-radius:14px;color:var(--text);font-size:15px;outline:none;padding:16px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.sf2-input:hover{border-color:var(--muted2)}.sf2-input:focus{border-color:var(--accent);box-shadow:0 0 0 5px var(--inputFocus),0 4px 16px #6366f126}.sf2-input::placeholder{color:var(--muted2)}.sf2-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:44px}.sf2-textarea{line-height:1.6;min-height:120px;resize:vertical}.sf2-input-mono{font-family:SF Mono,Consolas,Monaco,monospace;letter-spacing:.5px}.sf2-specs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.sf2-specs-grid{grid-template-columns:1fr}}.sf2-spec-card{background:linear-gradient(135deg,var(--bg1),var(--card));border:2px solid var(--border);border-radius:18px;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sf2-spec-card:before{background:linear-gradient(135deg,#6366f10d,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.sf2-spec-card:hover{border-color:var(--accent);box-shadow:0 12px 32px #6366f126;transform:translateY(-4px)}.sf2-spec-card:hover:before{opacity:1}.sf2-spec-card:focus-within{border-color:var(--accent);box-shadow:0 12px 32px #6366f126;transform:translateY(-4px)}.sf2-spec-header{align-items:center;display:flex;gap:14px}.sf2-spec-icon{align-items:center;background:var(--card);border-radius:14px;box-shadow:0 4px 12px #00000014;display:flex;font-size:24px;height:48px;justify-content:center;transition:transform .3s ease;width:48px}.sf2-spec-card:hover .sf2-spec-icon{transform:scale(1.1) rotate(-5deg)}.sf2-spec-label{color:var(--text);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.sf2-spec-card .sf2-input,.sf2-spec-card .sf2-select{background:var(--card);position:relative;z-index:1}.sf2-spec-card-wide{grid-column:1/-1}.sf2-ip-input-group{display:flex;gap:12px}.sf2-ip-input-group .sf2-input{flex:1 1}.sf2-ip-add-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:16px 24px;transition:all .25s ease}.sf2-ip-add-btn:hover:not(:disabled){box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.sf2-ip-add-btn:disabled{cursor:not-allowed;opacity:.5}.sf2-input-error{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef444426!important}.sf2-error-text{color:#ef4444;display:block;font-size:12px;font-weight:500;margin-top:6px}.sf2-hint{color:var(--muted);font-size:11px;font-weight:500;margin-left:auto}.sf2-ip-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;min-height:24px}.sf2-ip-chip{align-items:center;animation:chipIn .3s ease;background:linear-gradient(135deg,var(--bg1),var(--card));border:1px solid var(--border);border-radius:10px;color:var(--text);display:inline-flex;font-family:SF Mono,Consolas,monospace;font-size:14px;font-weight:500;gap:10px;padding:10px 14px;transition:all .25s ease}@keyframes chipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.sf2-ip-chip:hover{background:#ef44441a;border-color:#ef4444}.sf2-ip-remove{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--muted);cursor:pointer;display:flex;font-size:16px;height:22px;justify-content:center;padding:0;transition:all .2s ease;width:22px}.sf2-ip-remove:hover{background:#ef4444;color:#fff}.sf2-storage-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sf2-storage-chip{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 14px;transition:all .2s ease}.sf2-storage-chip:hover{background:var(--dangerLight);border-color:var(--danger)}.sf2-storage-remove{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--muted);cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.sf2-storage-remove:hover{background:var(--danger);color:#fff}.sf2-storage-add-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1fr 80px 140px auto}@media (max-width:768px){.sf2-storage-add-row{gap:10px;grid-template-columns:1fr 1fr}.sf2-size-input-group,.sf2-storage-add-row .sf2-btn-add{grid-column:1/-1}}.sf2-storage-add-row input[type=number]::-webkit-inner-spin-button,.sf2-storage-add-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sf2-storage-add-row input[type=number]{-webkit-appearance:textfield;appearance:textfield}.sf2-size-input-group{display:flex;gap:0}.sf2-size-input-group .sf2-input:first-child{border-radius:12px 0 0 12px;border-right:none;flex:1 1}.sf2-size-input-group .sf2-size-unit{border-radius:0 12px 12px 0;flex-shrink:0;padding:14px 10px;width:70px}.sf2-btn-add{align-items:center;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.sf2-btn-add:hover:not(:disabled){background:var(--info);transform:translateY(-1px)}.sf2-btn-add:disabled{cursor:not-allowed;opacity:.5}.sf2-storage-or{color:var(--muted);font-size:12px;font-weight:600;margin:8px 0;text-align:center;text-transform:uppercase}.sf2-actions{align-items:center;display:flex;gap:16px;justify-content:space-between;padding-top:12px}.sf2-actions-left,.sf2-actions-right{display:flex;gap:12px}.sf2-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;padding:16px 32px;transition:all .25s cubic-bezier(.4,0,.2,1)}.sf2-btn-nav{background:var(--btn);border:1px solid var(--border);color:var(--text)}.sf2-btn-nav:hover{background:var(--btnHover);transform:translateX(-4px)}.sf2-btn-nav-next{background:var(--btn);border:1px solid var(--border);color:var(--text)}.sf2-btn-nav-next:hover{background:var(--btnHover);transform:translateX(4px)}.sf2-btn-cancel{background:var(--btn);border:1px solid var(--border);color:var(--muted)}.sf2-btn-cancel:hover{background:var(--dangerLight);border-color:var(--danger);color:var(--danger)}.sf2-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);box-shadow:0 6px 20px #6366f166;color:#fff;overflow:hidden;position:relative}.sf2-btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.sf2-btn-primary:hover:before{left:100%}.sf2-btn-primary:hover{box-shadow:0 12px 32px #6366f180;transform:translateY(-3px)}.sf2-btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.sf2-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.sf2-error{align-items:center;animation:shake .5s ease;background:#ef44441a;border:1px solid #ef44444d;border-radius:14px;color:#ef4444;display:flex;font-size:14px;font-weight:600;gap:12px;padding:16px 20px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.sf2-error-icon{font-size:20px}@media (max-width:768px){.sf2-header-content{align-items:flex-start;flex-direction:column;gap:16px}.sf2-header-icon{font-size:28px;height:60px;width:60px}.sf2-title{font-size:28px}.sf2-section{padding:24px}.sf2-section-header{align-items:flex-start;gap:14px}.sf2-actions,.sf2-section-header{flex-direction:column}.sf2-actions-left,.sf2-actions-right,.sf2-btn{width:100%}}body[data-theme=dark] .sf2-header-icon{box-shadow:0 12px 32px #6366f140}body[data-theme=dark] .sf2-spec-card{background:linear-gradient(135deg,var(--bg1),#ffffff05)}body[data-theme=dark] .sf2-spec-card:hover{box-shadow:0 12px 32px #6366f133}body[data-theme=dark] .sf2-ip-chip{background:linear-gradient(135deg,var(--bg2),var(--bg1))}body[data-theme=dark] .sf2-btn-primary{box-shadow:0 6px 20px #6366f14d}body[data-theme=dark] .sf2-btn-primary:hover{box-shadow:0 12px 32px #6366f166}.usersPage{animation:fadeIn .3s ease;max-width:100%;min-height:100vh;padding:32px 48px}.usersHeader{margin-bottom:32px}.usersBackBtn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:10px 16px;transition:all .2s ease}.usersBackBtn:hover{background:var(--btn);border-color:var(--accent);color:var(--text);transform:translateX(-4px)}.usersBackBtn svg{transition:transform .2s ease}.usersBackBtn:hover svg{transform:translateX(-3px)}.usersHeaderInfo{display:flex;flex-direction:column;gap:6px}.usersTitle{color:var(--text);font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.usersSubtitle{color:var(--muted);font-size:15px;margin:0}.usersContent{align-items:flex-start;display:flex;gap:32px}.usersFormCard{background:var(--card);border:1px solid var(--border);border-radius:16px;flex:1 1;overflow:hidden}.formCardHeader{background:linear-gradient(135deg,#5b8def14,#a78bfa0d);border-bottom:1px solid var(--border);justify-content:space-between;padding:20px 28px}.formCardHeader,.formCardTitle{align-items:center;display:flex}.formCardTitle{color:var(--text);font-size:16px;font-weight:600;gap:14px}.formCardIcon{align-items:center;background:linear-gradient(135deg,#5b8def,#a78bfa);border-radius:12px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.formCardIcon.editing{background:linear-gradient(135deg,#f59e0b,#ec4899)}.cancelEditBtn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.cancelEditBtn:hover{background:#ef44441a;border-color:var(--danger);color:var(--danger)}.userForm{padding:28px}.formSection{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:28px}.formSection:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.formSectionHeader{align-items:center;display:flex;gap:12px;margin-bottom:20px}.formSectionHeader h3{color:var(--text);font-size:15px;font-weight:600;margin:0}.formSectionIcon{align-items:center;border-radius:10px;display:flex;height:36px;justify-content:center;width:36px}.formSectionIcon.blue{background:#5b8def1f;color:#5b8def}.formSectionIcon.purple{background:#a78bfa1f;color:#a78bfa}.formSectionIcon.teal{background:#14b8a61f;color:#14b8a6}.formSectionIcon.orange{background:#f59e0b1f;color:#f59e0b}.formGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.formField{display:flex;flex-direction:column;gap:8px}.formField label{color:var(--muted);font-size:13px;font-weight:600}.formField label .required{color:var(--danger);margin-left:2px}.formField input,.formField select{background:var(--inputBg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;padding:12px 16px;transition:all .2s ease}.formField input:hover,.formField select:hover{border-color:var(--accent)}.formField input:focus,.formField select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b8def26;outline:none}.formField input::placeholder{color:var(--muted2)}.formField input.disabled{cursor:not-allowed;opacity:.6}.formField select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.accessOptionsGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.accessCard{align-items:center;background:var(--secondary);border:2px solid var(--border);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;position:relative;text-align:center;transition:all .2s ease}.accessCard input{display:none}.accessCard:hover{background:var(--mutedBg);border-color:var(--accent)}.accessCard.selected{background:#5b8def14;border-color:var(--accent)}.accessCardIcon{align-items:center;border-radius:14px;display:flex;height:52px;justify-content:center;width:52px}.accessCardIcon.green{background:#4ade801f;color:#4ade80}.accessCardIcon.blue{background:#5b8def1f;color:#5b8def}.accessCardIcon.red{background:#ef44441f;color:#ef4444}.accessCardContent{display:flex;flex-direction:column;gap:4px}.accessCardTitle{color:var(--text);font-size:14px;font-weight:600}.accessCardDesc{color:var(--muted);font-size:12px}.accessCardCheck{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transform:scale(.8);transition:all .2s ease;width:24px}.accessCard.selected .accessCardCheck{opacity:1;transform:scale(1)}.customerSelectBox{background:var(--secondary);border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:20px}.customerSelectBox>label{color:var(--muted);display:block;font-size:13px;font-weight:600;margin-bottom:12px}.customerChips{display:flex;flex-wrap:wrap;gap:10px;max-height:180px;overflow-y:auto;padding:4px}.customerChip{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 14px;transition:all .2s ease}.customerChip input{display:none}.customerChip.selected,.customerChip:hover{border-color:var(--accent)}.customerChip.selected{background:#5b8def1f;color:var(--accent)}.customerChip svg{color:var(--accent)}.noCustomers{color:var(--muted);font-size:14px;padding:20px;text-align:center}.permissionsGrid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.permissionsGrid.four{grid-template-columns:repeat(4,1fr)}.permissionCard{align-items:center;background:var(--secondary);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:16px 18px;transition:all .2s ease}.permissionCard.compact{gap:12px;padding:14px 16px}.permissionCard input{display:none}.permissionCard:hover{background:var(--mutedBg);border-color:var(--accent)}.permissionCard.enabled{background:#4ade800f;border-color:#4ade8066}.permissionIcon{align-items:center;background:var(--mutedBg);border-radius:10px;color:var(--muted);display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.permissionIcon.small{border-radius:8px;height:32px;width:32px}.permissionCard.enabled .permissionIcon{background:#4ade801f;color:#4ade80}.permissionInfo{display:flex;flex:1 1;flex-direction:column;gap:2px}.permissionTitle{color:var(--text);font-size:14px;font-weight:600}.permissionDesc{color:var(--muted);font-size:12px}.permissionLabel{color:var(--text);flex:1 1;font-size:13px;font-weight:500}.permissionToggle{flex-shrink:0}.permissionToggle.small .toggleTrack{height:20px;width:36px}.permissionToggle.small .toggleThumb{height:14px;width:14px}.toggleTrack{background:var(--mutedBg);border-radius:12px;height:24px;position:relative;transition:all .2s ease;width:44px}.toggleThumb{background:var(--muted);border-radius:50%;height:18px;left:3px;position:absolute;top:3px;transition:all .2s ease;width:18px}.permissionCard.enabled .toggleTrack{background:#4ade80}.permissionCard.enabled .toggleThumb{background:#fff;left:calc(100% - 21px)}.permissionToggle.small .permissionCard.enabled .toggleThumb{left:calc(100% - 17px)}.formError{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:var(--danger);display:flex;font-size:14px;font-weight:500;gap:10px;margin-top:20px;padding:14px 18px}.formActions{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;margin-top:28px;padding-top:24px}.cancelBtn{background:#0000;border:1px solid var(--border);border-radius:10px;color:var(--muted);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancelBtn:hover{background:var(--btn);color:var(--text)}.submitBtn{align-items:center;background:linear-gradient(135deg,#5b8def,#4a7de0);border:none;border-radius:10px;box-shadow:0 4px 14px #5b8def4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 28px;transition:all .2s ease}.submitBtn:hover{box-shadow:0 6px 20px #5b8def66;transform:translateY(-2px)}.submitBtn:active{transform:translateY(0)}.usersListCard{background:var(--card);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;flex-shrink:0;max-height:calc(100vh - 200px);overflow:hidden;width:420px}.listCardHeader{align-items:center;background:var(--secondary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 24px}.listCardHeader h3{color:var(--text);font-size:15px;font-weight:600;margin:0}.userCount{background:var(--mutedBg);border-radius:20px;color:var(--muted);font-size:13px;font-weight:600;padding:4px 12px}.usersList{flex:1 1;overflow-y:auto;padding:12px}.emptyState{padding:60px 24px;text-align:center}.emptyIcon{color:var(--muted2);margin-bottom:16px;opacity:.5}.emptyState p{color:var(--text);font-size:16px;font-weight:600;margin:0 0 6px}.emptyState span{color:var(--muted);font-size:14px}.userCard{align-items:center;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:8px;padding:16px;transition:all .2s ease}.userCard:hover{background:var(--secondary)}.userCard:last-child{margin-bottom:0}.userCardMain{flex:1 1;gap:14px;min-width:0}.userAvatar,.userCardMain{align-items:center;display:flex}.userAvatar{border-radius:12px;color:#fff;flex-shrink:0;font-size:18px;font-weight:700;height:46px;justify-content:center;width:46px}.userAvatar.admin{background:linear-gradient(135deg,#f59e0b,#ec4899)}.userAvatar.accountant{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.userAvatar.support{background:linear-gradient(135deg,#4ade80,#14b8a6)}.userInfo{flex:1 1;min-width:0}.userNameRow{align-items:center;display:flex;gap:10px;margin-bottom:4px}.userName{color:var(--text);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roleBadge{border-radius:5px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.roleBadgeAdmin{background:#f59e0b26;color:#f59e0b}.roleBadgeAccountant{background:#a78bfa26;color:#a78bfa}.roleBadgeSupport{background:#4ade8026;color:#4ade80}.userMeta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.userUsername{background:var(--mutedBg);border-radius:4px;color:var(--muted);font-family:SF Mono,monospace;font-size:12px;padding:2px 6px}.accessBadge{align-items:center;border-radius:5px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.accessBadge .count{font-size:10px;opacity:.7}.accessAll{background:#4ade801f;color:#4ade80}.accessSpecific{background:#5b8def1f;color:#5b8def}.accessNone{background:#ef44441f;color:#ef4444}.userPermissions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.permBadge{border-radius:4px;font-size:10px;font-weight:600;padding:2px 6px}.permBadge.denied{background:#ef44441a;color:#ef4444}.userActions{display:flex;flex-shrink:0;gap:6px}.actionBtn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--muted);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s ease;width:34px}.actionBtn:hover{transform:translateY(-2px)}.actionBtn.edit:hover{background:#5b8def1a;border-color:var(--accent);color:var(--accent)}.actionBtn.delete:hover{background:#ef44441a;border-color:var(--danger);color:var(--danger)}@media (max-width:1400px){.usersPage{padding:28px 32px}.usersContent{flex-direction:column}.usersListCard{max-height:none;width:100%}}@media (max-width:1024px){.accessOptionsGrid{grid-template-columns:1fr}.permissionsGrid.four{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.usersPage{padding:20px}.usersTitle{font-size:24px}.formGrid,.permissionsGrid,.permissionsGrid.four{grid-template-columns:1fr}.formCardHeader{align-items:flex-start;gap:12px}.formActions,.formCardHeader{flex-direction:column}.cancelBtn,.submitBtn{justify-content:center;width:100%}}@media (max-width:480px){.usersPage{padding:16px}.usersTitle{font-size:20px}.formCard{border-radius:12px}.formCardContent,.formCardHeader{padding:16px}.userCard{align-items:flex-start;flex-direction:column;gap:12px}.userActions{justify-content:flex-end;width:100%}.listCardHeader{padding:14px 16px}.listCardHeader h3{font-size:14px}.permissionCard{padding:12px}.permissionTitle{font-size:13px}.permissionDesc{font-size:11px}}.customerChips::-webkit-scrollbar,.usersList::-webkit-scrollbar{width:6px}.customerChips::-webkit-scrollbar-track,.usersList::-webkit-scrollbar-track{background:#0000}.customerChips::-webkit-scrollbar-thumb,.usersList::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.customerChips::-webkit-scrollbar-thumb:hover,.usersList::-webkit-scrollbar-thumb:hover{background:var(--muted2)}.dropdown-container{display:inline-block;position:relative}.dropdown-full{width:100%}.dropdown-container.dropdown-small{max-width:250px;min-width:180px;width:auto}.dropdown-label{color:var(--muted);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.dropdown-trigger{align-items:center;background:var(--inputBg);border:1px solid var(--inputBorder);border-radius:10px;color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:space-between;outline:none;padding:14px 18px;text-align:left;transition:all .2s ease;width:100%}.dropdown-trigger:hover:not(:disabled){border-color:var(--accent)}.dropdown-trigger.dropdown-open{border-color:var(--accent);box-shadow:0 0 0 3px var(--inputFocus)}.dropdown-trigger.dropdown-error{border-color:var(--danger)}.dropdown-trigger.dropdown-disabled{background:var(--bg2);cursor:not-allowed;opacity:.5}.dropdown-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-placeholder{color:var(--muted2)}.dropdown-arrow{color:var(--muted);flex-shrink:0;transition:transform .2s ease}.dropdown-arrow-up{transform:rotate(180deg)}.dropdown-menu{animation:dropdownSlide .2s ease;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow2);left:0;max-height:280px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;border-bottom:1px solid var(--borderLight);color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:space-between;padding:14px 18px;transition:all .15s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:first-child{border-radius:11px 11px 0 0}.dropdown-item:last-child{border-radius:0 0 11px 11px}.dropdown-item:only-child{border-radius:11px}.dropdown-item:hover:not(.dropdown-item-disabled){background:var(--bg2)}.dropdown-item-selected{background:var(--accentLight);color:var(--accent)}.dropdown-item-selected:hover{background:var(--accentMedium)!important}.dropdown-item-disabled{cursor:not-allowed;opacity:.4}.dropdown-check{color:var(--accent);flex-shrink:0}body[data-theme=dark] .dropdown-trigger{background:#1a1d29;border-color:#262936}body[data-theme=dark] .dropdown-trigger:hover:not(:disabled){border-color:#5b8def}body[data-theme=dark] .dropdown-trigger.dropdown-open{border-color:#5b8def;box-shadow:0 0 0 3px #5b8def33}body[data-theme=dark] .dropdown-menu{background:#1a1d29;border-color:#262936;box-shadow:0 8px 32px #00000080}body[data-theme=dark] .dropdown-item{border-bottom-color:#262936}body[data-theme=dark] .dropdown-item:hover:not(.dropdown-item-disabled){background:#262d3d}body[data-theme=dark] .dropdown-item-selected{background:#5b8def26;color:#5b8def}body[data-theme=dark] .dropdown-item-selected:hover{background:#5b8def40!important}body[data-theme=dark] .dropdown-check{color:#5b8def}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#0000}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--muted2);border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media (max-width:768px){.dropdown-trigger{font-size:14px;padding:12px 14px}.dropdown-item{padding:12px 14px}}*{font-family:Sora,-apple-system,BlinkMacSystemFont,sans-serif}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.u2-wrap{animation:fadeIn .5s ease;margin:0;max-width:100%;padding:32px 48px}.u2-header{align-items:flex-start;animation:slideIn .6s ease;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.u2-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;letter-spacing:-1px;margin:0}body[data-theme=dark] .u2-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;background-clip:text}.u2-sub{color:#00000080;font-size:16px;font-weight:500;margin-top:8px}body[data-theme=dark] .u2-sub{color:#fff9}.u2-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 32px}@media (max-width:1024px){.u2-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.u2-stats{gap:12px;grid-template-columns:1fr}}.u2-stat{background:#fff;border:2px solid #0000001f;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:24px 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.u2-stat:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.u2-stat:hover{border-color:#6366f166;box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.u2-stat:hover:before{opacity:1}body[data-theme=dark] .u2-stat{background:linear-gradient(135deg,#1e293b99,#0f172acc);border-color:#ffffff14;box-shadow:0 4px 16px #0000004d}body[data-theme=dark] .u2-stat:hover{border-color:#6366f166;box-shadow:0 12px 24px #0006}.u2-stat-label{color:#00000080;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}body[data-theme=dark] .u2-stat-label{color:#ffffff80}.u2-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;margin-top:8px}.u2-searchRow{margin-bottom:24px}.u2-searchBar{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.u2-input{background:#fff;border:2px solid #00000026;border-radius:12px;box-shadow:0 1px 3px #00000014;color:#1e293b;font-size:15px;font-weight:500;outline:none;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.u2-input::placeholder{color:#00000073}.u2-input:focus{background:#fff;border-color:#6366f199;box-shadow:0 0 0 4px #6366f11f,0 2px 8px #00000014}body[data-theme=dark] .u2-input{background:#ffffff0d;border-color:#ffffff1a;box-shadow:none;color:#f8fafc}body[data-theme=dark] .u2-input::placeholder{color:#ffffff4d}body[data-theme=dark] .u2-input:focus{background:#ffffff14;border-color:#6366f180;box-shadow:0 0 0 4px #6366f11a}.u2-searchInput{flex:1 1;min-width:200px}@media (max-width:480px){.u2-searchInput{min-width:100%}}.u2-btn{align-items:center;background:#fff;border:2px solid #00000026;border-radius:12px;box-shadow:0 1px 3px #00000014;color:#1e293b;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;letter-spacing:.2px;padding:14px 20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.u2-btn:hover{background:#f8fafc;border-color:#0003;box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.u2-btn:active{transform:translateY(0)}body[data-theme=dark] .u2-btn{background:#ffffff0d;border-color:#ffffff1a;box-shadow:none;color:#f8fafc}body[data-theme=dark] .u2-btn:hover{background:#ffffff1a}.u2-btn-outline{background:#0000;box-shadow:none}.u2-btn-outline:hover{background:#6366f114;border-color:#6366f14d}body[data-theme=dark] .u2-btn-outline:hover{background:#ffffff14}.u2-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 4px 12px #6366f14d;color:#fff}.u2-btn-primary:hover{box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.u2-btn-danger{background:#ef44441a;border-color:#ef444433;color:#dc2626}.u2-btn-danger:hover{background:#ef444426;border-color:#ef44444d}body[data-theme=dark] .u2-btn-danger{background:#ef444426;color:#fca5a5}.u2-btn-sm{font-size:13px;padding:10px 16px}.u2-filtersCard{background:#fff;border:2px solid #0000001f;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-top:16px;padding:24px}body[data-theme=dark] .u2-filtersCard{background:#ffffff08;border-color:#ffffff14;box-shadow:none}.u2-filtersGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.u2-filtersGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.u2-filtersGrid{gap:12px;grid-template-columns:1fr}}.u2-label{color:#0009;font-size:13px;font-weight:700;letter-spacing:.3px;margin-bottom:8px}body[data-theme=dark] .u2-label{color:#fff9}.u2-fg{gap:8px}.u2-fg,.u2-list{display:flex;flex-direction:column}.u2-list{gap:20px;margin-top:24px}.u2-empty{background:#fff;border:2px dashed #0003;border-radius:16px;box-shadow:0 2px 8px #0000000a;color:#0009;font-size:15px;padding:48px 32px;text-align:center}body[data-theme=dark] .u2-empty{background:#ffffff05;border-color:#ffffff1a;box-shadow:none;color:#ffffff80}.u2-card{background:#fff;border:2px solid #0000001f;border-radius:20px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.u2-card:hover{border-color:#6366f14d;box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}body[data-theme=dark] .u2-card{background:linear-gradient(135deg,#1e293b99,#0f172acc);border-color:#ffffff14;box-shadow:0 4px 16px #0000004d}body[data-theme=dark] .u2-card:hover{border-color:#6366f14d;box-shadow:0 12px 32px #0006}.u2-card-expanded{border-color:#6366f166;box-shadow:0 12px 32px #6366f126}body[data-theme=dark] .u2-card-expanded{border-color:#6366f166;box-shadow:0 16px 40px #6366f133}.u2-cardTop{align-items:flex-start;cursor:pointer;display:flex;gap:20px;justify-content:space-between;padding:24px;transition:background .3s ease}.u2-cardTop:hover{background:#6366f10a}body[data-theme=dark] .u2-cardTop:hover{background:#6366f10d}.u2-cardLeft{flex:1 1;min-width:0;overflow:hidden}.u2-badges{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.u2-date{align-items:center;color:#00000080;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}body[data-theme=dark] .u2-date{color:#ffffff80}.u2-mainTitle{margin-top:16px}.u2-h3{color:#0f172a;font-size:20px;font-weight:800;line-height:1.3;margin-bottom:4px}body[data-theme=dark] .u2-h3{color:#f8fafc}.u2-muted{color:#00000080;font-size:14px;font-weight:500}body[data-theme=dark] .u2-muted{color:#ffffff80}.u2-quick{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:16px;margin-top:16px}.u2-quickItem{color:#1e293b;font-weight:500}body[data-theme=dark] .u2-quickItem{color:#f8fafc}.u2-quickIp{align-items:center;background:#6366f11a;border:2px solid #6366f140;border-radius:10px;color:#6366f1;cursor:pointer;display:inline-flex;font-weight:600;gap:12px;padding:10px 14px;transition:all .3s ease}.u2-quickIp:hover{background:#6366f126;box-shadow:0 4px 12px #6366f140;transform:translateY(-2px)}.u2-quickIp:disabled{cursor:not-allowed;opacity:.4}body[data-theme=dark] .u2-quickIp{background:#6366f126;border-color:#6366f14d;color:#a5b4fc}.u2-copyHint{color:#6366f1b3;font-size:12px;font-weight:600}.u2-quickSpecs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.u2-quickSpec{align-items:center;background:#0000000a;border:1px solid #00000014;border-radius:6px;color:var(--muted);display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}body[data-theme=dark] .u2-quickSpec{background:#ffffff0f;border-color:#ffffff1a;color:#94a3b8}.u2-btn-copy-small{background:#6366f11a;border:1px solid #6366f133;border-radius:8px;color:#6366f1;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.u2-btn-copy-small:hover{background:#6366f126;border-color:#6366f14d;transform:translateY(-1px)}body[data-theme=dark] .u2-btn-copy-small{background:#5b8def1f;border-color:#5b8def40;color:#5b8def}body[data-theme=dark] .u2-btn-copy-small:hover{background:#5b8def33;border-color:#5b8def59}.u2-status-inline{margin-bottom:12px;min-width:160px}.u2-cardRight{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:12px}.u2-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.u2-actions .u2-btn{font-size:13px;padding:8px 14px}.u2-actions .u2-btn-copy-small{padding:8px 12px}.u2-expand{color:#00000080;font-size:24px;line-height:1;transition:transform .3s ease}body[data-theme=dark] .u2-expand{color:#ffffff80}.u2-card-expanded .u2-expand{transform:rotate(180deg)}.u2-expanded{animation:fadeIn .4s ease;background:#6366f108;border-top:2px solid #0000001f;max-height:70vh;overflow-y:auto;padding:24px 24px 28px}.u2-copyActions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.u2-btn-copy{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;box-shadow:0 4px 12px #10b9814d;color:#fff;font-size:13px;padding:10px 16px}.u2-btn-copy:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}body[data-theme=dark] .u2-expanded{background:#ffffff05;border-top-color:#ffffff14}.u2-specs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.u2-spec{background:#6366f114;border:2px solid #6366f133;border-radius:12px;padding:16px;transition:all .3s ease}.u2-spec:hover{background:#6366f11f;box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}body[data-theme=dark] .u2-spec{background:#6366f11a;border-color:#6366f133}.u2-specLabel{color:#00000080;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}body[data-theme=dark] .u2-specLabel{color:#ffffff80}.u2-specVal{color:#1e293b;font-size:18px;font-weight:800;margin-top:8px;overflow-wrap:break-word;word-break:break-word}body[data-theme=dark] .u2-specVal{color:#f8fafc}.u2-section{margin-top:24px}.u2-sectionTitle{color:#0009;font-size:13px;font-weight:800;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}body[data-theme=dark] .u2-sectionTitle{color:#fff9}.u2-desc{background:#f8fafc;border:2px solid #0000001f;border-radius:12px;box-shadow:0 1px 3px #0000000a;color:#1e293b;font-size:15px;font-weight:500;line-height:1.7;padding:16px 18px;white-space:pre-wrap}body[data-theme=dark] .u2-desc{background:#ffffff08;border-color:#ffffff14;box-shadow:none;color:#e2e8f0}.u2-chips{display:flex;flex-wrap:wrap;gap:12px}.u2-chip{align-items:center;background:#6366f11a;border:2px solid #6366f140;border-radius:10px;color:#6366f1;cursor:pointer;display:inline-flex;font-weight:600;gap:12px;padding:10px 14px;transition:all .3s ease}.u2-chip:hover{background:#6366f126;box-shadow:0 4px 12px #6366f140;transform:translateY(-2px)}body[data-theme=dark] .u2-chip{background:#6366f126;border-color:#6366f14d;color:#a5b4fc}.u2-chipHint{color:#6366f1b3;font-size:12px}.u2-statusRow{align-items:center;display:flex;gap:12px}.u2-statusSelect{min-width:300px}.u2-commentsList{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.u2-comment{align-items:flex-start;animation:slideIn .4s ease;display:flex;gap:14px}.u2-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 4px 12px #6366f14d;color:#fff;display:flex;flex:0 0 auto;font-size:16px;font-weight:800;height:40px;justify-content:center;width:40px}.u2-avatar-muted{background:#00000014;box-shadow:none;color:#0009}body[data-theme=dark] .u2-avatar-muted{background:#ffffff1a;color:#ffffffb3}.u2-bubble{background:#f8fafc;border:2px solid #0000001f;border-radius:16px;box-shadow:0 1px 3px #0000000a;flex:1 1;padding:14px 16px}body[data-theme=dark] .u2-bubble{background:#ffffff08;border-color:#ffffff14;box-shadow:none}.u2-bubbleTop{display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.u2-author{align-items:center;color:#1e293b;display:inline-flex;font-size:14px;font-weight:700;gap:10px}.u2-author strong{color:#6366f1;font-weight:800}body[data-theme=dark] .u2-author{color:#f8fafc}body[data-theme=dark] .u2-author strong{color:#a5b4fc}.u2-time{color:#00000080;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}body[data-theme=dark] .u2-time{color:#ffffff80}.u2-commentText{color:#334155;font-size:14px;font-weight:500;line-height:1.6;white-space:pre-wrap}body[data-theme=dark] .u2-commentText{color:#cbd5e1}.u2-pending{animation:pulse 1.5s ease-in-out infinite;color:#6366f1cc;font-size:11px;font-weight:700}.u2-edited{color:#0006;font-size:11px;font-style:italic;font-weight:600}body[data-theme=dark] .u2-edited{color:#fff6}.u2-commentActions{align-items:center;display:flex;gap:12px}.u2-editBtn{background:none;border:none;border-radius:6px;color:#6366f1;cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;transition:all .2s ease}.u2-editBtn:hover{background:#6366f11a}body[data-theme=dark] .u2-editBtn{color:#a5b4fc}body[data-theme=dark] .u2-editBtn:hover{background:#6366f133}.u2-deleteBtn{background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;transition:all .2s ease}.u2-deleteBtn:hover{background:#ef44441a}body[data-theme=dark] .u2-deleteBtn{color:#f87171}body[data-theme=dark] .u2-deleteBtn:hover{background:#ef444433}.u2-editCommentForm{display:flex;flex-direction:column;gap:10px;margin-top:8px}.u2-editCommentBtns{display:flex;gap:8px}.u2-composer{align-items:flex-start;display:flex;gap:14px}.u2-composerRight{display:flex;flex:1 1;flex-direction:column;gap:12px}.u2-textarea{min-height:80px;resize:vertical}.u2-note{color:#0006;font-size:12px;font-style:italic;margin-top:12px}body[data-theme=dark] .u2-note{color:#fff6}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.pill{align-items:center;border:2px solid;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;gap:8px;letter-spacing:.3px;padding:6px 14px;transition:all .3s ease}.pill:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.dot{height:8px;width:8px}.pill-blue{background:#3b82f61f;border-color:#3b82f64d;color:#2563eb}.dot-blue{background:#3b82f6}.pill-slate{background:#94a3b81f;border-color:#94a3b840;color:#475569}.dot-slate{background:#64748b}.pill-amber{background:#f59e0b1f;border-color:#f59e0b4d;color:#d97706}.dot-amber{background:#f59e0b}.pill-green{background:#10b9811f;border-color:#10b9814d;color:#059669}.dot-green{background:#10b981}.pill-rose{background:#f43f5e1f;border-color:#f43f5e4d;color:#e11d48}.dot-rose{background:#f43f5e}.pill-violet{background:#7c3aed1f;border-color:#7c3aed4d;color:#7c3aed}.dot-violet{background:#8b5cf6}.pill-cyan{background:#22d3ee1f;border-color:#22d3ee4d;color:#0891b2}.dot-cyan{background:#06b6d4}.pill-orange{background:#f973161f;border-color:#f973164d;color:#ea580c}.dot-orange{background:#f97316}.pill-red{background:#ef44441f;border-color:#ef44444d;color:#dc2626}.dot-red{background:#ef4444}body[data-theme=dark] .pill-blue{background:#3b82f633;border-color:#3b82f666;color:#93c5fd}body[data-theme=dark] .pill-slate{background:#94a3b826;border-color:#94a3b84d;color:#cbd5e1}body[data-theme=dark] .pill-amber{background:#f59e0b33;border-color:#f59e0b59;color:#fcd34d}body[data-theme=dark] .pill-green{background:#10b98133;border-color:#10b98159;color:#86efac}body[data-theme=dark] .pill-rose{background:#f43f5e33;border-color:#f43f5e59;color:#fda4af}body[data-theme=dark] .pill-violet{background:#7c3aed33;border-color:#7c3aed59;color:#c4b5fd}body[data-theme=dark] .pill-cyan{background:#22d3ee33;border-color:#22d3ee59;color:#a5f3fc}body[data-theme=dark] .pill-orange{background:#f9731633;border-color:#f9731659;color:#fdba74}body[data-theme=dark] .pill-red{background:#ef444433;border-color:#ef444459;color:#fecaca}@media (max-width:1200px){.u2-filtersGrid,.u2-specs,.u2-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.u2-wrap{padding:20px}.u2-title{font-size:36px}.u2-header{flex-direction:column;gap:16px}.u2-stats{gap:12px;grid-template-columns:1fr}.u2-searchInput{min-width:100%}.u2-filtersGrid{grid-template-columns:1fr}.u2-cardTop{flex-direction:column;gap:16px}.u2-cardRight{align-items:stretch;flex-direction:column;gap:12px;width:100%}.u2-status-inline{width:100%}.u2-actions{justify-content:flex-start}.u2-specs{grid-template-columns:1fr}.u2-statusSelect{min-width:100%}}.u2-pagination-info{color:var(--muted);font-size:14px;margin-bottom:16px;text-align:center}.u2-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:32px;padding:24px 0}.u2-pagination-pages{align-items:center;display:flex;gap:8px}.u2-pagination-dots{color:var(--muted);padding:0 4px}.u2-pagination .u2-btn{justify-content:center;min-width:40px}.u2-pagination .u2-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.u2-pagination{flex-wrap:wrap}.u2-pagination-pages{justify-content:center;margin-top:12px;order:3;width:100%}}.u2-view-toggle{background:var(--bg1);border:1px solid var(--border);border-radius:10px;display:flex;gap:4px;margin-left:auto;padding:4px}.u2-view-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.u2-view-btn:hover{background:var(--bg2);color:var(--text)}.u2-view-btn.active{background:var(--accent);box-shadow:0 2px 8px #3b82f64d;color:#fff}.u2-view-btn svg{height:18px;width:18px}.u2-list-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:768px){.u2-list-cards{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.u2-list-cards .u2-pagination-info{grid-column:1/-1}.u2-list-cards .u2-item{border-radius:16px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;margin-bottom:0}.u2-list-cards .u2-row{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.u2-list-cards .u2-info{display:flex;flex-direction:column;gap:8px}.u2-list-cards .u2-main{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto}.u2-list-cards .u2-pills{display:flex;flex-wrap:wrap;gap:6px}.u2-list-cards .u2-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.u2-list-cards .u2-actions{border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;margin-left:0;margin-top:auto;padding-top:8px}.u2-list-cards .u2-detail{border-top:none;padding:0 16px 16px}.u2-list-cards .u2-empty,.u2-list-cards .u2-pagination{grid-column:1/-1}@media (max-width:480px){.u2-list-cards{grid-template-columns:1fr}.u2-view-toggle{display:none}}.u2-cardHeader{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:16px 20px 12px}body[data-theme=dark] .u2-cardHeader{border-bottom-color:#ffffff0f}.u2-cardHeader .u2-date{color:#00000080;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}body[data-theme=dark] .u2-cardHeader .u2-date{color:#ffffff80}.u2-statusDropdown{min-width:160px}.u2-statusBadge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.3px;padding:6px 14px}.u2-statusBadge-amber{background:#f59e0b26;color:#d97706}.u2-statusBadge-green{background:#10b98126;color:#059669}.u2-statusBadge-rose{background:#f43f5e26;color:#e11d48}.u2-statusBadge-blue{background:#3b82f626;color:#2563eb}.u2-statusBadge-slate{background:#94a3b826;color:#475569}body[data-theme=dark] .u2-statusBadge-amber{background:#f59e0b33;color:#fcd34d}body[data-theme=dark] .u2-statusBadge-green{background:#10b98133;color:#86efac}body[data-theme=dark] .u2-statusBadge-rose{background:#f43f5e33;color:#fda4af}body[data-theme=dark] .u2-statusBadge-blue{background:#3b82f633;color:#93c5fd}body[data-theme=dark] .u2-statusBadge-slate{background:#94a3b833;color:#cbd5e1}.u2-badgesRow{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px}.u2-actionsRow{align-items:center;display:flex;gap:8px;padding:0 20px 12px}.u2-copyBtn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 2px 8px #10b98140;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.u2-copyBtn:hover{box-shadow:0 4px 12px #10b98159;transform:translateY(-2px)}.u2-copyBtn svg{height:16px;width:16px}.u2-actionBtn{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:10px;color:#6366f1;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;padding:10px 14px;text-decoration:none;transition:all .2s ease}.u2-actionBtn:hover{background:#6366f126;transform:translateY(-1px)}body[data-theme=dark] .u2-actionBtn{background:#6366f126;border-color:#6366f140;color:#a5b4fc}body[data-theme=dark] .u2-actionBtn:hover{background:#6366f140}.u2-actionBtn-danger{background:#ef44441a;border-color:#ef444433;color:#dc2626}.u2-actionBtn-danger:hover{background:#ef444426}body[data-theme=dark] .u2-actionBtn-danger{background:#ef444426;border-color:#ef444440;color:#fca5a5}body[data-theme=dark] .u2-actionBtn-danger:hover{background:#ef444440}.u2-expandBtn{align-items:center;background:#0000000d;border:none;border-radius:10px;color:#0009;cursor:pointer;display:inline-flex;font-size:20px;font-weight:600;height:38px;justify-content:center;transition:all .2s ease;width:38px}.u2-expandBtn:hover{background:#00000014;color:#000c}body[data-theme=dark] .u2-expandBtn{background:#ffffff14;color:#fff9}body[data-theme=dark] .u2-expandBtn:hover{background:#ffffff1f;color:#fffc}.u2-cardBody{cursor:pointer;padding:16px 20px 20px;transition:background .2s ease}.u2-cardBody:hover{background:#6366f105}body[data-theme=dark] .u2-cardBody:hover{background:#6366f10a}.u2-customerName{color:#0f172a;font-size:20px;font-weight:800;line-height:1.3;margin:0 0 4px}body[data-theme=dark] .u2-customerName{color:#f8fafc}.u2-customerNick{color:#00000080;font-size:14px;font-weight:500;margin-bottom:12px}body[data-theme=dark] .u2-customerNick{color:#ffffff80}.u2-locationRow{align-items:center;display:flex;gap:10px;margin-bottom:14px}.u2-locationLabel{color:#00000073;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}body[data-theme=dark] .u2-locationLabel{color:#ffffff73}.u2-locationBadge{align-items:center;background:#6366f11a;border-radius:6px;color:#6366f1;display:inline-flex;font-size:13px;font-weight:600;padding:5px 12px}body[data-theme=dark] .u2-locationBadge{background:#6366f126;color:#a5b4fc}.u2-ipBox{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:2px solid #6366f133;border-radius:12px;display:flex;gap:12px;margin-bottom:10px;padding:14px 16px}body[data-theme=dark] .u2-ipBox{background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-color:#6366f140}.u2-ipIcon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.u2-ipText{color:#1e293b;flex:1 1;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:600;letter-spacing:.3px}body[data-theme=dark] .u2-ipText{color:#f1f5f9}.u2-ipCopyBtn{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;color:#6366f1;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;padding:8px 14px;transition:all .2s ease}.u2-ipCopyBtn:hover{background:#6366f126;border-color:#6366f14d}body[data-theme=dark] .u2-ipCopyBtn{background:#6366f126;border-color:#6366f140;color:#a5b4fc}body[data-theme=dark] .u2-ipCopyBtn:hover{background:#6366f140}.u2-extraIps{align-items:center;color:#0009;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:14px}body[data-theme=dark] .u2-extraIps{color:#fff9}.u2-extraIpsDot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.u2-specsHeader{align-items:center;color:var(--accent);display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:8px;margin-top:14px;text-transform:uppercase}.u2-specsHeader-old{color:var(--muted);opacity:.8}body[data-theme=dark] .u2-specsHeader{color:#a5b4fc}body[data-theme=dark] .u2-specsHeader-old{color:#94a3b8}.u2-specsGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.u2-specsGrid-old .u2-specItem{background:#00000005;opacity:.7}body[data-theme=dark] .u2-specsGrid-old .u2-specItem{background:#ffffff05}.u2-specItem{background:#00000008;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px 14px}body[data-theme=dark] .u2-specItem{background:#ffffff0a}.u2-specItem .u2-specLabel{color:#00000073;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}body[data-theme=dark] .u2-specItem .u2-specLabel{color:#ffffff73}.u2-specItem .u2-specValue{color:#1e293b;font-size:14px;font-weight:700}body[data-theme=dark] .u2-specItem .u2-specValue{color:#f1f5f9}.u2-commentsIndicator{align-items:center;border-top:1px solid #0000000f;color:#00000080;display:flex;font-size:13px;font-weight:500;gap:6px;margin-top:14px;padding-top:12px}body[data-theme=dark] .u2-commentsIndicator{border-top-color:#ffffff0f;color:#ffffff80}@media (max-width:768px){.u2-cardHeader{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 16px 12px}.u2-statusDropdown{width:100%}.u2-badgesRow{padding:10px 16px}.u2-actionsRow{flex-wrap:wrap;padding:0 16px 12px}.u2-copyBtn{order:1}.u2-actionBtn{order:2}.u2-expandBtn{order:3}.u2-cardBody{padding:14px 16px 18px}.u2-customerName{font-size:18px}.u2-ipBox{flex-wrap:wrap;padding:12px 14px}.u2-ipIcon{height:36px;width:36px}.u2-ipText{flex:1 1;min-width:0;word-break:break-all}.u2-ipCopyBtn{justify-content:center;margin-top:8px;width:100%}.u2-specsGrid{grid-template-columns:1fr}}@media (max-width:480px){.u2-cardHeader .u2-date{font-size:12px}.u2-badgesRow .pill{font-size:11px;padding:5px 10px}.u2-actionsRow{gap:6px}.u2-actionBtn{font-size:12px;padding:8px 10px}.u2-expandBtn{height:34px;width:34px}}.uf2-container{background:var(--bg0);min-height:100vh;padding:32px 40px}@media (max-width:768px){.uf2-container{padding:20px}}.uf2-header{margin-bottom:32px}.uf2-back{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--muted);display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.uf2-back:hover{border-color:var(--accent);color:var(--accent);transform:translateX(-4px)}.uf2-back-icon{font-size:18px}.uf2-header-content{align-items:center;display:flex;gap:20px;margin-bottom:24px}.uf2-header-icon{align-items:center;background:linear-gradient(135deg,var(--accent),var(--info));border-radius:16px;box-shadow:0 8px 24px #3b82f640;display:flex;font-size:28px;height:64px;justify-content:center;width:64px}.uf2-title{color:var(--text);font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.uf2-subtitle{color:var(--muted);font-size:15px;margin:0}.uf2-progress{align-items:center;display:flex;gap:16px}.uf2-progress-bar{background:var(--bg2);border-radius:4px;flex:1 1;height:8px;max-width:300px;overflow:hidden}.uf2-progress-fill{background:linear-gradient(90deg,var(--accent),var(--success));border-radius:4px;height:100%;transition:width .3s ease}.uf2-progress-text{color:var(--muted);font-size:13px;font-weight:600}.uf2-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:240px 1fr;max-width:1200px}@media (max-width:1024px){.uf2-layout{grid-template-columns:1fr}}.uf2-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:32px}@media (max-width:1024px){.uf2-sidebar{position:static}}.uf2-nav{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:8px}.uf2-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--muted);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:14px 16px;transition:all .2s ease;width:100%}.uf2-nav-item:hover{background:var(--bg1);color:var(--text)}.uf2-nav-item.active{background:linear-gradient(135deg,var(--accentLight),var(--infoLight));color:var(--accent)}.uf2-nav-icon{font-size:18px}.uf2-nav-label{flex:1 1;text-align:left}.uf2-tips{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}.uf2-tips-title{color:var(--text);font-size:14px;font-weight:700;margin-bottom:12px}.uf2-tips-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.uf2-tips-list li{color:var(--muted);font-size:13px;padding-left:20px;position:relative}.uf2-tips-list li:before{color:var(--accent);content:"•";font-weight:700;left:0;position:absolute}@media (max-width:1024px){.uf2-nav{display:flex;gap:8px;overflow-x:auto;padding:8px}.uf2-nav-item{flex-shrink:0;padding:12px 16px}.uf2-tips{display:none}}.uf2-form{display:flex;flex-direction:column;gap:24px}.uf2-section{animation:fadeIn .3s ease;background:var(--card);border:1px solid var(--border);border-radius:20px;display:none;padding:28px}.uf2-section.active{display:block}.uf2-section-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;margin-bottom:28px;padding-bottom:20px}.uf2-section-icon{align-items:center;background:var(--accentLight);border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.uf2-section-title{color:var(--text);font-size:20px;font-weight:700;margin:0 0 4px}.uf2-section-desc{color:var(--muted);font-size:14px;margin:0}.uf2-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.uf2-grid{grid-template-columns:1fr}}.uf2-full{grid-column:1/-1}.uf2-field{display:flex;flex-direction:column;gap:8px}.uf2-label{align-items:center;color:var(--text);display:flex;font-size:13px;font-weight:600;gap:8px}.uf2-required{color:var(--danger);font-size:14px}.uf2-hint,.uf2-optional{color:var(--muted2);font-size:12px;font-weight:400}.uf2-hint{margin-left:auto}.uf2-input{background:var(--inputBg);border:2px solid var(--border);border-radius:12px;color:var(--text);font-size:15px;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.uf2-input:hover{border-color:var(--muted2)}.uf2-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--inputFocus)}.uf2-input::placeholder{color:var(--muted2)}.uf2-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.uf2-select option{background:var(--card);color:var(--text);padding:12px 16px}body[data-theme=dark] .uf2-select{background-color:#1a1d29;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#262936}body[data-theme=dark] .uf2-select:hover{border-color:#5b8def}body[data-theme=dark] .uf2-select:focus{border-color:#5b8def;box-shadow:0 0 0 3px #5b8def33}body[data-theme=dark] .uf2-select option{background:#1a1d29;color:#f1f5f9;padding:12px 16px}.uf2-textarea{line-height:1.6;min-height:200px;resize:vertical}.uf2-textarea-sm{line-height:1.5;min-height:80px;resize:vertical}.uf2-input-icon{position:relative}.uf2-input-icon .uf2-icon{font-size:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.uf2-input-icon .uf2-input{padding-left:44px}.uf2-specs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.uf2-specs-grid{grid-template-columns:1fr}}.uf2-spec-card{background:var(--bg1);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .2s ease}.uf2-spec-card:focus-within,.uf2-spec-card:hover{border-color:var(--accent);box-shadow:0 4px 16px var(--accentLight)}.uf2-spec-icon{align-items:center;background:var(--card);border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.uf2-spec-label{color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.uf2-spec-card .uf2-input{background:var(--card)}.uf2-actions{align-items:center;border-top:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;margin-top:8px;padding:20px 0 0}.uf2-actions-main,.uf2-actions-nav{display:flex;gap:10px}.uf2-btn-secondary:disabled{cursor:not-allowed;opacity:.4}.uf2-btn-cancel{background:#0000;border:1px solid var(--border);color:var(--muted)}.uf2-btn-cancel:hover{background:var(--bg1);color:var(--text)}.uf2-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;padding:14px 28px;transition:all .2s ease}.uf2-btn-secondary{background:var(--btn);border:1px solid var(--border);color:var(--text)}.uf2-btn-secondary:hover{background:var(--btnHover)}.uf2-btn-primary{background:linear-gradient(135deg,var(--accent),var(--info));box-shadow:0 4px 16px #3b82f64d;color:#fff}.uf2-btn-primary:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.uf2-btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.uf2-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.uf2-header-content{align-items:flex-start;flex-direction:column;gap:16px}.uf2-header-icon{font-size:24px;height:56px;width:56px}.uf2-title{font-size:26px}.uf2-section{padding:20px}.uf2-section-header{align-items:flex-start}.uf2-actions,.uf2-section-header{flex-direction:column;gap:12px}.uf2-actions-main,.uf2-actions-nav{justify-content:center;width:100%}.uf2-actions-main .uf2-btn,.uf2-actions-nav .uf2-btn{flex:1 1}}.uf2-ip-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;min-height:20px}.uf2-ip-chip{align-items:center;background:var(--bg1);border:1px solid var(--border);border-radius:8px;color:var(--text);display:inline-flex;font-family:SF Mono,Consolas,monospace;font-size:13px;gap:8px;padding:8px 12px;transition:all .2s ease}.uf2-ip-chip:hover{background:var(--dangerLight);border-color:var(--danger)}.uf2-ip-remove{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--muted);cursor:pointer;display:flex;font-size:14px;height:18px;justify-content:center;padding:0;transition:all .2s ease;width:18px}.uf2-ip-remove:hover{background:var(--danger);color:#fff}.uf2-storage-grid{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1fr auto 1fr auto 1fr}@media (max-width:768px){.uf2-storage-grid{gap:16px;grid-template-columns:1fr}.uf2-storage-or{display:none}}.uf2-storage-or{padding-bottom:16px}.uf2-spec-card-wide{background:var(--bg1);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:16px;grid-column:1/-1;padding:20px;transition:all .2s ease}.uf2-spec-card-wide:focus-within,.uf2-spec-card-wide:hover{border-color:var(--accent);box-shadow:0 4px 16px var(--accentLight)}.uf2-spec-card-wide .uf2-spec-header{align-items:center;display:flex;gap:12px}.uf2-spec-card-wide .uf2-input{background:var(--card)}.uf2-input-group{display:flex;gap:12px}.uf2-input-group .uf2-input{flex:1 1}.uf2-select-mini{font-size:14px;padding:10px 14px}.uf2-field-row{align-items:flex-end;display:flex;gap:12px}.uf2-field-row .uf2-field{flex:1 1}@media (max-width:640px){.uf2-field-row{align-items:stretch;flex-direction:column}}.uf2-input-error{border-color:var(--danger)!important}.uf2-input-error:focus{box-shadow:0 0 0 4px #ef444426!important}.uf2-error-text{color:var(--danger);font-size:12px;font-weight:500;margin-top:4px}.uf2-status-readonly{background:var(--bg2);border:1px solid var(--border);border-radius:12px;color:var(--muted);font-size:14px;font-weight:600;padding:14px 18px}body[data-theme=dark] .uf2-status-readonly{background:#1e2130;color:#94a3b8}.uf2-storage-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.uf2-storage-chip{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 14px;transition:all .2s ease}.uf2-storage-chip:hover{background:var(--dangerLight);border-color:var(--danger)}.uf2-storage-remove{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--muted);cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.uf2-storage-remove:hover{background:var(--danger);color:#fff}.uf2-storage-add-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1fr 80px 140px auto}.uf2-storage-add-row input[type=number]::-webkit-inner-spin-button,.uf2-storage-add-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.uf2-storage-add-row input[type=number]{-webkit-appearance:textfield;appearance:textfield}@media (max-width:768px){.uf2-storage-add-row{gap:10px;grid-template-columns:1fr 1fr}.uf2-size-input-group,.uf2-storage-add-row .uf2-btn-add{grid-column:1/-1}}.uf2-size-input-group{display:flex;gap:0}.uf2-size-input-group .uf2-input:first-child{border-radius:12px 0 0 12px;border-right:none;flex:1 1}.uf2-size-input-group .uf2-size-unit{border-radius:0 12px 12px 0;flex-shrink:0;padding:14px 10px;width:70px}.uf2-btn-add{align-items:center;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.uf2-btn-add:hover:not(:disabled){background:var(--info);transform:translateY(-1px)}.uf2-btn-add:disabled{cursor:not-allowed;opacity:.5}.uf2-storage-or{color:var(--muted);font-size:12px;font-weight:600;margin:8px 0;text-align:center;text-transform:uppercase}.uf2-btn-same{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f140;border-radius:10px;color:#6366f1;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.uf2-btn-same:hover{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#6366f166;box-shadow:0 4px 12px #6366f133;transform:translateY(-1px)}body[data-theme=dark] .uf2-btn-same{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#6366f14d;color:#a5b4fc}body[data-theme=dark] .uf2-btn-same:hover{background:linear-gradient(135deg,#6366f140,#8b5cf640);border-color:#6366f180}@media (max-width:768px){.uf2-btn-same{font-size:12px;padding:8px 12px}}.uf2-review-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.uf2-review-grid{grid-template-columns:1fr}}.uf2-review-card{background:var(--bg1);border:1px solid var(--border);border-radius:16px;padding:20px;transition:all .2s ease}.uf2-review-card:hover{border-color:var(--accent);box-shadow:0 4px 16px var(--accentLight)}.uf2-review-card-full{grid-column:1/-1}.uf2-review-card-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.uf2-review-card-icon{align-items:center;background:var(--card);border-radius:10px;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.uf2-review-card-title{color:var(--text);font-size:15px;font-weight:700;margin:0}.uf2-review-items{display:flex;flex-direction:column;gap:12px}.uf2-review-item{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.uf2-review-item-full{flex-direction:column;gap:8px}.uf2-review-label{color:var(--muted);flex-shrink:0;font-size:13px;font-weight:500}.uf2-review-value{color:var(--text);font-size:14px;font-weight:600;text-align:right;word-break:break-word}.uf2-review-item-full .uf2-review-value{text-align:left}.uf2-review-mono{background:var(--card);border-radius:6px;font-family:SF Mono,Consolas,monospace;font-size:13px;padding:4px 10px}.uf2-review-ips{display:flex;flex-wrap:wrap;gap:8px}.uf2-review-ip{border:1px solid var(--border);border-radius:8px;display:inline-block;font-family:SF Mono,Consolas,monospace;font-size:12px;padding:6px 12px}.uf2-review-description,.uf2-review-ip{background:var(--card);color:var(--text)}.uf2-review-description{border-radius:10px;font-size:14px;line-height:1.6;max-height:200px;overflow-y:auto;padding:16px;white-space:pre-wrap}body[data-theme=dark] .uf2-review-card{background:#1a1d29}body[data-theme=dark] .uf2-review-card-icon,body[data-theme=dark] .uf2-review-mono{background:#262936}body[data-theme=dark] .uf2-review-ip{background:#262936;border-color:#333848}body[data-theme=dark] .uf2-review-description{background:#262936}.settingsSubPage{max-width:900px;padding:32px 40px}@media (max-width:1024px){.settingsSubPage{padding:28px 32px}}@media (max-width:768px){.settingsSubPage{padding:20px}}.settingsSubHeader{margin-bottom:32px}.btnBackNew{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radiusSm);color:var(--muted);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:10px 16px;transition:var(--transition)}.btnBackNew:hover{background:var(--btn);border-color:var(--accent);color:var(--text);transform:translateX(-4px)}.btnBackIcon{font-size:16px;transition:var(--transition)}.btnBackNew:hover .btnBackIcon{transform:translateX(-2px)}.settingsSubHeaderContent{align-items:center;display:flex;gap:20px}.settingsSubIcon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;font-size:32px;height:64px;justify-content:center;width:64px}.settingsSubIcon.blue{background:#3b82f61a}.settingsSubIcon.green{background:#10b9811a}.settingsSubIcon.purple{background:#8b5cf61a}.settingsSubTitle{color:var(--text);font-size:28px;font-weight:700;margin:0 0 6px}.settingsSubDesc{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.settingsAddCard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;overflow:hidden}.settingsAddCardHeader{align-items:center;background:var(--bg1);border-bottom:1px solid var(--border);color:var(--text);display:flex;font-size:14px;font-weight:600;gap:10px;padding:16px 24px}.settingsAddCardIcon{align-items:center;background:var(--accent);border-radius:6px;color:#fff;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;width:24px}.settingsAddCardBody{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:20px 24px}.settingsInput{background:var(--inputBg);border:1px solid var(--inputBorder);border-radius:var(--radiusSm);color:var(--text);flex:1 1;font-size:14px;min-width:200px;padding:12px 16px;transition:var(--transition)}.settingsInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--inputFocus);outline:none}.settingsInput::placeholder{color:var(--muted2)}.colorPickerWrapper{align-items:center;background:var(--btn);border:1px solid var(--border);border-radius:var(--radiusSm);display:flex;gap:10px;padding:6px 12px 6px 6px}.colorPicker{border:none;border-radius:8px;cursor:pointer;height:36px;padding:0;width:36px}.colorPicker::-webkit-color-swatch-wrapper{padding:0}.colorPicker::-webkit-color-swatch{border:2px solid var(--border);border-radius:6px}.colorValue{color:var(--muted);font-family:SF Mono,monospace;font-size:13px;min-width:70px}.btnAdd{background:var(--accent);border:none;border-radius:var(--radiusSm);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:var(--transition);white-space:nowrap}.btnAdd:hover{background:var(--accentHover);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.settingsListCard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.settingsListHeader{align-items:center;background:var(--bg1);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 24px}.settingsListTitle{color:var(--text);font-size:15px;font-weight:600;margin:0}.settingsListCount{background:var(--btn);border-radius:20px;color:var(--muted);font-size:13px;padding:4px 12px}.settingsItemsList{padding:8px}.settingsItem{align-items:center;border-radius:var(--radiusSm);display:flex;gap:16px;justify-content:space-between;padding:16px 20px;transition:var(--transition)}.settingsItem:hover{background:var(--btn)}.settingsItem.inactive{opacity:.6}.settingsItemMain{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.settingsItemIcon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.settingsItemIcon.blue{background:#3b82f61a}.settingsItemIcon.green{background:#10b9811a}.settingsItemColor{border-radius:10px;box-shadow:inset 0 0 0 2px #ffffff1a;flex-shrink:0;height:44px;width:44px}.settingsItemInfo{flex:1 1;min-width:0}.settingsItemNameRow{align-items:center;display:flex;gap:10px;margin-bottom:4px}.settingsItemName{color:var(--text);font-size:15px;font-weight:600}.defaultBadge{background:var(--warningLight);border-radius:4px;color:var(--warning);font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.settingsItemMeta{align-items:center;display:flex;gap:12px}.settingsItemStatus{font-size:12px;font-weight:500}.settingsItemStatus.active{color:var(--success)}.settingsItemStatus.inactive{color:var(--muted2)}.settingsItemColorCode{color:var(--muted2);font-family:SF Mono,monospace;font-size:12px}.settingsItemActions{display:flex;flex-shrink:0;gap:8px}.btnAction{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:var(--transition);width:36px}.btnAction:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btnAction.edit:hover{background:var(--accentLight);border-color:var(--accent)}.btnAction.default:hover{background:var(--warningLight);border-color:var(--warning)}.btnAction.enable:hover{background:var(--successLight);border-color:var(--success)}.btnAction.disable:hover{background:var(--btn);border-color:var(--muted2)}.btnAction.delete:hover{background:var(--dangerLight);border-color:var(--danger)}.settingsEmptyState{padding:60px 20px;text-align:center}.settingsEmptyIcon{font-size:48px;margin-bottom:16px;opacity:.4}.settingsEmptyState p{color:var(--text);font-size:16px;font-weight:600;margin:0 0 6px}.settingsEmptyState span{color:var(--muted);font-size:14px}.pageHeaderRow{align-items:center;display:flex;gap:16px;margin-bottom:24px}.pageHeaderRow .h1{font-size:24px;margin:0}.btnBack{align-items:center;background:var(--btn);border:1px solid var(--border);border-radius:var(--radiusSm);color:var(--muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:var(--transition)}.btnBack:hover{background:var(--btnHover);border-color:var(--accent);color:var(--text)}.settingsHeader{margin-bottom:32px}.settingsHeader .h1{color:var(--text);font-size:28px;font-weight:700;margin:0 0 8px}.settingsHeader .muted{color:var(--muted);font-size:14px}.toggle{background:var(--btn);border:1px solid var(--border);border-radius:13px;cursor:pointer;height:26px;position:relative;transition:var(--transition);width:48px}.toggle.active{background:var(--accent);border-color:var(--accent)}.toggle:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:18px;left:3px;position:absolute;top:3px;transition:var(--transition);width:18px}.toggle.active:after{left:25px}.color{background:#0000;border:2px solid var(--border);border-radius:var(--radiusSm);cursor:pointer;height:40px;transition:var(--transition);width:48px}.color:hover{border-color:var(--accent);transform:scale(1.05)}.dot{border-radius:50%;display:inline-block;height:10px;margin-right:8px;width:10px}.mt{margin-top:16px}@media (max-width:768px){.settingsSubHeaderContent{align-items:flex-start;flex-direction:column;gap:16px}.settingsSubIcon{font-size:26px;height:52px;width:52px}.settingsSubTitle{font-size:22px}.settingsAddCardBody{flex-direction:column}.settingsInput{width:100%}.colorPickerWrapper{justify-content:flex-start;width:100%}.btnAdd{width:100%}.settingsItem{align-items:flex-start;flex-direction:column;gap:12px}.settingsItemActions{justify-content:flex-end;width:100%}}.activityLogsPage{max-width:1200px}.activityStatsGrid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.activityStatCard{align-items:center;background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .2s}.activityStatCard:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);transform:translateY(-2px)}.activityStatIcon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.activityStatIcon.blue{background:#3b82f626}.activityStatIcon.green{background:#10b98126}.activityStatIcon.orange{background:#f59e0b26}.activityStatIcon.purple{background:#8b5cf626}.activityStatInfo{display:flex;flex-direction:column;gap:.25rem}.activityStatValue{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.5rem;font-weight:700}.activityStatLabel{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8rem}.activityFiltersCard{background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.activityFiltersHeader{align-items:center;background:#8b5cf61a;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color,#334155);color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:flex;font-weight:600;gap:.75rem;padding:1rem 1.25rem}.activityFiltersIcon{font-size:1.1rem}.activityFiltersBody{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem}.activityFilterSelect{background:#0f172a;background:var(--input-bg,#0f172a);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;font-size:.9rem;min-width:150px;padding:.625rem 1rem;transition:all .2s}.activityFilterSelect:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);outline:none}.activityClearBtn{background:#0000;border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:.9rem;padding:.625rem 1rem;transition:all .2s}.activityClearBtn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.activityLogsCard{overflow:visible}.activityLogsList{display:flex;flex-direction:column}.activityLogItem{border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color,#334155);display:flex;gap:1rem;padding:1rem 1.25rem;transition:background .2s}.activityLogItem:last-child{border-bottom:none}.activityLogItem:hover{background:#ffffff05}.activityLogIcon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.activityLogContent{flex:1 1;min-width:0}.activityLogMain{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.25rem}.activityLogUser{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-weight:600}.activityLogAction{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.activityLogResource{color:#3b82f6;color:var(--primary-color,#3b82f6);font-weight:500}.activityLogTarget{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-style:italic}.activityLogDetails{background:#0003;border-radius:6px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;margin-top:.25rem;padding:.5rem}.activityLogMeta{color:#64748b;color:var(--text-muted,#64748b);display:flex;font-size:.8rem;gap:1rem;margin-top:.5rem}.activityLogTime{align-items:center;display:flex;gap:.25rem}.activityLogIp{background:#0003;border-radius:4px;font-family:monospace;padding:.125rem .5rem}.activityPagination{align-items:center;border-top:1px solid #334155;border-top:1px solid var(--border-color,#334155);display:flex;gap:1rem;justify-content:center;padding:1rem}.activityPageBtn{background:#0f172a;background:var(--input-bg,#0f172a);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:6px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.activityPageBtn:hover:not(:disabled){background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.activityPageBtn:disabled{cursor:not-allowed;opacity:.5}.activityPageInfo{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.875rem}@media (max-width:1024px){.activityStatsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.activityStatsGrid{grid-template-columns:1fr}.activityStatCard{padding:1rem}.activityStatIcon{font-size:1.25rem;height:40px;width:40px}.activityStatValue{font-size:1.25rem}.activityFiltersBody{flex-direction:column}.activityFilterSelect{width:100%}.activityLogItem{padding:.875rem 1rem}.activityLogIcon{font-size:1rem;height:36px;width:36px}.activityLogMain{font-size:.9rem}.activityLogMeta{flex-direction:column;gap:.25rem}.activityPagination{flex-wrap:wrap}}@media (max-width:480px){.activityLogItem{gap:.75rem}.activityLogIcon{font-size:.9rem;height:32px;width:32px}}.trashPage{max-width:1000px}.settingsSubIcon.red{background:#ef444426}.trashActionsBar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.trashFilters{display:flex;flex-wrap:wrap;gap:.5rem}.trashFilterBtn{background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.trashFilterBtn:hover{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.trashFilterBtn.active,.trashFilterBtn:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.trashFilterBtn.active{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.trashEmptyBtn{background:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.trashEmptyBtn:hover{background:#ef4444;color:#fff}.trashItemsList{display:flex;flex-direction:column}.trashItem{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color,#334155);display:flex;gap:1rem;padding:1rem 1.25rem;transition:background .2s}.trashItem:last-child{border-bottom:none}.trashItem:hover{background:#ffffff05}.trashItemIcon{align-items:center;background:#64748b26;border-radius:10px;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;width:44px}.trashItemContent{flex:1 1;min-width:0}.trashItemMain{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.trashItemName{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trashItemType{background:#64748b33;border-radius:4px;color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:.75rem;padding:.125rem .5rem}.trashItemMeta{color:#64748b;color:var(--text-muted,#64748b);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.5rem}.trashItemDetails{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.trashItemDate{color:#64748b;color:var(--text-muted,#64748b)}.trashItemActions{display:flex;flex-shrink:0;gap:.5rem}.trashActionBtn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;padding:.375rem .75rem;transition:all .2s}.trashActionBtn.restore{background:#10b9811a;border:1px solid #10b981;color:#10b981}.trashActionBtn.restore:hover{background:#10b981;color:#fff}.trashActionBtn.delete{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.trashActionBtn.delete:hover{background:#ef4444;color:#fff}@media (max-width:768px){.trashActionsBar{align-items:stretch;flex-direction:column}.trashFilters{justify-content:center}.trashEmptyBtn{align-self:center}.trashItem{align-items:flex-start;flex-direction:column;gap:.75rem}.trashItemActions{justify-content:flex-end;width:100%}}@media (max-width:480px){.trashFilterBtn{font-size:.8rem;padding:.375rem .625rem}.trashActionBtn{font-size:.75rem;padding:.25rem .5rem}}.importPage{max-width:900px}.importTypeSelector{display:flex;gap:1rem;margin-bottom:1.5rem}.importTypeBtn{background:#1e293b;background:var(--card-bg,#1e293b);border:2px solid #334155;border:2px solid var(--border-color,#334155);border-radius:12px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s}.importTypeBtn:hover{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.importTypeBtn.active,.importTypeBtn:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.importTypeBtn.active{background:#3b82f61a;color:#3b82f6;color:var(--primary-color,#3b82f6)}.importStep{background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:12px;margin-bottom:1rem;overflow:hidden}.importStepHeader{align-items:center;background:#3b82f60d;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color,#334155);display:flex;gap:.75rem;padding:1rem 1.25rem}.importStepNumber{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:28px;justify-content:center;width:28px}.importStepTitle{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-weight:600}.importStepContent{padding:1.25rem}.importStepContent p{color:#94a3b8;color:var(--text-secondary,#94a3b8);margin:0 0 1rem}.importTemplateBtn{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.importTemplateBtn:hover{background:#2563eb}.importFileUpload{align-items:center;display:flex;gap:.75rem}.importFileLabel{background:#0f172a;background:var(--input-bg,#0f172a);border:2px dashed #334155;border:2px dashed var(--border-color,#334155);border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;flex:1 1;padding:1rem 1.5rem;text-align:center;transition:all .2s}.importFileLabel:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.importClearBtn{background:#0000;border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;padding:.75rem 1rem;transition:all .2s}.importClearBtn:hover{border-color:#ef4444;color:#ef4444}.importSummary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.importSummaryItem{background:#64748b1a;border-radius:8px;padding:1rem;text-align:center}.importSummaryItem.valid{background:#10b9811a}.importSummaryItem.duplicate{background:#f59e0b1a}.importSummaryItem.warning{background:#ef44441a}.importSummaryValue{color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:block;font-size:1.5rem;font-weight:700}.importSummaryLabel{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8rem}.importErrors{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1rem;padding:1rem}.importErrors h4{color:#ef4444;font-size:.9rem;margin:0 0 .5rem}.importError{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;padding:.25rem 0}.importPreviewTable{margin-bottom:1rem;overflow-x:auto}.importPreviewTable table{border-collapse:collapse;width:100%}.importPreviewTable td,.importPreviewTable th{border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color,#334155);padding:.75rem;text-align:left}.importPreviewTable th{background:#64748b1a;color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:.85rem;font-weight:600}.importPreviewTable td{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.875rem}.importPreviewTable tr.duplicate td{background:#f59e0b0d}.importPreviewTable tr.warning td{background:#ef44440d}.importMoreRows{color:#64748b;color:var(--text-muted,#64748b);font-size:.85rem;margin-top:.5rem;text-align:center}.importBadge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.importBadge.valid{background:#10b98133;color:#10b981}.importBadge.duplicate{background:#f59e0b33;color:#f59e0b}.importBadge.warning{background:#ef444433;color:#ef4444}.importOptions{margin-bottom:1rem}.importCheckbox{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;gap:.5rem}.importCheckbox input{cursor:pointer;height:18px;width:18px}.importExecuteBtn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s;width:100%}.importExecuteBtn:hover:not(:disabled){background:#059669}.importExecuteBtn:disabled{cursor:not-allowed;opacity:.5}.importResult{background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:12px;padding:2rem;text-align:center}.importResultIcon{font-size:3rem;margin-bottom:1rem}.importResult h3{color:#f1f5f9;color:var(--text-primary,#f1f5f9);margin:0 0 1.5rem}.importResultStats{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem}.importResultStat{align-items:center;display:flex;flex-direction:column}.importResultStat .value{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:2rem;font-weight:700}.importResultStat .label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem}.importNewBtn{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s}.importNewBtn:hover{background:#2563eb}@media (max-width:768px){.importTypeSelector{flex-direction:column}.importSummary{grid-template-columns:repeat(2,1fr)}.importResultStats{flex-direction:column;gap:1rem}}@media (max-width:480px){.importSummary{grid-template-columns:1fr}.importFileUpload{flex-direction:column}.importClearBtn{width:100%}}.settingsPage{max-width:900px;padding:32px 40px}@media (max-width:1024px){.settingsPage{padding:28px 32px}}@media (max-width:768px){.settingsPage{padding:20px}}.settingsPageHeader{align-items:center;display:flex;gap:16px;margin-bottom:32px}.settingsPageIcon{align-items:center;background:var(--accentLight);border-radius:14px;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.settingsPageTitle{color:var(--text);font-size:26px;font-weight:700;margin:0 0 4px}.settingsPageDesc{color:var(--muted);font-size:14px;margin:0}.settingsCardsGrid{display:flex;flex-direction:column;gap:12px}.settingCard{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:16px;padding:20px 24px;position:relative;text-decoration:none;transition:all .2s ease}.settingCard:before{background:var(--accent);background:var(--accent-color,var(--accent));border-radius:4px 0 0 4px;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:4px}.settingCard:hover{background:var(--cardHover);border-color:var(--accent-color,var(--accent));box-shadow:var(--shadow2);transform:translateX(4px)}.settingCard:hover:before{opacity:1}.settingCardIcon{align-items:center;background:var(--accentLight);border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.settingCard:first-child .settingCardIcon{background:#3b82f61a}.settingCard:nth-child(2) .settingCardIcon{background:#10b9811a}.settingCard:nth-child(3) .settingCardIcon{background:#8b5cf61a}.settingCard:hover .settingCardIcon{transform:scale(1.08)}.settingCardContent{flex:1 1;min-width:0}.settingCardTitle{color:var(--text);font-size:16px;font-weight:600;margin:0 0 4px}.settingCardDesc{color:var(--muted);font-size:13px;line-height:1.4;margin:0}.settingCardArrow{color:var(--muted2);font-size:18px;opacity:0;transition:all .2s ease}.settingCard:hover .settingCardArrow{color:var(--accent);color:var(--accent-color,var(--accent));opacity:1;transform:translateX(4px)}@media (max-width:768px){.settingsPageHeader{align-items:flex-start;flex-direction:column;gap:12px}.settingsPageIcon{font-size:24px;height:48px;width:48px}.settingsPageTitle{font-size:22px}.settingCard{padding:16px 20px}.settingCardIcon{font-size:20px;height:44px;width:44px}.settingCardTitle{font-size:15px}.settingCardArrow{display:none}}.profilePage{max-width:800px}.profileMessage{border-radius:8px;font-weight:500;margin-bottom:1rem;padding:1rem}.profileMessage.success{background:#10b9811a;border:1px solid #10b981;color:#10b981}.profileMessage.error{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.profileSection{background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:12px;margin-bottom:1rem;overflow:hidden}.profileSectionHeader{align-items:center;background:#3b82f60d;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color,#334155);color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:flex;font-weight:600;gap:.75rem;padding:1rem 1.25rem}.profileSectionIcon{font-size:1.1rem}.profileSectionBody{padding:1.25rem}.profileField{margin-bottom:1rem}.profileField label{color:#94a3b8;color:var(--text-secondary,#94a3b8);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.profileInput{background:#0f172a;background:var(--input-bg,#0f172a);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:.9rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.profileInput:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);outline:none}.profileInput.disabled{cursor:not-allowed;opacity:.6}.profileNote{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem;margin-bottom:1rem}.profileNote.success{color:#10b981}.profileCheckboxes{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.profileCheckbox{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;gap:.5rem}.profileCheckbox input{cursor:pointer;height:18px;width:18px}.profileSaveBtn{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .2s}.profileSaveBtn:hover:not(:disabled){background:#2563eb}.profileSaveBtn:disabled{cursor:not-allowed;opacity:.6}.profileDangerBtn{background:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.profileDangerBtn:hover:not(:disabled){background:#ef4444;color:#fff}.profileCancelBtn{background:#0000;border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.profileCancelBtn:hover{border-color:#94a3b8;border-color:var(--text-secondary,#94a3b8);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.profile2FABadge{border-radius:20px;font-size:.75rem;font-weight:600;margin-left:auto;padding:.25rem .75rem}.profile2FABadge.enabled{background:#10b98133;color:#10b981}.profile2FASetup{text-align:center}.profile2FAQRCode{margin:1.5rem 0}.profile2FAQRCode img{background:#fff;border-radius:8px;max-width:200px;padding:10px}.profile2FASecret{color:#94a3b8;color:var(--text-secondary,#94a3b8);margin-bottom:1.5rem}.profile2FASecret code{background:#0f172a;background:var(--input-bg,#0f172a);border-radius:4px;color:#3b82f6;color:var(--primary-color,#3b82f6);display:block;font-family:monospace;margin-top:.5rem;padding:.5rem 1rem;word-break:break-all}.profile2FAVerify{display:flex;gap:.75rem;margin:0 auto 1rem;max-width:300px}.profile2FAVerify .profileInput{font-size:1.25rem;font-weight:600;letter-spacing:.25em;text-align:center}.profileModal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.profileModalContent{background:#1e293b;background:var(--card-bg,#1e293b);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:12px;max-width:400px;padding:1.5rem;width:90%}.profileModalContent h3{color:#f1f5f9;color:var(--text-primary,#f1f5f9);margin:0 0 1rem}.profileModalContent p{color:#94a3b8;color:var(--text-secondary,#94a3b8);margin-bottom:1rem}.profileModalContent .profileInput{margin-bottom:1rem}.profileModalActions{display:flex;gap:.75rem;justify-content:flex-end}@media (max-width:768px){.profile2FAVerify,.profileModalActions{flex-direction:column}.profileModalActions button{width:100%}}:root{--bg0:#f8fafc;--bg1:#f1f5f9;--bg2:#e2e8f0;--card:#fff;--card2:#fff;--cardHover:#f8fafc;--text:#0f172a;--textSecondary:#334155;--muted:#64748b;--muted2:#94a3b8;--border:#00000014;--borderLight:#0000000a;--shadow:0 1px 3px #0000000d,0 1px 2px #00000008;--shadow2:0 4px 20px #00000014;--shadowLg:0 10px 40px #0000001a;--accent:#3b82f6;--accentLight:#3b82f61a;--accentMedium:#3b82f626;--accentHover:#2563eb;--success:#10b981;--successLight:#10b9811a;--warning:#f59e0b;--warningLight:#f59e0b1a;--danger:#ef4444;--dangerLight:#ef44441a;--info:#6366f1;--infoLight:#6366f11a;--inputBg:#fff;--inputBorder:#0000001a;--inputFocus:#3b82f633;--btn:#f1f5f9;--btnHover:#e2e8f0;--btnBorder:#00000014;--radius:16px;--radiusSm:10px;--radiusLg:20px;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}body[data-theme=dark]{--bg0:#0f1117;--bg1:#16181f;--bg2:#1e2130;--card:#1a1d29;--card2:#1e2130;--cardHover:#22263a;--sidebar:#16181f;--secondary:#1e2130;--mutedBg:#2a2d3a;--text:#e4e4e7;--textSecondary:#c4c4c9;--muted:#94a3b8;--muted2:#64748b;--border:#262936;--borderLight:#ffffff0a;--sidebarBorder:#262936;--shadow:0 1px 3px #0006,0 1px 2px #0000004d;--shadow2:0 4px 20px #00000080;--shadowLg:0 10px 40px #0009;--accent:#5b8def;--accentLight:#5b8def1f;--accentMedium:#5b8def2e;--accentHover:#4a7de0;--ring:#5b8def;--chart1:#5b8def;--chart2:#a78bfa;--chart3:#ec4899;--chart4:#14b8a6;--chart5:#f59e0b;--success:#4ade80;--successLight:#4ade801f;--warning:#fbbf24;--warningLight:#fbbf241f;--danger:#ef4444;--dangerLight:#ef44441f;--info:#a78bfa;--infoLight:#a78bfa1f;--inputBg:#1a1d29;--inputBorder:#262936;--inputFocus:#5b8def40;--btn:#1e2130;--btnHover:#2a2d3a;--btnBorder:#262936}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--bg0);color:#0f172a;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{margin:0;max-width:100%;padding:32px 48px}@media (max-width:1024px){.container{padding:28px 32px}}@media (max-width:768px){.container{padding:20px}}.card{background:#fff;background:var(--card);border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;box-shadow:var(--shadow);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:hover{box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow2)}.cardPad{padding:20px}.h1{color:#0f172a;color:var(--text);font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.h2{font-size:24px;letter-spacing:-.3px;margin:0 0 6px}.h2,.h3{font-weight:600}.h3{font-size:18px;margin:0}.muted{color:#64748b;color:var(--muted)}.small{color:#94a3b8;color:var(--muted2);font-size:13px}.row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.spacer{flex:1 1}.input{background:#fff;background:var(--inputBg);border:1px solid #0000001a;border:1px solid var(--inputBorder);border-radius:10px;border-radius:var(--radiusSm);color:#0f172a;color:var(--text);font-size:14px;outline:none;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.input:focus,.input:hover{border-color:#3b82f6;border-color:var(--accent)}.input:focus{box-shadow:0 0 0 3px #3b82f633;box-shadow:0 0 0 3px var(--inputFocus)}.input::placeholder{color:#94a3b8;color:var(--muted2)}.input.select,.select,select,select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;min-height:44px;padding-right:40px}.input.select option,.select option,select option,select.input option{background:#fff;background:var(--card);border:none;color:#0f172a;color:var(--text);min-height:44px;padding:14px 16px}body[data-theme=dark] .input.select option,body[data-theme=dark] .select option,body[data-theme=dark] select option,body[data-theme=dark] select.input option{background:#1a1d29;color:#e4e4e7}body[data-theme=dark] .input.select option:checked,body[data-theme=dark] .input.select option:hover,body[data-theme=dark] .select option:checked,body[data-theme=dark] .select option:hover,body[data-theme=dark] select option:checked,body[data-theme=dark] select option:hover,body[data-theme=dark] select.input option:checked,body[data-theme=dark] select.input option:hover{background:#262d3d;color:#fff}.label{color:#334155;color:var(--textSecondary);display:block;font-size:13px;margin-bottom:6px}.btn,.label{font-weight:600}.btn{align-items:center;background:#f1f5f9;background:var(--btn);border:1px solid #00000014;border:1px solid var(--btnBorder);border-radius:10px;border-radius:var(--radiusSm);color:#0f172a;color:var(--text);cursor:pointer;display:inline-flex;font-size:14px;gap:8px;justify-content:center;padding:10px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.btn:hover{background:#e2e8f0;background:var(--btnHover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btnPrimary{background:#3b82f6;background:var(--accent);border-color:#3b82f6;border-color:var(--accent);box-shadow:0 2px 8px #3b82f640;color:#fff}.btnPrimary:hover{background:#2563eb;background:var(--accentHover);border-color:#2563eb;border-color:var(--accentHover);box-shadow:0 4px 12px #3b82f659}.btnSuccess{background:#10b981;background:var(--success);border-color:#10b981;border-color:var(--success);color:#fff}.btnSuccess:hover{filter:brightness(1.1)}.btnDanger{background:#ef44441a;background:var(--dangerLight);border-color:#0000;color:#ef4444;color:var(--danger)}.btnDanger:hover{background:#ef4444;background:var(--danger);color:#fff}.btnGhost{background:#0000;border-color:#0000}.btnGhost:hover{background:#f1f5f9;background:var(--btn)}.tableWrap{border-radius:10px;border-radius:var(--radiusSm);overflow-x:auto}.table{border-collapse:collapse;min-width:600px;width:100%}@media (max-width:768px){.table{min-width:500px}}@media (max-width:480px){.table{font-size:13px;min-width:400px}.td,.th{padding:10px 8px}}.th{background:#f1f5f9;background:var(--bg1);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);color:#64748b;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.td{border-bottom:1px solid #0000000a;border-bottom:1px solid var(--borderLight);padding:16px;vertical-align:middle}.table tbody tr{transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.table tbody tr:hover{background:#f8fafc;background:var(--cardHover)}.table tbody tr:last-child .td{border-bottom:none}.badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.badgeSuccess{background:#10b9811a;background:var(--successLight);color:#10b981;color:var(--success)}.badgeWarning{background:#f59e0b1a;background:var(--warningLight);color:#f59e0b;color:var(--warning)}.badgeDanger{background:#ef44441a;background:var(--dangerLight);color:#ef4444;color:var(--danger)}.badgeInfo{background:#6366f11a;background:var(--infoLight);color:#6366f1;color:var(--info)}.badgeAccent{background:#3b82f61a;background:var(--accentLight);color:#3b82f6;color:var(--accent)}.mono{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px}.hr{background:#00000014;background:var(--border);border:0;height:1px;margin:16px 0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--muted2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fadeIn{animation:fadeIn .3s ease}.slideUp{animation:slideUp .3s ease}.slideDown{animation:slideDown .3s ease}.scaleIn{animation:scaleIn .3s ease}::selection{background:#3b82f626;background:var(--accentMedium);color:#0f172a;color:var(--text)}
/*# sourceMappingURL=main.eadfa7a7.css.map*/