@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--font-title:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--bg-dark:222 47% 6%;--bg-panel:224 47% 9%;--bg-card:223 47% 12%;--primary:250 89% 65%;--primary-glow:250 89% 65% / .15;--secondary:199 89% 48%;--success:142 71% 45%;--warning:38 92% 50%;--danger:346 84% 61%;--text-primary:210 40% 98%;--text-secondary:215 20% 65%;--text-muted:217 10% 45%;--border-glass:217 32% 17% / .7;--border-light:217 32% 22% / .4;--glass-bg:223 47% 8% / .5;--glass-blur:blur(16px);--shadow-premium:0 8px 32px 0 #0000005e;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--border-radius-lg:16px;--border-radius-md:12px;--border-radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:hsl(var(--bg-dark));color:hsl(var(--text-primary));-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--bg-dark))}::-webkit-scrollbar-thumb{background:hsl(var(--border-glass));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary))}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;font-weight:600}.app-container{background-image:radial-gradient(at 0% 0%, hsla(var(--primary), .08) 0px, transparent 50%), radial-gradient(at 100% 100%, hsla(var(--secondary), .05) 0px, transparent 50%);min-height:100vh;display:flex}.sidebar{background:var(--glass-bg);width:260px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid hsl(var(--border-glass));z-index:10;height:100vh;transition:var(--transition-smooth);flex-direction:column;display:flex;position:sticky;top:0}.sidebar-header{border-bottom:1px solid hsl(var(--border-glass));align-items:center;gap:12px;padding:24px;display:flex}.sidebar-logo{font-family:var(--font-title);background:linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--secondary)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:700}.sidebar-menu{flex-direction:column;flex:1;gap:6px;padding:20px 12px;list-style:none;display:flex}.sidebar-item{color:hsl(var(--text-secondary));border-radius:var(--border-radius-md);transition:var(--transition-smooth);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.sidebar-item:hover,.sidebar-item.active{color:hsl(var(--text-primary));background:hsla(var(--primary), .1);border-left:3px solid hsl(var(--primary))}.sidebar-item svg{width:20px;height:20px;transition:var(--transition-smooth)}.sidebar-item:hover svg,.sidebar-item.active svg{stroke:hsl(var(--primary))}.sidebar-footer{border-top:1px solid hsl(var(--border-glass));padding:16px}.main-content{flex-direction:column;flex:1;gap:32px;padding:32px;display:flex;overflow-y:auto}.header{border-bottom:1px solid hsl(var(--border-light));justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.header-title{background:linear-gradient(135deg, #fff 0%, hsl(var(--text-secondary)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:28px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid hsl(var(--border-glass));border-radius:var(--border-radius-lg);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);padding:24px}.glass-card:hover{border-color:hsla(var(--primary), .3);transform:translateY(-2px);box-shadow:0 12px 40px #725bed1a}.card-title{color:hsl(var(--text-primary));align-items:center;gap:8px;margin-bottom:16px;font-size:18px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.stat-card{flex-direction:column;gap:8px;display:flex}.stat-value{font-size:32px;font-weight:700;font-family:var(--font-title);color:hsl(var(--text-primary))}.stat-label{color:hsl(var(--text-secondary));font-size:14px}.stat-indicator{align-items:center;gap:4px;font-size:12px;display:flex}.stat-up{color:hsl(var(--success))}.stat-down{color:hsl(var(--danger))}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:hsl(var(--text-secondary));font-size:14px;font-weight:500}.form-input,.form-select,.form-textarea{background:hsla(var(--bg-panel), .5);border:1px solid hsl(var(--border-glass));border-radius:var(--border-radius-sm);color:hsl(var(--text-primary));font-family:var(--font-body);transition:var(--transition-smooth);width:100%;padding:12px 16px;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsla(var(--primary), .2);outline:none}.btn{font-family:var(--font-title);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--primary) / .8) 100%);color:#fff;box-shadow:0 4px 14px 0 hsla(var(--primary), .3)}.btn-primary:hover{box-shadow:0 6px 20px 0 hsla(var(--primary), .4);filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background:hsla(var(--bg-panel), .8);border:1px solid hsl(var(--border-glass));color:hsl(var(--text-primary))}.btn-secondary:hover{background:hsla(var(--bg-panel), 1);border-color:hsl(var(--text-secondary))}.btn-danger{background:hsl(var(--danger));color:#fff}.btn-danger:hover{filter:brightness(1.1)}.table-container{border-radius:var(--border-radius-md);border:1px solid hsl(var(--border-glass));overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;background:hsla(var(--bg-panel), .3);width:100%;font-size:14px}.admin-table th{background:hsla(var(--bg-panel), .8);color:hsl(var(--text-secondary));border-bottom:1px solid hsl(var(--border-glass));padding:16px;font-weight:600}.admin-table td{border-bottom:1px solid hsl(var(--border-glass));color:hsl(var(--text-primary));padding:16px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:hsla(var(--primary), .04)}.badge{border-radius:50px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-online{background:hsla(var(--success), .15);color:hsl(var(--success))}.badge-audit{background:hsla(var(--warning), .15);color:hsl(var(--warning))}.badge-draft{background:hsla(var(--text-muted), .15);color:hsl(var(--text-secondary))}.badge-offline{background:hsla(var(--danger), .15);color:hsl(var(--danger))}.badge-native{color:#c084fc;background:#9333ea26}.badge-webview{color:#93c5fd;background:#3b82f626}.badge-dynamic{color:#f48fb1;background:#ec489926}.badge-external{color:#fde68a;background:#f59e0b26}.builder-layout{grid-template-columns:320px 1fr;gap:24px;display:grid}.field-toolbox{flex-direction:column;gap:12px;display:flex}.tool-item{background:hsla(var(--bg-panel), .6);border:1px dashed hsl(var(--border-glass));border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:12px;padding:14px;display:flex}.tool-item:hover{border-color:hsl(var(--primary));background:hsla(var(--primary), .05);transform:translate(2px)}.builder-stage{background:hsla(var(--bg-panel), .2);border:2px dashed hsl(var(--border-glass));border-radius:var(--border-radius-lg);flex-direction:column;gap:16px;min-height:400px;padding:24px;display:flex}.stage-placeholder{height:300px;color:hsl(var(--text-muted));flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.stage-field{background:var(--glass-bg);border:1px solid hsl(var(--border-glass));border-radius:var(--border-radius-md);transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:16px;display:flex;position:relative}.stage-field:hover{border-color:hsl(var(--primary))}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:hsl(var(--bg-panel));border:1px solid hsl(var(--border-glass));border-radius:var(--border-radius-lg);width:550px;max-width:90%;max-height:90vh;box-shadow:var(--shadow-premium);overflow-y:auto}.modal-header{border-bottom:1px solid hsl(var(--border-glass));justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{padding:24px}.modal-footer{border-top:1px solid hsl(var(--border-glass));justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.auth-container{background-image:radial-gradient(at 0% 0%, hsla(var(--primary), .1) 0px, transparent 50%), radial-gradient(at 100% 100%, hsla(var(--secondary), .08) 0px, transparent 50%);justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex}.auth-card{width:420px;max-width:90%}@media (width<=768px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid hsl(var(--border-glass));width:100%;height:auto;position:relative}.sidebar-header{padding:16px}.sidebar-menu{flex-flow:wrap;justify-content:space-around;gap:8px;padding:12px}.sidebar-item{padding:8px 12px;font-size:13px}.sidebar-footer{display:none}.main-content{gap:20px;padding:20px 16px}.builder-layout{grid-template-columns:1fr;gap:16px}.header{flex-direction:column;align-items:flex-start;gap:12px}}