@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--background: #f3f4f6;--foreground: #111827;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .04);--card-radius: 20px;--card-shadow: 0 4px 20px rgba(0, 0, 0, .03);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .04);--primary: #2563eb;--primary-hover: #1d4ed8;--primary-foreground: #ffffff;--secondary: #eff6ff;--secondary-foreground: #3b82f6;--font-sans: "Plus Jakarta Sans", "Inter", sans-serif;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1)}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0;-webkit-font-smoothing:antialiased}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.layout-container{display:flex;min-height:100vh;width:100%;overflow-x:hidden;background:var(--background)}.sidebar-container{width:280px;height:100vh;position:fixed;left:0;top:0;background:#fff;border-right:1px solid rgba(0,0,0,.03);z-index:50;display:flex;flex-direction:column;padding:1.5rem;box-sizing:border-box}.main-content{margin-left:280px;flex:1;width:calc(100% - 280px);padding:1.5rem 2rem 2rem;box-sizing:border-box}.nav-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:.75rem;margin-top:2.5rem;font-weight:700;padding-left:1rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border-radius:12px;color:#6b7280;text-decoration:none;transition:var(--transition-smooth);border:none;background:transparent;width:100%;cursor:pointer;font-weight:600;font-family:var(--font-sans);margin-bottom:.25rem}.nav-item:hover{background:#f9fafb;color:#111827}.nav-item.active{background-color:var(--primary);color:#fff;box-shadow:0 10px 20px -5px #2563eb4d}.nav-item.active svg{color:#fff!important}.dashboard-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:1.5rem;box-shadow:var(--card-shadow);transition:var(--transition-smooth);position:relative;overflow:hidden}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px #0000000f}.glass-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.btn-primary{background:var(--primary);color:#fff;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;border:none;box-shadow:0 4px 12px #2563eb40;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.glass-input{width:100%;padding:14px 18px;border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb;outline:none;font-size:.95rem;font-weight:500;color:#1f2937;transition:var(--transition-smooth);box-sizing:border-box}.glass-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.badge{padding:6px 14px;border-radius:9999px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.025em}.badge-success{background:#dcfce7;color:#15803d}.badge-warning{background:#fef9c3;color:#a16207}.badge-error{background:#fee2e2;color:#b91c1c}.badge-neutral{background:#f3f4f6;color:#4b5563}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.text-gradient{background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1;background-color:transparent}50%{opacity:.6;background-color:#fbbf241a}}@keyframes remoteAccessPulse{0%,to{opacity:.8}50%{opacity:1}}.remote-access-mode{position:relative}.remote-access-mode:before{content:"";position:fixed;inset:0;border:4px solid #3b82f6;box-shadow:inset 0 0 30px #3b82f626,0 0 20px #3b82f64d;pointer-events:none;z-index:9998;animation:remoteAccessPulse 2s ease-in-out infinite}.remote-access-banner{position:fixed;top:0;left:0;right:0;height:40px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.9rem;font-weight:600;z-index:9999;box-shadow:0 2px 15px #2563eb66}.remote-access-banner .exit-btn{background:#fff3;border:none;color:#fff;padding:5px 14px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.remote-access-banner .exit-btn:hover{background:#ffffff59}.remote-access-mode .sidebar-container{top:40px;height:calc(100vh - 40px)}.remote-access-mode .main-content{padding-top:calc(1.5rem + 40px)}