:root{font-family:Inter,ui-sans-serif,system-ui;color:#eaf7f4;background:#061513}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#173d37 0,transparent 32%),#061513;color:#eaf7f4}.top{display:flex;align-items:center;justify-content:space-between;padding:18px 4%;border-bottom:1px solid #22413d;background:#081c19}.top div{display:grid}.top small,.intro span,.panel>span,.panel header span,.login-card>span{color:#56d9ad;font-size:11px;font-weight:900;letter-spacing:1.5px}.top button,.grid button,.login-card button{padding:12px 18px;border:0;border-radius:12px;background:#56d9ad;color:#05251d;font-weight:900}.workspace{width:min(1180px,92%);margin:45px auto}.intro h1{max-width:800px;margin:10px 0;font-size:clamp(34px,5vw,62px);line-height:1}.intro p{max-width:700px;color:#9db7b2}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.metrics article,.panel,.login-card{padding:24px;border:1px solid #23443e;border-radius:22px;background:#0a211d;box-shadow:0 20px 60px #0004}.metrics article{display:grid}.metrics strong{font-size:30px}.metrics span,.products span{color:#9db7b2}.panel{margin-bottom:16px}.panel h2{margin:6px 0 20px;font-size:28px}.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.products article,.event{display:grid;gap:5px;padding:16px;border-radius:14px;background:#102d28}.products code,.event code{overflow:hidden;color:#56d9ad;font-size:11px;text-overflow:ellipsis}.panel details{margin-top:20px}.panel summary{cursor:pointer;color:#56d9ad;font-weight:900}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.grid label,.login-card label{display:grid;gap:6px;color:#b9cbc8;font-size:12px}.grid input,.grid select,.login-card input{width:100%;padding:12px;border:1px solid #31524d;border-radius:10px;background:#071a17;color:#fff}.grid button{align-self:end}.event{grid-template-columns:1fr 2fr auto;margin-top:8px}.event time{color:#9db7b2;font-size:12px}.notice{margin-bottom:15px;padding:13px;border-radius:12px;background:#164a3b}.login-page{display:grid;min-height:100vh;place-items:center}.login-card{width:min(430px,92%)}.login-card h1{margin-bottom:4px;font-size:38px}.login-card p{color:#9db7b2}.login-card form{display:grid;gap:15px;margin-top:25px}.login-card small{color:#ff8585}@media(max-width:700px){.metrics,.grid{grid-template-columns:1fr}.event{grid-template-columns:1fr}.workspace{margin-top:25px}}
/* Control-plane application shell */
body{padding-left:270px}.control-sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:270px;padding:22px 16px;background:#04110f;border-right:1px solid #1d3a35;overflow:auto}.control-brand{display:flex;align-items:center;gap:12px;padding:6px 8px 24px;color:#fff;text-decoration:none}.control-brand>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#56d9ad,#169976);color:#05251d;font-style:normal;font-weight:950}.control-brand>span{display:grid}.control-brand small{color:#56d9ad;font-size:9px;letter-spacing:1.3px}.control-sidebar nav{display:grid;gap:4px}.control-sidebar nav>small{margin:20px 10px 7px;color:#668b84;font-size:9px;font-weight:900;letter-spacing:1.5px}.control-sidebar nav>a{padding:11px 12px;border-radius:10px;color:#a9c2bd;text-decoration:none;font-size:13px;font-weight:750}.control-sidebar nav>a:hover,.control-sidebar nav>a.active{background:#12332d;color:#fff}.control-sidebar nav>a.active{box-shadow:inset 3px 0 #56d9ad}.top{position:sticky;z-index:15;top:0;padding:13px 3%;background:#071916eF;backdrop-filter:blur(12px)}.control-search{width:min(590px,55vw);display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #284943;border-radius:12px;background:#0a211d}.control-search input{width:100%;padding:11px 2px;border:0;outline:0;background:transparent;color:#fff}.control-search kbd{padding:3px 7px;border:1px solid #31524d;border-radius:6px;color:#8ea9a4}.control-user{display:flex!important;grid-auto-flow:column;align-items:center;gap:14px}.control-user>span{display:grid;text-align:right}.control-user small{color:#8ea9a4}.workspace{width:min(1280px,92%);margin:34px auto}.panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.button{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #37645b;border-radius:9px;color:#77e0bd;text-decoration:none;font-size:12px;font-weight:850}.product-management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:13px}.product-management-grid>a{display:grid;gap:9px;padding:20px;border:1px solid #23443e;border-radius:16px;background:#102d28;color:#fff;text-decoration:none}.product-management-grid h3{margin:0;font-size:21px}.product-management-grid code{color:#65deb6;font-size:10px;overflow:hidden;text-overflow:ellipsis}.product-management-grid div{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px;align-items:end}.product-management-grid div small{color:#8ea9a4}.product-management-grid em{color:#56d9ad;font-size:12px;font-style:normal;font-weight:850}.search-results{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.search-result{display:grid;gap:4px;padding:13px;margin-top:8px;border-radius:11px;background:#102d28;color:#fff;text-decoration:none}.search-result code,.search-result small{color:#78b8aa}.release-editor .wide{grid-column:1/-1}.release-editor textarea{width:100%;padding:12px;border:1px solid #31524d;border-radius:10px;background:#071a17;color:#fff;resize:vertical}.revealed-key{display:grid;gap:9px;padding:16px;border:1px solid #56d9ad;border-radius:13px;background:#061a16}.revealed-key code{overflow-wrap:anywhere;color:#8ff2cf}.revealed-key small{color:#9db7b2}.compact-form{max-width:440px}.installation-card{margin-top:12px;padding:18px;border:1px solid #24463f;border-radius:16px;background:#0d2924}.installation-card>header{display:flex;align-items:center;justify-content:space-between}.installation-card header div{display:grid;gap:4px}.installation-card header small{color:#77a59c}.installation-signals{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.installation-signals>span{display:grid;padding:12px;border-radius:10px;background:#071c18}.installation-signals small{color:#7ca69e}.installation-signals b{margin-top:3px}.errors{margin-bottom:15px;padding:13px;border:1px solid #8f3737;border-radius:12px;background:#461919;color:#ffd1d1}@media(max-width:960px){body{padding-left:0}.control-sidebar{position:relative;width:100%;height:auto}.control-sidebar nav{grid-template-columns:repeat(2,1fr)}.control-sidebar nav>small{grid-column:1/-1}.top{position:relative}.search-results{grid-template-columns:1fr}.installation-signals{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.control-search{width:100%}.control-user>span{display:none}.top{gap:8px}.control-sidebar nav{grid-template-columns:1fr}.installation-signals{grid-template-columns:1fr}}
