@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-color:#0d1117;--text-main:#c9d1d9;--text-muted:#8b949e;--panel-bg:#161b22a6;--panel-border:#30363dcc;--panel-hover:#1e242dd9;--brand-accent:#58a6ff;--spectrum-red:#da3633;--spectrum-yellow:#d29922;--spectrum-green:#238636;--body-bg-gradient:radial-gradient(ellipse at top right, #58a6ff26 0%, transparent 50%), radial-gradient(ellipse at bottom left, #2386361a 0%, transparent 50%), linear-gradient(180deg, #0d1117 0%, #010409 100%)}:root[data-theme=light]{--bg-color:#f0f2f5;--text-main:#0d1117;--text-muted:#5e6b7c;--panel-bg:#ffffffbf;--panel-border:#00000026;--panel-hover:#f0f0f0e6;--brand-accent:#005cc5;--spectrum-red:#d73a49;--spectrum-yellow:#b08800;--spectrum-green:#28a745;--body-bg-gradient:radial-gradient(ellipse at top right, #005cc514 0%, transparent 50%), radial-gradient(ellipse at bottom left, #28a74514 0%, transparent 50%), linear-gradient(180deg, #f3f4f6 0%, #e5e7eb 100%)}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-main);background-image:var(--body-bg-gradient);background-attachment:fixed;min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,system-ui,sans-serif;transition:background .3s,color .3s}h1,h2,h3,p{margin:0}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:2px solid #ffffff26;border-radius:16px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 24px -2px #00000080}.glass-panel:hover{border-color:#58a6ff80;box-shadow:0 8px 32px -4px #0009}.status-disconnected{background-color:var(--spectrum-red);box-shadow:0 0 8px #d73a4966}.switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--panel-border);border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 5px #0000004d}input:checked+.slider{background-color:var(--brand-accent)}input:checked+.slider:before{transform:translate(20px)}.react-resizable-handle{opacity:0;border-radius:50%;transition:background .2s,opacity .2s}.react-resizable-handle:hover{opacity:1;background:#58a6ff4d}.react-resizable-handle-se:after{content:"";pointer-events:none;border-bottom:2px solid #fff6;border-right:2px solid #fff6;width:10px;height:10px;position:absolute;bottom:8px;right:8px}.react-resizable-handle-se{opacity:1!important}.flash-update{animation:1.5s ease-out bgFlash}@keyframes bgFlash{0%{background-color:#ffffff26}to{background-color:#0000}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.auth-page{background-color:var(--bg-color);background-image:var(--body-bg-gradient);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";filter:blur(120px);opacity:.3;border-radius:50%;animation:12s ease-in-out infinite alternate orbFloat;position:absolute}.auth-page:before{background:var(--brand-accent);width:500px;height:500px;top:-150px;right:-100px}.auth-page:after{background:var(--spectrum-green);width:400px;height:400px;animation-delay:-6s;bottom:-100px;left:-80px}@keyframes orbFloat{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.1)}to{transform:translate(-20px,20px)scale(.95)}}.auth-card{z-index:1;background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);opacity:0;border:1px solid #ffffff1f;border-radius:24px;width:100%;max-width:440px;margin:1rem;padding:2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards cardAppear;position:relative;transform:translateY(20px);box-shadow:0 24px 80px -12px #0009,inset 0 0 0 1px #ffffff0d}@keyframes cardAppear{to{opacity:1;transform:translateY(0)}}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo h1{background:linear-gradient(135deg, #c9d1d9, var(--brand-accent));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:800}.auth-logo p{color:var(--text-muted);margin-top:.5rem;font-size:.9rem}.auth-tabs{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;gap:0;margin-bottom:2rem;padding:4px;display:flex}.auth-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:10px;flex:1;padding:.7rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-tab.active{background:var(--brand-accent);color:#0d1117;box-shadow:0 4px 16px #58a6ff4d}.auth-tab:not(.active):hover{color:var(--text-main);background:#ffffff0d}.auth-form{flex-direction:column;gap:1.2rem;display:flex}.auth-field{flex-direction:column;gap:.4rem;display:flex}.auth-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.auth-field input{color:var(--text-main);background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:12px;outline:none;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:all .25s}.auth-field input::placeholder{color:var(--text-muted);opacity:.6}.auth-field input:focus{border-color:var(--brand-accent);background:#58a6ff0f;box-shadow:0 0 0 3px #58a6ff1a}.auth-submit{cursor:pointer;background:linear-gradient(135deg, var(--brand-accent), #3d8bfd);color:#0d1117;border:none;border-radius:12px;margin-top:.5rem;padding:.9rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.auth-submit:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-submit:hover:before{left:100%}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #58a6ff59}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{color:var(--spectrum-red);background:#da36331f;border:1px solid #da36334d;border-radius:10px;padding:.8rem 1rem;font-size:.85rem;font-weight:500;animation:.4s shakeError}@keyframes shakeError{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.auth-spinner{vertical-align:middle;border:2.5px solid #0d11174d;border-top-color:#0d1117;border-radius:50%;width:18px;height:18px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.auth-card{border-radius:20px;margin:.5rem;padding:1.8rem}.auth-logo h1{font-size:2rem}}.profile-btn{background:linear-gradient(135deg, var(--brand-accent), #3d8bfd);color:#0d1117;cursor:pointer;text-transform:uppercase;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.profile-btn:hover{border-color:var(--brand-accent);transform:scale(1.08);box-shadow:0 0 20px #58a6ff59}.profile-btn.active{border-color:var(--brand-accent);box-shadow:0 0 24px #58a6ff66}.profile-dropdown{background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);z-index:10001;opacity:0;border:1px solid #ffffff1f;border-radius:16px;min-width:260px;padding:1.2rem;animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdownSlide;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px)scale(.96);box-shadow:0 16px 48px #000000b3}@keyframes dropdownSlide{to{opacity:1;transform:translateY(0)scale(1)}}.profile-user-info{border-bottom:1px solid #ffffff14;align-items:center;gap:.8rem;margin-bottom:.8rem;padding-bottom:1rem;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--brand-accent), #3d8bfd);color:#0d1117;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:700;display:flex}.profile-details{flex-direction:column;gap:2px;display:flex;overflow:hidden}.profile-details .email{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.profile-details .joined{color:var(--text-muted);font-size:.72rem}.profile-logout{cursor:pointer;width:100%;color:var(--spectrum-red);background:#da36331f;border:none;border-radius:10px;align-items:center;gap:8px;padding:.65rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.profile-logout:hover{background:#da363340;transform:translate(2px)}.app-container{flex-direction:column;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.header-title{-webkit-text-fill-color:transparent;letter-spacing:-.5px;background:linear-gradient(90deg,#c9d1d9,#58a6ff);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.connection-status{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.status-indicator{border-radius:50%;width:10px;height:10px}.status-connected{background-color:var(--spectrum-green);box-shadow:0 0 12px var(--spectrum-green)}.status-disconnected{background-color:var(--spectrum-red);box-shadow:0 0 12px var(--spectrum-red);animation:2s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.dashboard-grid{grid-template-columns:350px 1fr;align-items:start;gap:2rem;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}.widgets-sidebar{flex-direction:column;gap:2rem;display:flex}