:root{--brand:#6d4aff;--brand2:#0967ff;--ink:#0b1220;--nav:#06101f;--muted:#687083;--line:#e8ecf3}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff}
.market-nav{background:#06101f;padding:1rem 0}.brand-mark{color:#3b82ff;margin-right:.4rem}.btn-brand{background:linear-gradient(135deg,var(--brand2),var(--brand));border:0;color:#fff}.btn-brand:hover{color:#fff;filter:brightness(.95)}
.hero{background:radial-gradient(circle at 70% 20%,#153d84 0,#07101f 35%,#030915 100%);color:#fff;padding:5.5rem 0 4rem;overflow:hidden}.hero h1{font-size:clamp(2.5rem,5vw,4.8rem);font-weight:900;letter-spacing:0;line-height:1}.hero h1 span{display:block;color:#9b72ff}.hero p{font-size:1.15rem;color:#dbe7ff;max-width:560px}.trust-row{margin-top:2rem;color:#ffc947}.hero-preview{background:#f8fbff;border:10px solid #0b1126;border-radius:18px;box-shadow:0 25px 70px #0008;transform:perspective(900px) rotateY(-7deg);min-height:320px;color:#0b1220}.preview-bar{height:36px;background:#10183b;border-radius:8px 8px 0 0}.preview-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:3rem}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.mini-grid span{background:#fff;border:1px solid #e6ecf5;border-radius:8px;height:66px}
.section-title,.soft-panel h2{font-size:1.1rem;font-weight:800}.product-card{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 10px 30px #0b12200a;overflow:hidden}.product-card h3{font-size:1rem;font-weight:800}.product-card p{font-size:.9rem;color:var(--muted);min-height:58px}.product-image{height:150px;background:linear-gradient(135deg,#111a34,#245cff 55%,#6d4aff);position:relative}.product-image span{position:absolute;top:12px;left:12px;background:#6d4aff;color:#fff;border-radius:6px;padding:.35rem .55rem;font-size:.75rem;font-weight:700}
.product-detail-image{aspect-ratio:1.35;background:linear-gradient(135deg,#edf5ff,#1568ff 50%,#101b36);border-radius:8px;border:1px solid var(--line)}.thumb{height:64px;flex:1;background:#eef3ff;border:1px solid #dce5f5;border-radius:6px}.rating{color:#ffb000}.rating span{color:var(--muted)}.feature-list{list-style:none;padding:0}.feature-list li{margin:.55rem 0}.feature-list li:before{content:"✓";color:#20b06b;margin-right:.5rem}.tabs-line{display:flex;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.8rem 0;margin:1rem 0;font-size:.85rem}.buy-box,.soft-panel,.auth-card,.installer-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px #0b12200a;padding:1.4rem}.license-tabs{display:flex;border:1px solid #d9def0;border-radius:7px;overflow:hidden;margin-bottom:1rem}.license-tabs span{flex:1;text-align:center;padding:.45rem;font-size:.8rem}.license-tabs span:first-child{background:#f1ecff;color:#5d3fff}.release-row{border-top:1px solid var(--line);padding:1rem 0}
.install-bg{background:linear-gradient(135deg,#07101f,#111d3a);min-height:100vh}.installer-card{max-width:1120px}.installer-card h1{font-weight:900}.installer-card h2{font-size:1rem;margin-top:2rem}.check-row{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:.7rem .9rem;background:#fafcff}
.auth-card{max-width:420px}.app-shell{display:flex;min-height:100vh;background:#f7f9fc}.sidebar{width:260px;background:linear-gradient(180deg,#081426,#101a35);color:#fff;padding:1rem;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar .brand{display:flex;gap:.5rem;align-items:center;color:#fff;text-decoration:none;font-weight:800;margin-bottom:1.4rem}.sidebar small{display:block;font-size:.65rem;color:#a9b5cf}.sidebar a:not(.brand){display:block;color:#d9e2f6;text-decoration:none;padding:.75rem .85rem;border-radius:7px;margin:.15rem 0}.sidebar a:hover,.sidebar a.active{background:#ffffff14;color:#fff}.sidebar a.active{box-shadow:inset 3px 0 0 #7c6bff}.main-panel{margin-left:260px;padding:1.5rem;width:calc(100% - 260px)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.topbar h1{font-size:1.45rem;font-weight:800;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.stat{background:#fff;border:1px solid var(--line);border-radius:8px;padding:1.1rem;box-shadow:0 10px 30px #0b122008}.stat span{display:block;color:var(--muted);font-size:.82rem}.stat strong{display:block;font-size:1.45rem}.stat small,.list-row small{display:block;color:var(--muted);font-size:.75rem}.list-row{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-top:1px solid var(--line);align-items:center}.message{background:#fff;border:1px solid var(--line);border-radius:8px;padding:1rem;margin-bottom:1rem}.message.internal{background:#fff8e8}
label{font-weight:700;font-size:.84rem;margin-bottom:.35rem}.form-control,.form-select{border-color:#dfe5ef}.form-control:focus,.form-select:focus{border-color:#a998ff;box-shadow:0 0 0 .2rem #6d4aff22}.table{font-size:.9rem}.table-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.admin-table-wrap{border:1px solid var(--line);border-radius:8px;overflow:auto}.admin-compact-table{font-size:.86rem;min-width:820px;margin:0}.admin-compact-table th{font-size:.72rem;text-transform:uppercase;color:#687083;letter-spacing:0;border-top:0;background:#fafcff;white-space:nowrap}.admin-compact-table td{padding:.78rem .65rem;vertical-align:middle}.cell-truncate{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-cell{display:flex;align-items:center;gap:.75rem;min-width:240px}.product-cell strong{display:block}.product-cell small{display:block;color:var(--muted);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-avatar{width:34px;height:34px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--brand2),var(--brand));flex:0 0 auto}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.22rem .55rem;font-size:.75rem;font-weight:700;text-transform:capitalize;background:#eef2f7;color:#465266;white-space:nowrap}.status-active,.status-paid,.status-answered,.status-stable{background:#e8f8ef;color:#147a43}.status-open,.status-lead,.status-beta{background:#eef4ff;color:#3154a4}.status-draft,.status-pending,.status-on_hold,.status-security{background:#fff4d8;color:#986b00}.status-hidden,.status-legacy{background:#edf2ff;color:#3154a4}.status-inactive,.status-suspended,.status-deprecated{background:#f1f3f5;color:#626a73}.status-expired,.status-archived,.status-cancelled,.status-deleted,.status-failed,.status-revoked,.status-refunded,.status-partially_refunded{background:#fff0f0;color:#a33a3a}.api-ability-list,.addon-panel{border:1px solid var(--line);border-radius:8px;padding:1rem;background:#fafcff}.api-docs h3{font-size:.9rem;margin-top:1.25rem}.api-docs pre{background:#07101f;color:#dbe7ff;border-radius:8px;padding:1rem;white-space:pre-wrap;font-size:.82rem;overflow:auto}.endpoint-row{display:flex;align-items:center;gap:.75rem;border:1px solid var(--line);border-radius:8px;padding:.75rem;margin:1rem 0;background:#fafcff;min-width:0}.endpoint-row span{background:#e8f8ef;color:#147a43;border-radius:6px;font-weight:800;font-size:.75rem;padding:.25rem .45rem}.endpoint-row code{color:#0b1220;white-space:normal;word-break:break-all}.btn-group form{display:inline-flex}.btn-group .btn{white-space:nowrap}.soft-panel{max-width:100%}.topbar,.table-toolbar{min-width:0}.topbar{gap:1rem}.topbar h1,.table-toolbar h2{word-break:break-word}.row{min-width:0}.list-row{min-width:0}.list-row strong,.list-row span{min-width:0}.list-row strong{overflow:hidden;text-overflow:ellipsis}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.main-panel{padding:1.1rem}.hero-preview{transform:none}.buy-box{position:static}}
@media(max-width:900px){.app-shell{display:block}.sidebar{position:static;width:100%;min-height:auto;display:flex;align-items:center;gap:.35rem;overflow-x:auto;padding:.75rem;white-space:nowrap}.sidebar .brand{margin:0 1rem 0 0;flex:0 0 auto}.sidebar a:not(.brand){display:inline-flex;margin:0;padding:.55rem .7rem;flex:0 0 auto}.main-panel{margin-left:0;width:100%;padding:1rem}.topbar{flex-wrap:wrap;align-items:flex-start}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:3rem 0}.hero h1{font-size:2.55rem}.preview-body{grid-template-columns:1fr;padding:1.5rem}.product-cell{min-width:210px}.table-toolbar{flex-direction:column}.admin-compact-table{min-width:760px}.soft-panel,.auth-card,.installer-card{padding:1rem}.endpoint-row{align-items:flex-start;flex-direction:column}.btn-group{flex-wrap:wrap}}
@media(max-width:560px){.container{padding-left:1rem;padding-right:1rem}.stats-grid{grid-template-columns:1fr}.hero h1{font-size:2.15rem}.hero p{font-size:1rem}.hero-preview{border-width:6px;min-height:220px}.mini-grid{grid-template-columns:1fr}.topbar .btn{width:100%}.admin-compact-table{min-width:680px}.product-card p{min-height:auto}.list-row{align-items:flex-start;flex-direction:column}.btn-group,.btn-group form,.btn-group .btn{width:100%}.btn-group .btn{border-radius:6px!important}.product-detail-image{aspect-ratio:1.1}.tabs-line{gap:.6rem}.buy-box{margin-top:1rem}}
.admin-tabs{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.2rem}.admin-tabs a{display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none;border:1px solid var(--line);border-radius:7px;padding:.45rem .7rem;color:#465266;background:#fff;font-size:.85rem;font-weight:700}.admin-tabs a.active,.admin-tabs a:hover{border-color:#cfc5ff;background:#f1ecff;color:#5d3fff}.stacked-form{display:grid;gap:1rem}.section-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.section-heading h2{margin:0}.section-heading p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.form-actions{display:flex;gap:.75rem;flex-wrap:wrap}.code-card{border:1px solid var(--line);border-radius:8px;background:#07101f;color:#dbe7ff;padding:.85rem 1rem;font-size:.85rem;overflow:auto}
.status-operational,.status-approved{background:#e8f8ef;color:#147a43}.status-monitoring{background:#eef4ff;color:#3154a4}.status-investigating,.status-degraded,.status-disputed{background:#fff4d8;color:#986b00}.status-private,.status-maintenance,.status-resolved,.status-rejected{background:#f1f3f5;color:#626a73}.status-major_outage{background:#fff0f0;color:#a33a3a}
