.custom-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0f172ab3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s modal-fade-in;display:flex;position:fixed;top:0;left:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.custom-modal-card{text-align:center;background:#1e293be6;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:450px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) modal-slide-up;display:flex;position:relative;box-shadow:0 25px 50px -12px #0009,inset 0 1px #ffffff1a}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.custom-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.custom-modal-close:hover{color:#fff;background:#ffffff0d}.custom-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex;box-shadow:0 10px 25px #0003}.custom-modal-icon.info{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 10px 25px #f59e0b66}.custom-modal-icon.warning{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 10px 25px #ef444466}.custom-modal-title{color:#f8fafc;margin:0 0 12px;font-size:24px;font-weight:700}.custom-modal-message{color:#cbd5e1;margin:0 0 32px;font-size:16px;line-height:1.5}.custom-modal-actions{gap:16px;width:100%;display:flex}.custom-modal-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.custom-modal-btn.confirm{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);box-shadow:0 4px 12px #0ea5e94d}.custom-modal-btn.confirm:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0ea5e966}.custom-modal-btn.cancel{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 12px #ef44444d}.custom-modal-btn.cancel:hover{transform:translateY(-2px);box-shadow:0 8px 16px #ef444466}.sidebar nav .sidebar-group-btn{justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar nav .sidebar-group-btn .group-title{align-items:center;gap:8px;display:flex}.sidebar nav .sidebar-subitems{border-left:1px solid #ffffff0d;flex-direction:column;gap:4px;margin-top:4px;margin-left:14px;padding-left:24px;transition:max-height .3s,opacity .3s;display:flex;overflow:hidden}.sidebar nav .sidebar-subitems.collapsed{opacity:0;pointer-events:none;max-height:0;margin-top:0}.sidebar nav .sidebar-subitems.expanded{opacity:1;pointer-events:auto;max-height:500px}.roles-container{max-width:800px;margin:0 auto;padding:32px;animation:.4s login-fade-in}.roles-glass-card{-webkit-backdrop-filter:blur(12px);background:#1e293b99;border:1px solid #ffffff14;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a}.roles-header{align-items:center;gap:16px;margin-bottom:32px;display:flex;position:relative}.roles-header-icon{background:linear-gradient(135deg, var(--accent-primary) 0%, #38bdf8 100%);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 16px #38bdf84d}.roles-header h2{color:#fff;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.roles-header span{color:#94a3b8;font-size:14px;font-weight:500}.roles-divider{background:linear-gradient(90deg,#ffffff1a 0%,#fff0 100%);height:1px;margin-bottom:32px}.roles-input-group{margin-bottom:40px}.roles-input-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.roles-input{color:#fff;background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:16px 20px;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0003}.roles-input:focus{background:#0f172acc;border-color:#38bdf8;outline:none;box-shadow:0 0 0 4px #38bdf826,inset 0 2px 4px #0003}.roles-tree{background:#0f172a66;border:1px solid #ffffff0d;border-radius:16px;padding:24px}.roles-tree h3{color:#e2e8f0;align-items:center;gap:8px;margin:0 0 24px;font-size:15px;font-weight:600;display:flex}.tree-node{cursor:pointer;border-radius:8px;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.tree-node:hover{background:#ffffff08}.tree-node.is-child{margin-left:32px;position:relative}.tree-node.is-child:before{content:"";border-bottom:1px dashed #ffffff26;border-left:1px dashed #ffffff26;width:12px;height:50%;position:absolute;top:0;bottom:50%;left:-16px}.custom-checkbox{background:#0003;border:2px solid #fff3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.tree-node.checked .custom-checkbox{background:#38bdf8;border-color:#38bdf8;box-shadow:0 0 12px #38bdf866}.custom-checkbox svg{color:#fff;opacity:0;width:14px;height:14px;transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(.5)}.tree-node.checked .custom-checkbox svg{opacity:1;transform:scale(1)}.node-label{color:#cbd5e1;font-size:15px;font-weight:500;transition:color .2s}.tree-node.checked .node-label{color:#fff}.roles-cta-container{justify-content:flex-end;margin-top:40px;display:flex}.btn-glow{background:linear-gradient(135deg, #38bdf8 0%, var(--accent-primary) 100%);color:#fff;cursor:pointer;letter-spacing:.5px;border:none;border-radius:12px;padding:16px 40px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #38bdf84d,inset 0 1px #fff3}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 15px 30px #38bdf866,inset 0 1px #fff3}.btn-glow:active{transform:translateY(1px);box-shadow:0 5px 10px #38bdf84d}@media (width<=768px){.roles-container{padding:16px}.roles-glass-card{border-radius:16px;padding:24px}.tree-node.is-child{margin-left:20px}.btn-glow{width:100%}}.usuarios-container{max-width:1100px;margin:0 auto;padding:32px;animation:.4s login-fade-in}.usuarios-header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.usuarios-header-row h2{color:#fff;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.btn-create-user{background:linear-gradient(135deg, #38bdf8 0%, var(--accent-primary) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 10px #38bdf84d,inset 0 1px #fff3}.btn-create-user:hover{transform:translateY(-2px);box-shadow:0 6px 15px #38bdf866,inset 0 1px #fff3}.user-form-glass{-webkit-backdrop-filter:blur(12px);background:#1e293b99;border:1px solid #ffffff14;border-radius:20px;max-width:600px;margin:0 auto;padding:40px;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a}.user-form-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;display:flex}.user-form-header-icon{color:#fff;background:linear-gradient(135deg,#94a3b8 0%,#475569 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:8px;display:flex;box-shadow:0 8px 16px #0003}.user-form-header h2{color:#fff;letter-spacing:-.5px;margin:0;font-size:22px;font-weight:700}.user-form-header span{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600}.user-form-divider{text-align:center;color:#64748b;align-items:center;margin:24px 0;font-size:13px;font-weight:500;display:flex}.user-form-divider:before,.user-form-divider:after{content:"";border-bottom:1px solid #ffffff1a;flex:1}.user-form-divider:not(:empty):before{margin-right:.5em}.user-form-divider:not(:empty):after{margin-left:.5em}.user-input-group{margin-bottom:20px}.user-input-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.user-input,.user-select{color:#fff;background:#0f172a99;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:14px 16px;font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0003}.user-input:focus,.user-select:focus{background:#0f172acc;border-color:#38bdf8;outline:none;box-shadow:0 0 0 4px #38bdf826,inset 0 2px 4px #0003}.user-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.user-select option{color:#fff;background:#1e293b}.user-checkbox-row{cursor:pointer;align-items:center;margin-top:16px;display:flex}.user-checkbox-row span{color:#cbd5e1;font-size:14px;font-weight:500}.user-form-actions{justify-content:center;gap:16px;margin-top:32px;display:flex}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #0ea5e94d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}.btn-cancel{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #ef44444d}.btn-cancel:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.usuarios-table-glass{background:#1e293b66;border:1px solid #ffffff0d;border-radius:16px;margin-top:24px;overflow:hidden;box-shadow:0 10px 30px #0003}.usuarios-table-glass table{border-collapse:collapse;width:100%}.usuarios-table-glass th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background:#0f172a99;border-bottom:1px solid #ffffff14;padding:16px;font-size:12px;font-weight:600}.usuarios-table-glass td{color:#f8fafc;border-bottom:1px solid #ffffff0d;padding:16px;font-size:14px}.usuarios-table-glass tr:hover td{background:#ffffff05}.usuarios-table-glass .badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.usuarios-table-glass .badge.success{color:#4ade80;background:#22c55e33}.usuarios-table-glass .badge.error{color:#f87171;background:#ef444433}.usuarios-table-glass .badge.neutral{color:#94a3b8;background:#94a3b833}.premium-switch{width:44px;height:24px;display:inline-block;position:relative}.premium-switch input{opacity:0;width:0;height:0}.premium-slider{cursor:pointer;background-color:#ffffff1a;border:1px solid #fff3;border-radius:24px;transition:all .4s;position:absolute;inset:0}.premium-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0000004d}.premium-switch input:checked+.premium-slider{background-color:#0ea5e9;border-color:#0ea5e9;box-shadow:0 0 10px #0ea5e980}.premium-switch input:checked+.premium-slider:before{transform:translate(20px)}:root{--bg-surface-rgb:255, 255, 255;--bg-app:#f3f5f9;--bg-surface:#fff;--bg-sidebar:#0f172a;--text-primary:#0f172a;--text-secondary:#64748b;--text-sidebar:#94a3b8;--text-sidebar-hover:#fff;--border-color:#e2e8f0;--accent-primary:#4f46e5;--accent-primary-hover:#4338ca;--accent-primary-light:#eef2ff;--accent-danger:#ef4444;--accent-danger-hover:#dc2626;--accent-danger-light:#fef2f2;--accent-danger-border:#fecaca;--status-success-text:#166534;--status-success-bg:#dcfce7;--status-success-border:#bbf7d0;--status-warning-text:#854d0e;--status-warning-bg:#fef9c3;--status-warning-border:#fef08a;--status-running-text:#1e40af;--status-running-bg:#dbeafe;--status-running-border:#bfdbfe;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-focus:0 0 0 3px #4f46e54d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--font-sans:"Inter", sans-serif;--font-heading:"Plus Jakarta Sans", sans-serif}[data-theme=dark]{--bg-surface-rgb:30, 41, 59;--bg-app:#0b0f19;--bg-surface:#1e293b;--bg-sidebar:#090d14;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-sidebar:#94a3b8;--text-sidebar-hover:#fff;--border-color:#334155;--accent-primary:#6366f1;--accent-primary-hover:#818cf8;--accent-primary-light:#312e81;--accent-danger:#ef4444;--accent-danger-hover:#f87171;--accent-danger-light:#450a0a;--accent-danger-border:#7f1d1d;--status-success-text:#4ade80;--status-success-bg:#14532d;--status-success-border:#166534;--status-warning-text:#fde047;--status-warning-bg:#713f12;--status-warning-border:#854d0e;--status-running-text:#60a5fa;--status-running-bg:#1e3a8a;--status-running-border:#1e40af;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #00000080;--shadow-focus:0 0 0 3px #6366f166}*{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;transition:background-color .3s,color .3s;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary)}button,input,textarea,select{font:inherit;transition:all .2s}button{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;min-height:40px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:inline-flex}button:hover:not(:disabled){border-color:var(--text-secondary);background:var(--bg-app)}button:focus-visible{box-shadow:var(--shadow-focus);border-color:var(--accent-primary);outline:none}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.app{grid-template-columns:260px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--bg-sidebar);color:var(--text-sidebar-hover);flex-direction:column;gap:24px;height:100vh;padding:24px 16px;display:flex;overflow-y:auto}.sidebar strong{font-family:var(--font-heading);letter-spacing:-.02em;padding:0 12px;font-size:20px;font-weight:700;display:block}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav button{color:var(--text-sidebar);box-shadow:none;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:flex-start;padding:10px 12px;font-weight:500}.sidebar nav button:hover{color:var(--text-sidebar-hover);background:#ffffff0d}.sidebar nav button.active{color:var(--accent-primary);background:var(--accent-primary-light);font-weight:600}[data-theme=dark] .sidebar nav button.active{color:#fff;background:var(--accent-primary)}.main{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.content-area{flex:1;position:relative;overflow-y:auto}.topbar{background:rgba(var(--bg-surface-rgb), .8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.topbar .user-info{align-items:baseline;gap:12px;display:flex}.topbar strong{font-family:var(--font-heading);font-size:16px}.topbar span{color:var(--text-secondary);font-size:14px}.topbar .actions-header{align-items:center;gap:12px;display:flex}.icon-button{border-radius:var(--radius-pill);width:40px;height:40px;box-shadow:none;color:var(--text-secondary);background:0 0;border:1px solid #0000;padding:0}.icon-button:hover{background:var(--bg-app);color:var(--text-primary)}.tool{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:32px;padding:32px;transition:box-shadow .3s}.tool:hover{box-shadow:var(--shadow-md)}.section-title{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.section-title h2{letter-spacing:-.01em;margin:0;font-size:22px}.form-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:20px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field span,.switch span{color:var(--text-secondary);font-size:14px;font-weight:500}.field.full{grid-column:1/-1}input,textarea,select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);width:100%;color:var(--text-primary);box-shadow:var(--shadow-sm);padding:10px 14px}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-focus);outline:none}input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:.7}.switch,.check{align-items:center;gap:12px;min-height:44px;display:flex}.switch input[type=checkbox],.check input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.danger{border:1px solid var(--accent-danger-border);background:var(--accent-danger-light);border-radius:var(--radius-md);grid-template-columns:24px minmax(220px,460px);align-items:center;gap:16px;margin-top:24px;padding:20px;display:grid}.danger-button{color:#fff;background:var(--accent-danger);border-color:var(--accent-danger)}.danger-button:hover:not(:disabled){background:var(--accent-danger-hover);border-color:var(--accent-danger-hover)}.danger-button:focus-visible{box-shadow:0 0 0 3px #ef444466}button.primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}button.primary:hover:not(:disabled){background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.actions,.summary{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.error{border-radius:var(--radius-md);color:var(--accent-danger);background:var(--accent-danger-light);border:1px solid var(--accent-danger-border);margin-top:16px;padding:14px 16px;font-weight:500}.summary span{background:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 12px;font-weight:500}table{border-collapse:separate;border-spacing:0;width:100%;margin-top:16px;font-size:14px}th,td{border-bottom:1px solid var(--border-color);text-align:left;vertical-align:middle;padding:14px 16px}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-app);font-size:12px;font-weight:600}th:first-child{border-top-left-radius:var(--radius-sm)}th:last-child{border-top-right-radius:var(--radius-sm)}tr{transition:background-color .2s}tbody tr:hover{background:var(--bg-app)}.badge{border-radius:var(--radius-pill);border:1px solid var(--border-color);background:var(--bg-app);align-items:center;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.badge.dry_run{color:var(--status-warning-text);background:var(--status-warning-bg);border-color:var(--status-warning-border)}.badge.success{color:var(--status-success-text);background:var(--status-success-bg);border-color:var(--status-success-border)}.badge.error{color:var(--accent-danger);background:var(--accent-danger-light);border-color:var(--accent-danger-border)}.badge.running{color:var(--status-running-text);background:var(--status-running-bg);border-color:var(--status-running-border)}.logs{color:#e2e8f0;border-radius:var(--radius-md);white-space:pre-wrap;min-height:150px;max-height:400px;box-shadow:inset var(--shadow-sm);background:#0f172a;margin-top:20px;padding:16px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;overflow:auto}:root{--bg-dark:#0b1628;--bg-dark-2:#1b3150;--bg-dark-3:#536f96;--panel-dark:#121822}.theme-orange{--primary:#e06453;--primary-hover:#c45444}.theme-blue{--primary:#38bdf8;--primary-hover:#0284c7}.split-login-page{background-color:var(--bg-dark);width:100%;min-height:100vh;font-family:var(--font-sans);justify-content:center;align-items:center;padding:20px;transition:background-color .3s;display:flex;position:relative}.theme-toggle-btn{background:var(--panel-dark);color:var(--primary);cursor:pointer;z-index:100;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:24px;right:24px}.theme-toggle-btn:hover{transform:scale(1.1)}.split-login-card{background:var(--panel-dark);z-index:10;border-radius:16px;width:100%;max-width:900px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.login-hero-panel{background-color:var(--primary);text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:50%;padding:40px;transition:background-color .3s;display:flex;position:relative}.login-hero-panel h2{margin:24px 0 12px;font-size:28px;font-weight:700}.login-hero-panel p{opacity:.9;font-size:16px;line-height:1.5}.login-form-panel{background:var(--panel-dark);flex-direction:column;justify-content:center;width:50%;padding:40px 50px;display:flex}.split-login-logo{width:120px;height:auto;margin:0 auto 24px;display:block}.login-form-panel h1{color:var(--primary);text-align:center;text-transform:uppercase;margin:0 0 32px;font-size:14px;font-weight:700;transition:color .3s}.input-wrapper{background:#1c232e;border:1px solid #0000;border-radius:8px;align-items:center;margin-bottom:16px;transition:all .3s;display:flex;position:relative}.input-wrapper:focus-within{border-color:var(--primary)}.input-wrapper input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:16px 80px 16px 16px;font-size:15px}.input-wrapper input::placeholder{color:#64748b}.input-wrapper:first-of-type input{padding-right:48px}.input-icon,.password-icons{color:#64748b;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;right:16px}.password-icons{pointer-events:auto}.toggle-password{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:color .2s;display:flex}.toggle-password:hover{color:#fff}.forgot-password{text-align:right;margin:8px 0 32px}.forgot-password span{color:var(--primary);cursor:pointer;font-size:13px;font-weight:500;transition:opacity .2s,color .3s}.forgot-password span:hover{opacity:.8}.login-button{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:15px;font-weight:600;transition:background-color .3s,transform .2s;display:flex}.login-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.login-button:active{transform:translateY(1px)}.signup{text-align:center;color:#94a3b8;margin-top:32px;font-size:14px}.signup span{color:var(--primary);cursor:pointer;margin-left:4px;font-weight:500;transition:color .3s}.login-loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;color:var(--primary);background:#0b111acc;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:18px;font-weight:500;display:flex;position:absolute;inset:0}.loading-spinner{animation:1s linear infinite login-spin}@keyframes login-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-error-alert{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:13px;animation:.3s login-fade-in;display:flex}@keyframes login-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.detail-view{width:100%;animation:.3s login-fade-in}.back-btn{background:var(--bg-surface-hover,#ffffff0d);border:1px solid var(--border-color,#ffffff1a);color:var(--text-primary,#fff);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.back-btn:hover{background:var(--bg-surface-active,#ffffff1a)}.detail-card{background:#1e293b;border-radius:8px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.detail-card h4{color:var(--text-primary,#fff);border-bottom:1px solid #ffffff0d;margin-top:0;margin-bottom:16px;padding-bottom:12px;font-size:16px}.detail-card .summary{background:#0003;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:8px;padding:16px;display:grid}.detail-card .summary span{color:var(--text-secondary,#94a3b8);flex-direction:column;font-size:13px;display:flex}.detail-card .summary span:first-line{color:var(--text-primary,#fff);margin-bottom:4px;font-weight:500}.detail-card table{width:100%}.detail-card .logs{color:#a7f3d0;background:#0f172a;border:1px solid #ffffff0d;border-radius:8px;margin-top:12px;margin-bottom:0;padding:16px;font-family:monospace;font-size:13px;overflow-x:auto}.login-footer{text-align:center;color:#64748b;pointer-events:none;font-size:13px;position:absolute;bottom:24px;left:0;right:0}@media (width<=768px){.split-login-card{flex-direction:column;max-width:440px}.login-hero-panel,.login-form-panel{width:100%}.login-hero-panel{padding:40px 20px}}.user-form{grid-template-columns:repeat(6,minmax(120px,1fr));align-items:end;gap:16px;display:grid}.detail{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.download{color:var(--accent-primary);align-items:center;gap:8px;margin-top:16px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.download:hover{color:var(--accent-primary-hover)}.muted{color:var(--text-secondary)}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.close-sidebar-btn{display:none}.hamburger-btn{margin-right:12px;display:none}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;pointer-events:none;background:#0f172a99;transition:opacity .3s;position:fixed;inset:0}@media (width<=900px){.app{grid-template-columns:1fr}.hamburger-btn{display:inline-flex}.close-sidebar-btn{color:var(--text-sidebar-hover);display:inline-flex}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar{z-index:50;width:280px;box-shadow:var(--shadow-xl);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-header{margin-bottom:24px}.topbar{padding:0 16px}.hide-mobile{display:none!important}.form-grid,.user-form,.danger{grid-template-columns:1fr}.danger{gap:12px;padding:16px}.actions button,.danger-button,.login-box button{width:100%}.actions{flex-direction:column}.tool{background:var(--bg-surface);margin:12px;padding:16px;overflow-x:auto}table{white-space:nowrap;min-width:600px}}