*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--orange: #FF6B2B;--orange-dim: #CC501A;--orange-glow: rgba(255,107,43,.15);--orange-subtle: rgba(255,107,43,.08);--bg-base: #0A0A0B;--bg-surface: #111113;--bg-card: #161618;--bg-card-hover: #1C1C1F;--bg-input: #0F0F11;--border: rgba(255,255,255,.07);--border-hover: rgba(255,255,255,.12);--border-orange: rgba(255,107,43,.35);--text-primary: #F0EEE8;--text-secondary: #8A8882;--text-muted: #555450;--green: #22C55E;--green-dim: rgba(34,197,94,.12);--yellow: #EAB308;--yellow-dim: rgba(234,179,8,.12);--red: #EF4444;--red-dim: rgba(239,68,68,.12);--blue: #3B82F6;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "Space Mono", monospace;--radius: 8px;--radius-lg: 14px;--radius-xl: 20px;--shadow-card: 0 1px 0 0 rgba(255,255,255,.04) inset}html,body,#root{height:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:99px}input,textarea,select{font-family:var(--font-body);background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);padding:10px 14px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-glow)}input::placeholder{color:var(--text-muted)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all .15s}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{transform:scale(.9);opacity:1}to{transform:scale(2);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}@keyframes countdown-pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-in{animation:fadeIn .3s ease both}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hamburger-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all .15s;z-index:100}.hamburger-btn:hover{background:#ff6b2b14;border-color:#ff6b2b33;color:var(--orange)}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;animation:fadeOverlay .2s ease}.mobile-topbar{display:none;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:99}.mobile-topbar-logo{display:flex;align-items:center;gap:8px;flex:1}.mobile-topbar-logo img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(255,107,43,.4))}.mobile-topbar-logo span{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text-primary)}@media (max-width: 768px){.hamburger-btn,.mobile-topbar{display:flex}.mobile-overlay.active{display:block}.sidebar-mobile{position:fixed!important;left:0;top:0;bottom:0;z-index:999;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none;width:260px!important;min-width:260px!important}.sidebar-mobile.sidebar-open{transform:translate(0);box-shadow:8px 0 40px #00000080}.main-content{padding:16px!important}.dashboard-header{flex-direction:column!important;gap:12px!important}.dashboard-clock{text-align:left!important}.server-grid{grid-template-columns:1fr!important;gap:10px!important}.panel-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.panel-stats{width:100%;justify-content:flex-start!important}.server-card-actions{flex-wrap:wrap!important}.server-card-name{max-width:160px!important}.user-card-responsive{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.user-actions-responsive{width:100%;justify-content:flex-start!important}.log-card-responsive{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.log-top-responsive{flex-wrap:wrap!important}.filters-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important;padding-bottom:4px}.filters-scroll::-webkit-scrollbar{display:none}.filters-scroll button{flex-shrink:0!important}.page-header-responsive{flex-direction:column!important;gap:8px!important}.panel-form-grid{grid-template-columns:1fr!important}.maintenance-banner{padding:20px 16px!important}.maintenance-banner-title{font-size:15px!important}}@media (max-width: 400px){.main-content{padding:12px!important}.server-card-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.server-card-name{max-width:100%!important}}@media (min-width: 769px) and (max-width: 1024px){.server-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}}@media (min-width: 1400px){.server-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}}.server-card:hover{border-color:#ffffff1f!important;box-shadow:0 4px 20px #0000004d!important}.stats-balance-card{grid-column:span 2}@media (max-width: 480px){.stats-balance-card{grid-column:span 1}}