:root{--gold:#f4bd19;--black:#111317;--panel:#fff;--ink:#1a1d23;--muted:#68707d;--line:#e6e8ec;--bg:#f4f5f7;--green:#138a4b;--red:#c83d3d}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.topbar{height:72px;background:var(--black);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));box-shadow:0 3px 14px #0002}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px}.mark,.hero-mark{display:grid;place-items:center;background:var(--gold);color:#111;border-radius:12px;font-weight:900}.mark{width:40px;height:40px}.hero-mark{width:76px;height:76px;margin:auto;font-size:38px}.topbar nav{display:flex;gap:24px;font-weight:650}.wrap{max-width:1180px;margin:0 auto;padding:42px 24px 70px}.hero{padding:12px 0 26px}.hero h1{font-size:clamp(34px,5vw,56px);margin:5px 0 8px;letter-spacing:-.04em}.hero p{color:var(--muted);font-size:18px}.eyebrow{font-size:12px!important;letter-spacing:.15em;font-weight:800;color:#8a6810!important}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 28px #1820300a;margin-bottom:22px}.app-grid,.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.app-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 24px #1820300a;transition:.18s}.app-card:hover{transform:translateY(-3px);border-color:#d5b445}.app-card>span{margin-left:auto;font-size:24px}.app-icon{width:56px;height:56px;border-radius:15px;background:var(--black);color:var(--gold);display:grid;place-items:center;font-size:24px;font-weight:900}.app-card h2{margin:0 0 4px;font-size:20px}.app-card p{margin:0;color:var(--muted)}.login-card{max-width:520px;margin:70px auto;background:#fff;text-align:center;padding:44px;border-radius:24px;border:1px solid var(--line)}.login-card h1{font-size:34px;margin-bottom:10px}.login-card p{color:var(--muted);line-height:1.6}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:11px;padding:12px 18px;font-weight:800;cursor:pointer}.btn.primary{background:var(--black);color:var(--gold)}.btn.google{margin-top:18px;background:#fff;border:1px solid #ccd0d6;box-shadow:0 2px 6px #0001}.wide{width:100%;font-size:17px;padding:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.stat{background:var(--black);color:#fff;border-radius:18px;padding:22px}.stat strong{display:block;color:var(--gold);font-size:32px}.stat span{color:#c8ccd3}.link-card:hover{border-color:#d5b445}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}label{display:flex;flex-direction:column;gap:7px;font-weight:700}input,select{font:inherit;padding:12px 13px;border:1px solid #cfd4dc;border-radius:10px;background:#fff}.check{flex-direction:row;align-items:center}.check input{width:auto}.muted,small{color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}td small{display:block}.checks>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.pass{color:var(--green)}.fail{color:var(--red)}.permission-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:18px 0}.permission-list label{flex-direction:row;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px}.permission-list small{display:block}.flash{max-width:1180px;margin:12px auto;padding:14px 18px;border-radius:12px}.flash.error{background:#ffe7e7;color:#871f1f}.flash.success{background:#e5f7ec;color:#156b3e}.installer{background:linear-gradient(135deg,#0e1014,#20242c);min-height:100vh}.install-wrap{max-width:820px;margin:auto;padding:40px 20px 70px}.install-brand{display:flex;align-items:center;gap:16px;color:#fff;margin-bottom:26px}.install-brand h1{margin:0}.install-brand p{margin:5px 0;color:#b9bec8}.success-card{text-align:center;padding:50px}code{overflow-wrap:anywhere}footer{text-align:center;padding:28px;color:#7a818c}@media(max-width:700px){.form-grid,.stats{grid-template-columns:1fr}.topbar nav{gap:12px;font-size:14px}.wrap{padding-top:24px}table{display:block;overflow:auto}}

.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:-12px 0 26px}.admin-nav a{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:9px;font-size:14px;font-weight:750}.admin-nav a:hover{border-color:#d5b445}.stats.four{grid-template-columns:repeat(4,1fr)}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head a{font-weight:800;color:#8a6810}.search-row{display:flex;gap:10px;margin-bottom:18px}.search-row input{flex:1}.btn.small{padding:8px 11px;font-size:13px}.btn.danger{background:#fff0f0;color:#9b2525;border:1px solid #efc6c6}.inline{display:inline}.inline-form{display:contents}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.badge.ok{background:#e5f7ec;color:#156b3e}.badge.off{background:#eee;color:#666}.span-2{grid-column:span 2}.override-list>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.override-list small{display:block}.override-list select{min-width:150px}ul{line-height:1.8}@media(max-width:800px){.stats.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.span-2{grid-column:auto}.override-list>div{align-items:flex-start;flex-direction:column}.override-list select{width:100%}}
.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px}.hub-search{display:flex;gap:8px;max-width:650px;margin-top:18px}.hub-search input{flex:1;padding:13px;border:1px solid #ccc;border-radius:10px}.hub-search button,.button{background:#d4a900;color:#111;border:0;border-radius:10px;padding:12px 18px;font-weight:700}.hero.compact{padding-bottom:20px}.app-card-wrap{position:relative}.app-card-wrap .app-card{height:100%}.star{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:26px;color:#d4a900;cursor:pointer}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.quick-card,.notice,.search-result{display:flex;flex-direction:column;gap:5px;padding:16px;background:#fff;border:1px solid #e6e6e6;border-radius:12px;text-decoration:none;color:#111}.quick-card span,.notice span,.search-result span{color:#666;font-size:.9rem}.notice-list{display:grid;gap:10px}.notice.unread,.notification-row.unread{border-left:5px solid #d4a900}.notification-row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #eee}.notification-row p{margin:6px 0}.profile-card{display:flex;gap:24px;align-items:center;background:#fff;padding:28px;border-radius:16px}.profile-avatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#111;color:#d4a900;font-size:32px;font-weight:800}.form-grid textarea{min-height:110px}

.key-card{border:2px solid var(--gold);background:#fff9df}.key-card code{display:block;padding:16px;background:#111;color:var(--gold);border-radius:10px;font-size:16px;word-break:break-all}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.service-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}.service-card h3{margin-top:0}

.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;min-height:68vh}.workspace-sidebar{background:#111;color:#fff;border-radius:18px;padding:18px;display:flex;flex-direction:column;min-height:650px;position:sticky;top:16px}.workspace-title{padding:6px 8px 18px;display:flex;flex-direction:column}.workspace-title span{color:#aaa;font-size:.82rem}.workspace-home,.workspace-app,.workspace-admin{color:#ddd;text-decoration:none;padding:11px 12px;border-radius:10px;display:flex;gap:9px;align-items:center}.workspace-home:hover,.workspace-app:hover,.workspace-admin:hover,.workspace a.active{background:#f4c430;color:#111}.workspace-apps{display:flex;flex-direction:column;gap:4px;flex:1}.workspace-admin{margin-top:18px;border-top:1px solid #333}.sidebar-toggle button{width:100%;background:none;border:1px solid #444;color:#bbb;padding:8px;border-radius:8px}.app-dot{width:8px;height:8px;border-radius:50%;background:#888}.status-healthy{background:#2fad62}.status-warning{background:#e0a800}.status-failed{background:#c43b3b}.workspace-content{min-width:0}.workspace-welcome{background:linear-gradient(135deg,#111,#302a12);color:#fff;padding:38px;border-radius:20px;margin-bottom:20px}.workspace-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.workspace-summary div{background:rgba(255,255,255,.08);padding:18px;border-radius:12px}.workspace-summary strong{display:block;font-size:1.8rem;color:#f4c430}.workspace-summary span{font-size:.86rem;color:#ddd}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.workspace-frame-wrap{height:72vh;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #ddd}.workspace-frame{width:100%;height:100%;border:0}.workspace-launch{text-align:center;padding:55px}.app-icon.large{margin:0 auto 18px;width:72px;height:72px;font-size:2rem}.toolbar-actions{display:flex;gap:8px}.data-table select{min-width:180px}@media(max-width:850px){.workspace{grid-template-columns:1fr}.workspace-sidebar{position:static;min-height:auto}.workspace-apps{display:grid;grid-template-columns:repeat(2,1fr)}.workspace-summary{grid-template-columns:1fr}.workspace-frame-wrap{height:65vh}}