*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0e1a;--bg2: #0f1629;--bg3: #141d35;--border: #1e2d50;--accent: #3b82f6;--accent2: #60a5fa;--green: #10b981;--orange: #f59e0b;--red: #ef4444;--text: #e2e8f0;--text2: #94a3b8;--text3: #475569;--mono: "IBM Plex Mono", monospace;--sans: "IBM Plex Sans", sans-serif;--radius: 8px;--radius-lg: 16px;--shadow: 0 4px 24px rgba(0,0,0,.4)}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.lp-btn{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease}.lp-btn:hover{transform:translateY(-1px)}.lp-btn-primary:hover{box-shadow:0 6px 20px #3b82f659}.lp-btn-ghost:hover{border-color:var(--accent);color:var(--text)}.lp-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.lp-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 32px #00000059}.lp-feature{transition:border-color .2s ease,transform .2s ease}.lp-feature:hover{border-color:var(--accent);transform:translateY(-2px)}@keyframes lpFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.lp-fade-up{opacity:0;animation:lpFadeUp .7s ease-out forwards}@keyframes lpFloat{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,24px)}}.lp-bg-glow{animation:lpFloat 10s ease-in-out infinite}@keyframes lpPulseBadge{0%,to{box-shadow:0 0 #3b82f659}50%{box-shadow:0 0 0 6px #3b82f600}}.lp-badge-pulse{animation:lpPulseBadge 2.4s ease-out infinite}.auth-layout{display:flex;min-height:100vh}.auth-side{flex:1.1;position:relative;overflow:hidden;display:flex;align-items:center;padding:60px;background:var(--bg2);border-right:1px solid var(--border)}.auth-form-panel{flex:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}@media (max-width: 900px){.auth-side{display:none}}@keyframes authCardIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card{animation:authCardIn .5s ease-out both}.auth-input{transition:border-color .15s ease,box-shadow .15s ease}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f;outline:none}.auth-btn{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.auth-btn:hover:not(:disabled){transform:translateY(-1px)}.auth-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #3b82f659}.auth-btn-google:hover:not(:disabled){border-color:var(--accent)}@keyframes panelTopbarIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.panel-topbar{height:3px;width:100%;transform-origin:left center;animation:panelTopbarIn .6s cubic-bezier(.22,1,.36,1) both;flex-shrink:0}.panel-topbar-client{background:linear-gradient(90deg,var(--accent),var(--green),var(--accent))}.panel-topbar-admin{background:linear-gradient(90deg,var(--orange),var(--red),var(--orange))}@keyframes panelFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.panel-enter{opacity:0;animation:panelFadeUp .5s ease-out forwards}.admin-nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:none;border-left:2px solid transparent;color:var(--text2);padding:10px 16px;font-size:13px;cursor:pointer;font-family:var(--sans);border-radius:0 var(--radius) var(--radius) 0;transition:background .15s ease,color .15s ease,border-color .15s ease}.admin-nav-item:hover{background:var(--bg3);color:var(--text)}.admin-nav-item.active{background:#f59e0b14;color:var(--text);border-left-color:var(--orange)}@keyframes quotaFill{0%{width:0}}.quota-fill{animation:quotaFill .8s ease-out}.user-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;flex-shrink:0}@keyframes contentFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.content-fade{animation:contentFade .35s ease-out}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeSlideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-soft{animation:fadeIn .4s ease-out}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.pulse-dot{animation:pulseGlow 1.4s ease-in-out infinite}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-in{animation:modalIn .28s ease-out}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.overlay-in{animation:overlayIn .2s ease-out}input:disabled,select:disabled{opacity:.5;cursor:not-allowed!important}button:disabled{cursor:not-allowed!important}button:not(:disabled){transition:opacity .15s ease,filter .15s ease}button:not(:disabled):hover{filter:brightness(1.15)}select{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:12px!important;padding-right:32px!important;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}select:hover:not(:disabled){border-color:var(--accent)!important}select:focus:not(:disabled){border-color:var(--accent)!important;box-shadow:0 0 0 3px #3b82f61f;outline:none}select option{background:var(--bg2);color:var(--text);padding:8px 12px}select option:checked{background:#3b82f640}input:not([type=checkbox]):not([type=radio]):not([type=file]){transition:border-color .2s ease,box-shadow .2s ease}input:not([type=checkbox]):not([type=radio]):not([type=file]):hover:not(:disabled){border-color:var(--accent)!important}input:not([type=checkbox]):not([type=radio]):not([type=file]):focus:not(:disabled){border-color:var(--accent)!important;box-shadow:0 0 0 3px #3b82f61f;outline:none}tbody tr:hover{background:#3b82f60f!important}.col-header:hover .col-hide-btn{opacity:1!important}.col-header:hover{background:var(--bg2)!important}.dte-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.dte-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 28px #00000059}.dte-card:hover .dte-card-arrow{transform:translate(4px);opacity:1}.dte-card-arrow{display:inline-block;transition:transform .2s ease,opacity .2s ease;opacity:.5}