:root{--bg: #0f1419;--surface: #1a2332;--surface2: #243447;--primary: #1d9bf0;--success: #00ba7c;--danger: #f4212e;--warning: #ffad1f;--text: #e7e9ea;--text2: #8b98a5;--border: #2f3336;--radius: 12px;--sidebar-w: 260px}body{background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-left{display:flex;align-items:center;gap:12px}.hamburger{display:flex;flex-direction:column;gap:4px;padding:8px;background:none;border:none;cursor:pointer;border-radius:8px;transition:background .2s}.hamburger:hover{background:var(--surface2)}.hamburger span{display:block;width:20px;height:2px;background:var(--text);border-radius:1px}.logo{font-size:24px;font-weight:800;color:var(--primary)!important;text-decoration:none!important}.nav-links{display:flex;align-items:center;gap:16px}.nav-links a{color:var(--text2);font-size:14px;transition:color .2s}.nav-links a:hover,.nav-links a.router-link-active{color:var(--text);text-decoration:none}.username{color:var(--text2);font-size:13px}.nav-avatar{text-decoration:none!important}.nav-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border);transition:border-color .2s}.nav-avatar-img:hover{border-color:var(--primary)}.nav-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--surface2);color:var(--primary);font-size:14px;font-weight:700;border:2px solid var(--border);transition:border-color .2s}.nav-avatar-placeholder:hover{border-color:var(--primary)}.nav-user{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s;position:relative;-webkit-user-select:none;user-select:none}.nav-user:hover{background:var(--surface2)}.nav-username{font-size:14px;color:var(--text);font-weight:500}.nav-chevron{color:var(--text2);transition:transform .2s}.nav-chevron.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;min-width:180px;box-shadow:0 8px 24px #0006;z-index:500;animation:dropIn .15s ease}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:14px;color:var(--text)!important;text-decoration:none!important;transition:background .15s;border:none;background:none;width:100%;cursor:pointer;text-align:left}.dropdown-item:hover{background:var(--surface2)}.dropdown-item.logout{color:var(--danger)!important}.dropdown-item.logout:hover{background:#f4212e1a}.dropdown-divider{height:1px;background:var(--border);margin:4px 8px}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;animation:fadeIn .2s}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:300;display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.sidebar-title{font-size:20px;font-weight:800;color:var(--primary)}.sidebar-close{background:none;border:none;color:var(--text2);font-size:28px;cursor:pointer;padding:0 4px;line-height:1}.sidebar-close:hover{color:var(--text)}.sidebar-nav{display:flex;flex-direction:column;padding:12px 8px;gap:4px;flex:1}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:var(--text);font-size:15px;font-weight:500;transition:background .2s;text-decoration:none}.sidebar-nav a:hover{background:var(--surface2)}.sidebar-nav a.router-link-active{background:var(--surface2);color:var(--primary)}.sidebar-nav a svg{flex-shrink:0}.sidebar-divider{height:1px;background:var(--border);margin:8px 16px}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--border)}.admin-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:var(--warning)!important;font-size:14px;font-weight:500;transition:background .2s;text-decoration:none!important}.admin-link:hover{background:var(--surface2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{max-width:1200px;margin:0 auto;padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#1a8cd8}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 12px;font-size:13px;border-radius:8px;background:var(--surface2);color:var(--text);border:none;cursor:pointer}.btn-sm:hover{background:var(--border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:15px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--primary)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:var(--text2);font-size:14px}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.alert-error{background:#f4212e1a;color:var(--danger);border:1px solid rgba(244,33,46,.3)}.alert-success{background:#00ba7c1a;color:var(--success);border:1px solid rgba(0,186,124,.3)}.badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600}.badge-running{background:#00ba7c26;color:var(--success)}.badge-closed{background:#8b98a526;color:var(--text2)}.badge-error{background:#f4212e26;color:var(--danger)}.badge-starting{background:#ffad1f26;color:var(--warning)}