:root{--accent-start: #1f7ab4;--accent-end: #124f76;--accent-soft-bg: rgba(24, 111, 168, .1);--accent-soft-border: rgba(24, 111, 168, .4);--focus-ring: rgba(24, 111, 168, .45);--surface-elevated: rgba(255, 255, 255, .7);--surface-elevated-border: rgba(24, 111, 168, .22);--status-warning-bg: #fff5e7;--status-warning-color: #8f5d10;--status-warning-border: #f3c987;--status-ok-bg: #edf8f3;--status-ok-color: #21845a;--status-ok-border: #b7e5cf;--shadow-soft: 0 6px 16px rgba(18, 79, 118, .22);--status-running-bg: #d1e7dd;--status-running-color: #0f5132;--status-running-border: #a3cfbb;--status-stopped-bg: #f8d7da;--status-stopped-color: #58151a;--status-stopped-border: #f1aeb5;--status-suspended-bg: #fff3cd;--status-suspended-color: #664d03;--status-suspended-border: #ffe69c;--status-pending-bg: var(--status-suspended-bg);--status-pending-color: var(--status-suspended-color);--status-pending-border: var(--status-suspended-border);--status-error-bg: #f8d7da;--status-error-color: #c62828;--status-error-border: #c62828;--bg-color: #edf2f8;--text-color: #182433;--primary-color: #124f76;--secondary-color: #506177;--border-color: #d8e1ec;--nav-bg: #f8fbff;--nav-text: #233449;--nav-hover-bg: #e8f0fa;--nav-active-bg: #d7e6f8;--nav-active-text: #184e7a;--header-bg: #f8fbff;--header-border: #d8e1ec;--card-bg: #ffffff;--card-border: #d8e1ec;--button-bg: #186fa8;--button-text: #ffffff;--button-hover-bg: #124f76;--button-secondary-bg: var(--accent-soft-bg);--button-secondary-hover-bg: var(--nav-active-bg);--button-secondary-border: var(--button-bg);--button-secondary-text: var(--primary-color);--icon-button-bg: transparent;--icon-button-text: #4f5f72;--icon-button-hover-bg: #e8f0fa;--notification-info-bg: #e7f3ff;--notification-info-border: #b3d7ff;--notification-important-bg: #fff3cd;--notification-important-border: #ffeeba;--badge-bg: #dc3545;--badge-text: #ffffff;--placeholder-bg: #e9ecef}.dark-mode{--accent-start: #3a97cf;--accent-end: #1f7ab4;--accent-soft-bg: rgba(58, 151, 207, .18);--accent-soft-border: rgba(58, 151, 207, .45);--focus-ring: rgba(58, 151, 207, .4);--surface-elevated: rgba(41, 57, 77, .75);--surface-elevated-border: rgba(58, 151, 207, .3);--status-warning-bg: #4b3b1e;--status-warning-color: #f5d48f;--status-warning-border: #8b6b2d;--status-ok-bg: #1f3d31;--status-ok-color: #8fd7b5;--status-ok-border: #2e6a51;--shadow-soft: 0 8px 18px rgba(4, 10, 19, .5);--status-running-bg: #0f5132;--status-running-color: #d1e7dd;--status-running-border: #146c43;--status-stopped-bg: #58151a;--status-stopped-color: #f8d7da;--status-stopped-border: #842029;--status-suspended-bg: #664d03;--status-suspended-color: #fff3cd;--status-suspended-border: #997404;--status-pending-bg: var(--status-suspended-bg);--status-pending-color: var(--status-suspended-color);--status-pending-border: var(--status-suspended-border);--status-error-bg: #58151a;--status-error-color: #c62828;--status-error-border: #c62828;--bg-color: #141a24;--text-color: #e6edf7;--primary-color: #6cc0f0;--secondary-color: #9aabc2;--border-color: #2e3e54;--nav-bg: #1b2533;--nav-text: #e6edf7;--nav-hover-bg: #253449;--nav-active-bg: #2d4664;--nav-active-text: #e9f3ff;--header-bg: #1b2533;--header-border: #2e3e54;--card-bg: #1f2b3d;--card-border: #2e3e54;--button-bg: #1f7ab4;--button-text: #ffffff;--button-hover-bg: #186fa8;--button-secondary-bg: var(--accent-soft-bg);--button-secondary-hover-bg: var(--nav-active-bg);--button-secondary-border: var(--button-bg);--button-secondary-text: var(--primary-color);--icon-button-bg: transparent;--icon-button-text: #9aabc2;--icon-button-hover-bg: #2d4664;--notification-info-bg: #1c3b5a;--notification-info-border: #2a5885;--notification-important-bg: #664d03;--notification-important-border: #997404;--badge-bg: #dc3545;--badge-text: #ffffff;--placeholder-bg: #495057}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;margin:0}a{text-decoration:none;color:inherit}ul{list-style:none}button,select{font-family:inherit;font-size:inherit;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer}button{background-color:var(--button-bg);color:var(--button-text)}button:hover{background-color:var(--button-hover-bg)}select{background-color:var(--card-bg);color:var(--text-color)}.btn,.button,button{transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.btn:focus-visible,.button:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.btn-primary,.button.primary{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:var(--button-text);border:1px solid transparent;box-shadow:var(--shadow-soft)}.btn-primary:hover,.button.primary:hover{transform:translateY(-1px)}.btn-secondary,.button.secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border:1.5px solid var(--button-secondary-border);font-weight:700}.btn-secondary:hover,.button.secondary:hover{background:var(--button-secondary-hover-bg);transform:translateY(-1px)}.btn-danger,.button.danger{background:var(--status-error-bg);color:var(--status-error-color);border:1px solid var(--status-error-border)}.btn-danger:hover,.button.danger:hover{background:var(--status-stopped-bg);color:var(--status-stopped-color);border-color:var(--status-stopped-border);transform:translateY(-1px)}.btn:disabled,.button:disabled,button:disabled,.btn.pending-item,[disabled].btn,[disabled].button{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.action-button{background:transparent;border:none;color:var(--icon-button-text);padding:6px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.action-button:hover{background-color:var(--icon-button-hover-bg);color:var(--text-color)}.action-button.danger,.action-button.btn-danger{color:var(--status-error-color)}.action-button.danger:hover,.action-button.btn-danger:hover{background-color:var(--status-error-bg)}.action-button:disabled{opacity:.5;cursor:not-allowed}.service-hub{display:grid;gap:16px}.hub-hero{background:linear-gradient(140deg,var(--accent-soft-bg),var(--card-bg) 42%,var(--nav-hover-bg));border:1px solid var(--card-border);border-radius:14px;padding:18px;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.hub-hero h1{margin:0 0 6px;border:none;padding:0;font-size:1.6rem}.hub-hero p{margin:0;color:var(--secondary-color)}.hub-tabs{display:flex;flex-wrap:wrap;gap:8px}.hub-tab{text-decoration:none;padding:9px 14px;border:1px solid var(--accent-soft-border);border-radius:9px;color:var(--text-color);background-color:var(--accent-soft-bg);font-weight:600;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.hub-tab:hover{background-color:var(--button-secondary-hover-bg);border-color:var(--button-bg);transform:translateY(-1px)}.hub-tab.active{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:var(--button-text);border-color:transparent;box-shadow:var(--shadow-soft)}.hub-tab.pending{border-style:dashed}.status-pill,.tag{border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700;border:1px solid transparent}.status-pill,.tag,.status-pill.ok,.tag.ok{background:var(--status-ok-bg);color:var(--status-ok-color);border-color:var(--status-ok-border)}.status-pill.pending,.status-pill.warn,.tag.warn,.tag.pending{background:var(--status-warning-bg);color:var(--status-warning-color);border-color:var(--status-warning-border)}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}h1,h2,h3,h4,h5,h6{color:var(--text-color);margin-bottom:1rem}h1{font-size:2rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:1.5rem}.icon-button{background:var(--icon-button-bg);border:none;color:var(--icon-button-text);font-size:1.2em;padding:5px;border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;position:relative}.icon-button:hover{background-color:var(--icon-button-hover-bg)}.data-table{width:100%;border-collapse:collapse;margin-bottom:20px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.data-table th,.data-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background-color:var(--nav-hover-bg);font-weight:600;font-size:.9em;text-transform:uppercase;color:var(--secondary-color)}.dark-mode .data-table th{background-color:var(--nav-active-bg);color:var(--text-color)}.dashboard-section{background:var(--card-bg);border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 2px 8px #0000000d;border:1px solid var(--card-border)}.dashboard-section h2{margin-bottom:20px;font-weight:600;color:var(--text-color);font-size:1.4em;display:flex;align-items:center;gap:10px}.quick-action-button{padding:12px 20px;background-color:var(--button-bg);color:var(--button-text);border:none;border-radius:6px;font-weight:500;transition:background-color .2s ease;display:flex;align-items:center;gap:8px}.quick-action-button:hover{background-color:var(--button-hover-bg)}.dashboard-events{list-style:none;padding:0;background:var(--card-bg);border-radius:12px;overflow:hidden}.dashboard-events li{padding:12px 15px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;font-size:.95em;background-color:var(--card-bg);transition:background-color .2s ease}.dashboard-events li:hover{background-color:var(--nav-hover-bg)}.dashboard-events li:last-child{border-bottom:none}.dashboard-events span{color:var(--secondary-color)}.dashboard-events span:first-child{min-width:140px;color:var(--secondary-color)}.dashboard-events span:last-child{margin-left:auto;font-weight:500;color:var(--primary-color);padding:4px 8px;background-color:var(--notification-info-bg);border-radius:4px;font-size:.9em}.notification{padding:20px;border:1px solid;border-radius:8px;margin-bottom:15px}.notification.info{background-color:var(--notification-info-bg);border-color:var(--notification-info-border)}.notification.important{background-color:var(--notification-important-bg);border-color:var(--notification-important-border);font-weight:500}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.toolbar .filters{display:flex;gap:10px;flex-wrap:wrap}.toolbar .actions{display:flex;gap:10px;align-items:center}.badge{background-color:var(--badge-bg);color:var(--badge-text);border-radius:50%;padding:2px 6px;font-size:.7em;font-weight:700}