:root{--jet: #302F2D;--jet-card: #3A3835;--green: #02AD4C;--dark-green: #277D57;--yellow: #FCEE21;--cream: #F6F3EF;--subtle: #F8F7F4;--white: #FFFFFF;--text: #302F2D;--text-2: #444340;--muted: #65635F;--placeholder: #A8A5A1;--line: rgba(48, 47, 45, .12);--error: #FF825C;--error-text: #B4421F;--warn-text: #8A6D00;--font: "IBM Plex Sans Arabic", Arial, sans-serif;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(48, 47, 45, .08), 0 1px 2px rgba(48, 47, 45, .06);color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--cream);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5}h1{font-size:24px;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}h2{font-size:16px;font-weight:600;margin:0 0 4px}p{margin:0 0 8px}a{color:var(--dark-green)}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.muted{color:var(--muted)}.small{font-size:12px}.okay{color:var(--dark-green);font-weight:500}.warn{color:var(--warn-text);font-weight:500}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:radial-gradient(circle at 100% 100%,#454340 0%,var(--jet) 80%);color:var(--cream);padding:20px 16px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center}.brand img{width:34px;height:34px;background:var(--cream);border-radius:8px;padding:4px}.brand strong{display:block;font-size:14px}.brand span{font-size:11px;color:var(--placeholder);text-transform:uppercase;letter-spacing:.08em}.env{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:6px 10px;border-radius:var(--radius);text-align:center}.env-stg{background:var(--yellow);color:var(--jet)}.env-prd{background:var(--error);color:var(--jet)}.env-dev,.env-tst{background:var(--jet-card);color:var(--cream);border:1px dashed var(--placeholder)}nav{display:flex;flex-direction:column;gap:2px}nav a{color:var(--cream);text-decoration:none;padding:8px 10px;border-radius:var(--radius);opacity:.85}nav a:hover{background:var(--jet-card);opacity:1}nav a.active{background:var(--jet-card);opacity:1;box-shadow:inset 3px 0 0 var(--green)}.who{margin-top:auto;display:flex;flex-direction:column;gap:2px;font-size:12px}.who .email{word-break:break-all}.who .role{color:var(--placeholder);margin-bottom:6px}.who .build{color:var(--placeholder);font-size:11px;margin-bottom:6px}.content{padding:28px 32px 64px;max-width:1200px;width:100%;display:flex;flex-direction:column;gap:16px}.content>:not(router-outlet):not(cc-problem){display:flex;flex-direction:column;gap:16px}.content>*>.back{align-self:flex-start}@media(max-width:800px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;height:auto}.who{margin-top:0}.content{padding:16px}}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.card.flush{padding:0;overflow-x:auto}.page-head,.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.section-head{margin-bottom:12px}.back{text-decoration:none;font-size:13px}.toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.row{display:flex;gap:8px;align-items:center}.row.end{justify-content:flex-end;margin-top:8px}.grid.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 16px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.table tr:last-child td{border-bottom:0}.table tr.link{cursor:pointer}.table tr.link:hover td{background:var(--subtle)}.table tr.revoked td{color:var(--placeholder)}.table .empty{text-align:center;color:var(--muted);padding:24px}.table .actions{text-align:right;white-space:nowrap}.table .actions>*+*{margin-left:6px}.table .wrap{word-break:break-all;max-width:360px}.table .tags{max-width:320px}.table .detail-row td{background:var(--subtle)}.table td.name{min-width:140px}.wrap-any{word-break:break-all;min-width:220px;max-width:300px}.error-line{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize;background:var(--subtle);color:var(--text-2);border:1px solid var(--line)}.badge.ok,.health-healthy,.delivery-delivered{background:#02ad4c1f;color:var(--dark-green);border-color:#02ad4c4d}.badge.off,.health-inactive,.health-unknown,.delivery-discarded{background:var(--subtle);color:var(--muted)}.health-degraded,.delivery-pending{background:#fcee2159;color:var(--warn-text);border-color:#8a6d0040}.template-approved{background:#02ad4c1f;color:var(--dark-green);border-color:#02ad4c4d}.template-pending{background:#fcee2159;color:var(--warn-text)}.template-rejected,.template-paused{background:#ff825c2e;color:var(--error-text)}.template-disabled{color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:8px}.facts>div{display:flex;flex-direction:column;gap:2px}.secret{display:flex;align-items:center;gap:10px;background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.secret code{word-break:break-all;flex:1}textarea{font:inherit;color:var(--text);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;resize:vertical}.health-failing,.delivery-dead{background:#ff825c2e;color:var(--error-text);border-color:#ff825c73}.tag{display:inline-flex;align-items:center;gap:4px;margin:0 4px 4px 0;padding:1px 6px;border-radius:4px;background:var(--subtle);border:1px solid var(--line);font-size:11px;font-family:ui-monospace,Menlo,monospace}.btn{font:inherit;font-weight:500;cursor:pointer;border-radius:999px;padding:8px 16px;border:1px solid var(--green);background:var(--green);color:var(--white);text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn:hover:not(:disabled){background:var(--dark-green);border-color:var(--dark-green)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn.ghost:hover:not(:disabled){background:var(--subtle);border-color:var(--muted)}.btn.danger{background:var(--error-text);border-color:var(--error-text);color:var(--white)}.btn.ghost.danger{background:transparent;color:var(--error-text);border-color:#b4421f59}.btn.ghost.danger:hover:not(:disabled){background:#ff825c1f}.btn.small{padding:4px 10px;font-size:12px}.btn.on-dark{color:var(--cream);border-color:#f6f3ef4d;align-self:flex-start}.btn.on-dark:hover:not(:disabled){background:var(--jet-card)}.link-btn{border:0;background:none;cursor:pointer;padding:0 2px;font:inherit}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--white)}.segmented button{font:inherit;border:0;background:none;padding:6px 14px;cursor:pointer;color:var(--text-2)}.segmented button.active{background:var(--jet);color:var(--cream)}.form{display:flex;flex-direction:column;gap:12px}.form.inset{border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px;background:var(--subtle)}.field{display:flex;flex-direction:column;gap:4px;border:0;padding:0;margin:0;min-width:0}.field>span,.field>legend{font-size:12px;font-weight:600;color:var(--text-2);padding:0;margin-bottom:4px}.field.inline{flex-direction:row;align-items:center;gap:8px}.field.inline>span{margin:0}.field.narrow{max-width:220px}input,select{font:inherit;color:var(--text);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;min-width:0}input:focus,select:focus,.btn:focus-visible,.segmented button:focus-visible{outline:2px solid var(--green);outline-offset:1px}input::placeholder{color:var(--placeholder)}input.ng-touched.ng-invalid{border-color:var(--error)}.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 12px}.check{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.alert{background:#ff825c24;border:1px solid rgba(255,130,92,.45);color:var(--error-text);border-radius:var(--radius);padding:10px 12px}.note{background:var(--subtle);border:1px solid var(--line);border-left:3px solid var(--yellow);border-radius:var(--radius);padding:10px 12px;color:var(--text-2)}.vars{margin:6px 0 0;padding-left:18px}.reveal{border:2px solid var(--green);border-radius:var(--radius);padding:16px;margin-bottom:16px;background:#02ad4c0f}.reveal .secret{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;margin:8px 0}.reveal .secret code{font-size:13px;word-break:break-all;flex:1;-webkit-user-select:all;user-select:all}.boot-error{margin:40px auto;max-width:560px;padding:16px;font-family:var(--font);background:#fff;border:1px solid var(--error);border-radius:8px;color:var(--error-text)}.dialog{border:0;border-radius:var(--radius-lg);padding:24px;width:min(460px,calc(100vw - 32px));box-shadow:0 16px 48px #302f2d29;color:var(--text)}.dialog::backdrop{background:#302f2d73}.dialog form{display:flex;flex-direction:column;gap:12px}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px;background:radial-gradient(50% 40% at 50% 45%,rgba(0,176,62,.18) 0%,transparent 100%),var(--cream)}.login-card{width:min(400px,100%);display:flex;flex-direction:column;gap:12px;text-align:center;padding:32px}.login-card .logo{width:48px;height:48px;margin:0 auto}.login-card h1{justify-content:center}.login .google{display:flex;justify-content:center;min-height:44px}.login .dev{text-align:left;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px}