:root{--red:#c93148;--navy:#20212a;--muted:#657086;--bg:#f6f7fb}body{margin:0;background:var(--bg);color:#172033;font-family:"Segoe UI",Arial,sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:26px 16px;background:linear-gradient(180deg,#252630,#171823);overflow-y:auto}.brand{display:block;margin:0 10px 30px;color:#fff;text-decoration:none;font-size:1.08rem;font-weight:700}.brand span{color:var(--red);font-style:italic;font-weight:900}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:11px 12px;border-radius:6px;color:#e8ebef;text-decoration:none}.sidebar nav a:hover,.sidebar nav a.active{background:#3a3c4e;color:#fff}.sidebar nav a.active{border-left:3px solid var(--red);padding-left:9px}.content{min-height:100vh;margin-left:260px;padding:42px 50px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:38px}.dashboard-header h1{margin:4px 0 8px;font-size:2rem}.eyebrow{margin:0;color:var(--red);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.section-title{margin-bottom:15px;font-size:1.05rem;font-weight:800}.status-card,.metric-card,.action-card{height:100%;padding:20px;border:1px solid #e2e5eb;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgb(15 23 42 / 5%)}.status-card{display:flex;gap:12px}.status-card p,.metric-card p{margin:3px 0 0;color:var(--muted);font-size:.9rem}.metric-card{display:grid;gap:7px}.metric-card p{margin:0}.metric-card small{color:var(--muted)}.action-card{display:block;color:var(--red);font-weight:700;text-decoration:none}.status-dot{width:10px;height:10px;flex:0 0 10px;margin-top:6px;border-radius:50%;background:#94a3b8}.status-dot.healthy{background:#27bf72}.status-dot.warning{background:#f0a023}.status-dot.unhealthy{background:#d64456}.migration-card{max-width:900px;padding:28px;border:1px solid #e2e5eb;border-top:4px solid var(--red);border-radius:10px;background:#fff;box-shadow:0 1px 3px rgb(15 23 42 / 5%)}.migration-card ol{margin:18px 0;padding-left:22px}.migration-card li{margin:9px 0;color:var(--muted)}.migration-card code{color:var(--red)}@media(max-width:768px){.sidebar{width:70px;padding:20px 8px}.brand{font-size:0}.brand span{font-size:1rem}.sidebar nav a{font-size:0;min-height:39px}.content{margin-left:70px;padding:28px 20px}}
:root .brand span{display:inline-block;width:20px;height:20px;background:url('/images/z4_icon.png') center/contain no-repeat;color:transparent!important;font-size:0;vertical-align:middle}
.documentation-header{margin-bottom:24px}.documentation-location{margin-top:10px;color:var(--muted);font-size:.85rem}.document-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:18px}.document-card{position:relative;min-height:255px;display:flex;flex-direction:column;align-items:flex-start;padding:25px;border:1px solid #e0e5ec;border-radius:14px;background:linear-gradient(145deg,#fff,#f8f9fc);box-shadow:0 8px 20px rgb(15 23 42 / 5%);color:#172033;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.document-card:hover{transform:translateY(-4px);border-color:#e99aa8;box-shadow:0 14px 28px rgb(15 23 42 / 12%);color:#172033}.document-card-featured{grid-column:span 2;background:linear-gradient(125deg,#172033 0%,#2d3143 58%,#c93148 160%);border-color:#172033;color:#fff}.document-card-featured:hover{color:#fff;border-color:#c93148}.document-card-notes{border-top:4px solid #e2a43d}.document-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:12px;background:#f2e2e6;color:var(--red);font-weight:800;letter-spacing:.05em}.document-card-featured .document-icon{background:rgb(255 255 255 / 14%);color:#fff}.document-type{color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.document-card-featured .document-type{color:#ffd6dc}.document-card strong{margin:7px 0 10px;font-size:1.25rem;line-height:1.2}.document-card small{display:block;line-height:1.55;color:var(--muted)}.document-card-featured small{color:#e6e8ef}.document-action{display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:20px;color:var(--red);font-size:.9rem;font-weight:800}.document-card-featured .document-action{color:#fff}.document-action b{font-size:1.2rem}@media(max-width:768px){.document-card-featured{grid-column:auto}.documentation-location{display:none}}
.migration-notice{display:flex;gap:10px;align-items:center;margin-bottom:18px;padding:13px 16px;border:1px solid #f1dda0;border-radius:10px;background:#fff8df;color:#765619}.notice-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#d39b22;color:#fff;font-size:.75rem;font-weight:800}.migration-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.migration-summary article{padding:18px 20px;border:1px solid #e2e6ed;border-radius:12px;background:#fff}.migration-summary span,.migration-summary small{display:block;color:var(--muted);font-size:.85rem}.migration-summary strong{display:block;margin:2px 0;font-size:1.75rem}.migration-summary article:first-child strong{color:var(--red)}.migration-summary article:nth-child(2) strong{color:#259968}.repository-panel{overflow:hidden;border:1px solid #e1e5ed;border-radius:12px;background:#fff;box-shadow:0 3px 13px rgb(15 23 42 / 4%)}.repository-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 22px;border-bottom:1px solid #e8ebf0}.repository-panel-head h2{margin:0;font-size:1.08rem}.repository-panel-head p{margin:4px 0 0;color:var(--muted);font-size:.88rem}.repository-actions{display:flex;align-items:center;gap:15px}.migration-toggle{color:var(--muted);font-size:.86rem;white-space:nowrap}.migration-toggle input{margin-right:6px}.repository-table{font-size:.9rem}.repository-table thead th{padding:13px 12px;border-bottom:1px solid #dce1e9;background:#f8f9fc;color:#586277;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.repository-table td{padding:13px 12px;border-color:#edf0f4}.repository-table .is-pending{border-left:3px solid #e8b042}.repository-table .is-migrated{background:#fbfdfc}.repository-table .is-migrated td{color:#687487}.repository-hidden{display:none}.select-column{width:44px;text-align:center}.organization-name{font-weight:700;color:#253655}.branch-name{padding:3px 6px;border-radius:5px;background:#eef1f6;color:#4d5d78;font-size:.76rem}.migration-state{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.75rem;font-weight:800}.state-complete{background:#e0f3e8;color:#178a56}.state-pending{background:#fff0d1;color:#9b6814}.migration-check{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#d9f0e4;color:#16844f;font-size:.72rem;font-weight:900}.repository-origin{color:var(--red);font-weight:700;text-decoration:none}.repository-origin:hover{text-decoration:underline}@media(max-width:768px){.migration-summary{grid-template-columns:1fr}.repository-panel-head{align-items:flex-start;flex-direction:column}.repository-actions{width:100%;justify-content:space-between}.repository-table{min-width:740px}}
.deployment-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.deployment-form{padding:26px;border:1px solid #e0e5ec;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgb(15 23 42 / 5%)}.deployment-form-head{display:flex;align-items:center;gap:14px;margin-bottom:24px}.deployment-form-head .document-icon{margin:0}.deployment-form-head h2{margin:2px 0 0;font-size:1.25rem}.deployment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.deployment-grid label,.initialize-option{display:grid;gap:7px;color:#34425c;font-size:.82rem;font-weight:800}.deployment-grid select{width:100%;padding:10px 11px;border:1px solid #d9dfe9;border-radius:7px;background:#fff;color:#172033;font:inherit;font-weight:500}.deployment-grid select:disabled{background:#f4f6f9;color:#8490a3}.deployment-wide{grid-column:span 2}.initialize-option{grid-template-columns:20px 1fr;align-items:start;margin:22px 0;padding:15px;border:1px solid #f1dcaa;border-radius:9px;background:#fff9e8}.initialize-option input{margin-top:4px;accent-color:var(--red)}.initialize-option small{display:block;margin-top:3px;color:var(--muted);font-size:.84rem;font-weight:400;line-height:1.45}.deployment-submit{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:20px;border-top:1px solid #e9ecf1;color:var(--muted);font-size:.84rem}.deployment-side{display:grid;align-content:start;gap:14px}.deployment-help{padding:18px;border-radius:10px;background:#212430;color:#fff}.deployment-help p{margin:7px 0 0;color:#d2d7e1;font-size:.88rem;line-height:1.5}@media(max-width:900px){.deployment-layout{grid-template-columns:1fr}.deployment-side{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.deployment-grid{grid-template-columns:1fr}.deployment-wide{grid-column:auto}.deployment-submit{align-items:flex-start;flex-direction:column}.deployment-side{grid-template-columns:1fr}}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px}.service-card{padding:20px;border:1px solid #e0e5ec;border-radius:12px;background:#fff;box-shadow:0 3px 13px rgb(15 23 42 / 4%)}.service-card-head{display:flex;align-items:flex-start;gap:10px}.service-card-head .status-dot{margin-top:5px}.service-card-head small{display:block;margin-top:3px;color:var(--muted);font-size:.78rem}.service-state{margin-left:auto;padding:3px 8px;border-radius:999px;background:#eef1f6;color:#66758b;font-size:.72rem;font-weight:800}.service-state.healthy{background:#e0f3e8;color:#178a56}.service-state.warning{background:#fff0d1;color:#9b6814}.service-card p{min-height:42px;margin:15px 0 9px;color:var(--muted);font-size:.87rem;line-height:1.45}.service-package{padding:7px 9px;border-radius:6px;background:#f5f7fa;color:#536178;font-size:.76rem;font-weight:700}.service-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.service-actions .btn{font-size:.76rem}
.migration-progress[hidden]{display:none}.migration-progress{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:24px;background:rgb(16 18 30 / 68%);backdrop-filter:blur(3px)}.migration-progress-card{width:min(100%,460px);padding:34px;border:1px solid rgb(255 255 255 / 30%);border-top:4px solid var(--red);border-radius:15px;background:#fff;box-shadow:0 22px 60px rgb(0 0 0 / 26%);text-align:center}.migration-progress-card h2{margin:12px 0 8px;font-size:1.35rem}.migration-progress-card>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.55}.migration-progress-card small{display:block;margin:14px 0;color:#34425c;font-weight:800}.migration-progress-spinner{display:inline-block;width:42px;height:42px;margin-bottom:8px;border:4px solid #e8ecf2;border-top-color:var(--red);border-radius:50%;animation:migration-spin .85s linear infinite}.migration-progress-note{margin-top:20px!important;padding-top:16px;border-top:1px solid #e9edf3;color:#68748a!important;font-size:.84rem}@keyframes migration-spin{to{transform:rotate(360deg)}}