body{margin:0;padding:0}#app-container{min-height:100vh}:root{--brand: #0f6adf;--brand-hover: #0d5ec7;--brand-dark: #0a4da8;--brand-soft: rgba(15, 106, 223, .1);--brand-border: rgba(15, 106, 223, .22);--brand-primary: var(--brand);--brand-primary-hover: var(--brand-hover);--brand-primary-soft: var(--brand-soft);--app-bg: #eef2f7;--surface-bg: #ffffff;--surface-muted: #f5f8fb;--surface-alt: #eef3f9;--text-primary: #0e1a2d;--text-secondary: #3d5068;--text-muted: #5e7490;--border-color: #dce4ee;--border-strong: #c2ceda;--sidebar-bg: #0d1b2a;--sidebar-hover: rgba(255, 255, 255, .08);--sidebar-active: var(--brand);--sidebar-width: 252px;--sidebar-collapsed-width: 60px;--sidebar-text: rgba(255, 255, 255, .82);--sidebar-text-muted: rgba(255, 255, 255, .42);--sidebar-border: rgba(255, 255, 255, .1);--font-sans: "Plus Jakarta Sans", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-mono: "Fira Code", "Cascadia Code", ui-monospace, "Courier New", monospace;--label-font: var(--font-sans);--content-font: Georgia, "Times New Roman", Times, serif;--shadow-sm: 0 1px 3px rgba(14, 26, 45, .08), 0 1px 2px rgba(14, 26, 45, .04);--shadow-md: 0 4px 12px rgba(14, 26, 45, .1), 0 2px 6px rgba(14, 26, 45, .06);--shadow-lg: 0 10px 28px rgba(14, 26, 45, .1), 0 4px 10px rgba(14, 26, 45, .06);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: .9rem}html{font-size:16px}body{font-family:var(--font-sans);background:var(--app-bg);color:var(--text-primary);line-height:1.6}.sidebar{position:fixed;top:0;bottom:0;left:0;width:var(--sidebar-width);background-color:var(--sidebar-bg);padding:0;overflow-y:hidden;z-index:1000;transition:width .3s ease-in-out;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.04)}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:1.1rem 1rem;border-bottom:1px solid var(--sidebar-border);background:#00000026}.sidebar--collapsed .sidebar-header{padding:1.1rem .5rem;text-align:center}.sidebar-header h5{color:#fff;margin:0;font-family:var(--font-sans);font-weight:700;font-size:.95rem;letter-spacing:-.01em;transition:font-size .3s ease-in-out}.sidebar-nav{list-style:none;padding:.5rem 0;margin:0;display:flex;flex-direction:column;flex:1 1 auto;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:99px}.sidebar-nav-item{margin:0;padding:0 .5rem}.sidebar-nav-link{display:flex;align-items:center;padding:.55rem .75rem;color:var(--sidebar-text);text-decoration:none;transition:all .18s ease;white-space:nowrap;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;gap:.6rem;margin-bottom:1px}.sidebar-nav-link:hover{background-color:var(--sidebar-hover);color:#fff}.sidebar-nav-link.active{background-color:var(--sidebar-active);color:#fff;box-shadow:0 2px 8px #1a6fd459}.sidebar-nav-link i{flex-shrink:0;font-size:1rem;width:1.1rem;text-align:center}.main-content{margin-left:var(--sidebar-width);padding:1.75rem;min-height:100vh;width:100%;transition:margin-left .3s ease-in-out}.main-content--collapsed{margin-left:var(--sidebar-collapsed-width)}h5,.h5{font-size:1.2rem;font-family:var(--font-sans);font-weight:700}h6,.h6{font-size:1rem;font-family:var(--font-sans);font-weight:600}small,.small{font-size:.875rem}.text-muted{color:var(--text-muted)!important}.spinner-container{display:flex;justify-content:center;align-items:center;min-height:200px}.card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:var(--surface-bg);border-radius:var(--radius-md)}.card-header{background:linear-gradient(180deg,var(--surface-bg) 0%,var(--surface-muted) 100%);border-bottom:1px solid var(--border-color);font-weight:600;font-family:var(--font-sans);padding:1.1rem 1.25rem}.card-body{padding:1.25rem}.btn{font-family:var(--font-sans);font-weight:600}.btn-primary{background-color:var(--brand);border-color:var(--brand)}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:var(--brand-hover)!important;border-color:var(--brand-hover)!important}.btn-outline-primary{color:var(--brand);border-color:var(--brand)}.btn-outline-primary:hover,.btn-outline-primary:focus{background-color:var(--brand-soft);border-color:var(--brand);color:var(--brand-hover)}.badge.bg-primary{background-color:var(--brand)!important;color:#fff!important;border:1px solid rgba(14,26,45,.15);border-radius:999px;padding:.28rem .6rem;font-family:var(--font-sans);font-weight:600;font-size:.72rem;letter-spacing:.01em}.form-control,.form-select{font-family:var(--font-sans);font-size:.9rem;border-color:var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);background-color:var(--surface-bg);transition:border-color .15s ease,box-shadow .15s ease}.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem #1a6fd426;background-color:var(--surface-bg)}.form-control::placeholder{color:#9aaabb}.form-label{font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.45rem}.input-group-text{background:var(--surface-muted);border-color:var(--border-color);color:var(--text-muted);font-family:var(--font-sans)}.table{font-family:var(--font-sans);font-size:.9rem}.table th{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-muted);border-color:var(--border-color);padding:.7rem .9rem}.table td{border-color:var(--border-color);color:var(--text-primary);vertical-align:middle;padding:.7rem .9rem}.table-hover tbody tr:hover{background-color:var(--surface-muted)}.table-striped tbody tr:nth-child(odd){background-color:var(--surface-muted)}.alert{font-family:var(--font-sans);border-radius:var(--radius-sm);font-size:.9rem}.rm-page-view{background:radial-gradient(circle at 0% 0%,rgba(26,111,212,.07),transparent 34%),radial-gradient(circle at 100% 12%,rgba(9,146,104,.07),transparent 30%);border-radius:var(--radius-sm);padding:.25rem}.rm-panel{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-bg) 0%,var(--surface-muted) 100%);overflow:hidden;box-shadow:var(--shadow-lg)}.rm-panel-header{width:100%;min-height:6.5rem;padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:.6rem;border-bottom:1px solid var(--border-color);background:linear-gradient(105deg,#1a6fd40f,#0992680a)}.rm-panel-header__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.rm-panel-header__meta{font-size:.8rem;font-family:var(--font-sans);color:var(--text-muted)}.rm-panel-body{padding:1.5rem}.rm-kicker{display:inline-flex;align-items:center;width:fit-content;font-family:var(--font-sans);font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--brand);background:var(--brand-soft);border:1px solid var(--brand-border);border-radius:999px;padding:.18rem .55rem;margin-bottom:.3rem}.rm-page-title{font-family:var(--font-sans);font-size:1.28rem;font-weight:700;color:var(--text-primary);margin:0 0 .15rem}.rm-page-subtitle{font-family:var(--font-sans);font-size:.875rem;color:var(--text-muted);margin:0}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--text-muted);font-family:var(--font-sans)}.empty-state i{font-size:2.5rem;margin-bottom:1rem;opacity:.4;color:var(--brand);display:block}.empty-state-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.35rem}.empty-state-subtitle{font-size:.875rem;color:var(--text-muted)}.logs-output{background:#0f1923;color:#d4dde8;border-radius:var(--radius-sm);border:1px solid #1a2738;padding:1rem 1.2rem;min-height:20rem;max-height:36rem;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:.8rem;font-family:var(--font-mono);line-height:1.6}.logs-output code{white-space:inherit;font-family:inherit}.filters-panel{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-muted);padding:1rem 1.1rem}.status-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:.25rem .55rem;border-radius:999px}.status-badge--success{background:#15803d1a;color:#15803d;border:1px solid rgba(21,128,61,.2)}.status-badge--error{background:#b91c1c1a;color:#b91c1c;border:1px solid rgba(185,28,28,.2)}.status-badge--warning{background:#a162071a;color:#a16207;border:1px solid rgba(161,98,7,.2)}.status-badge--neutral{background:#4755691a;color:#475569;border:1px solid rgba(71,85,105,.2)}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;gap:.6rem;flex-wrap:wrap;font-family:var(--font-sans);font-size:.85rem;color:var(--text-muted)}@media(max-width:991.98px){.sidebar{width:var(--sidebar-width);transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar--mobile-open{transform:translate(0)}.sidebar--collapsed{width:var(--sidebar-width)}.main-content{margin-left:0;padding:1rem;padding-top:60px}.main-content--collapsed{margin-left:0}}@media(max-width:576px){.main-content{padding:.75rem;padding-top:60px}}