:root{--bg: #080808;--surface: #111111;--surface2: #1c1c1c;--border: #2a2a2a;--border2: #333333;--accent: #e8192c;--accent-dim: #2a0509;--text: #f0f0f0;--text-dim: #c3c2c2;--text-mid: #dcdcdc;--success: #22c55e;--success-dim: #051a0e;--warn: #f59e0b;--warn-dim: #2a1e05;--font-display: "Barlow Condensed", sans-serif;--font-body: "Barlow", sans-serif;--font-mono: "DM Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app-dark{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-accent{color:var(--accent)}.text-dim{color:var(--text-dim)}.text-mid{color:var(--text-mid)}.section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.ub-card{background:var(--surface);border:1px solid var(--border2);border-radius:10px;position:relative;overflow:hidden}.ub-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .12s}.badge{display:inline-block;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:4px;white-space:nowrap}.badge.pending{background:var(--warn-dim);color:var(--warn);border:1px solid var(--warn)}.badge.running{background:#0d1a2e;color:#60a5fa;border:1px solid #60a5fa}.badge.success{background:var(--success-dim);color:var(--success);border:1px solid var(--success)}.badge.failed{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent)}.btn-primary{width:100%;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:15px;font-size:14px;font-weight:700;font-family:var(--font-display);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;transition:opacity .2s}.btn-primary:hover:not(:disabled){opacity:.85}.btn-primary:disabled{background:var(--surface2);color:#333;cursor:default}.top-stripe{height:3px;background:var(--accent);flex-shrink:0}.bottom-nav{display:flex;justify-content:space-around;background:var(--bg);border-top:1px solid var(--border);padding:10px 20px 28px;flex-shrink:0}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:8px 20px;border-radius:8px;transition:background .12s}.bottom-nav .nav-item:hover{background:var(--surface2)}.bottom-nav .nav-item.active .nav-icon,.bottom-nav .nav-item.active .nav-label{color:var(--accent)}.bottom-nav .nav-item .nav-icon{font-size:18px;color:var(--text-dim)}.bottom-nav .nav-item .nav-label{font-family:var(--font-mono);font-size:9px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}.app-header{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0}.app-header .logo{font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.app-header .logo .logo-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;flex-shrink:0}.app-header .logo .logo-img-small{width:10px;height:auto;flex-shrink:0}.app-header .avatar{width:32px;height:32px;background:var(--surface2);border:1px solid var(--border2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-mid);font-family:var(--font-mono);cursor:pointer;transition:border-color .15s}.app-header .avatar:hover{border-color:var(--accent)}.scroll-area{flex:1;overflow-y:auto;padding:18px 20px 8px;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}::ng-deep .p-dialog-mask{align-items:center!important;justify-content:center!important;padding:16px!important}::ng-deep .p-dialog{margin:0 auto!important;max-width:calc(100vw - 32px)!important}.p-toast{z-index:9999!important;left:50%!important;transform:translate(-50%)!important;width:calc(100vw - 32px)!important;max-width:480px!important;top:16px!important}