:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17201c;background:#f5f7f4;--bg: #f5f7f4;--surface: #ffffff;--surface-soft: #eef3ef;--ink: #17201c;--muted: #64706a;--line: #d9e0dc;--accent: #16645a;--accent-strong: #0d4e48;--gold: #a87622;--brick: #9d4a38;--blue: #315f8c;--danger: #a33a3a;--shadow: 0 16px 42px rgba(24, 35, 31, .12)}:root[data-theme=dark]{color:#edf3ef;background:#101713;--bg: #101713;--surface: #17201c;--surface-soft: #202b26;--ink: #edf3ef;--muted: #a9b7b0;--line: #314039;--accent: #5fb7a9;--accent-strong: #91d4c9;--gold: #d2a34e;--brick: #d07863;--blue: #7da7cc;--danger: #df7c7c;--shadow: 0 18px 48px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.site-shell{min-height:100vh;background:var(--bg)}.public-nav,.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px clamp(18px,4vw,52px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.public-nav-actions,.control-row,.toolbar,.row-actions,.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brand-button,.nav-button,.icon-button,.button,.segmented button,.rule-row{border:0;cursor:pointer}.brand-button{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0;color:var(--ink);background:transparent;font-weight:760}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:8px;border:1px solid var(--line);text-decoration:none;font-weight:720;white-space:nowrap}.button-primary{color:#fff;background:var(--accent-strong);border-color:var(--accent-strong)}.button-secondary{color:var(--ink);background:var(--surface)}.button-danger{color:#fff;background:var(--danger);border-color:var(--danger)}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:8px;color:var(--ink);background:var(--surface);border:1px solid var(--line)}.select-label{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.select-label svg{color:var(--accent-strong)}.select-label select,.field select{min-width:112px;border:0;outline:none;background:var(--surface);color:var(--ink);color-scheme:light}.select-label select option,.field select option{color:#17201c;background:#fff}:root[data-theme=dark] .select-label select,:root[data-theme=dark] .field select{color-scheme:dark}:root[data-theme=dark] .select-label select option,:root[data-theme=dark] .field select option{color:#edf3ef;background:#17201c}.hero-section{position:relative;isolation:isolate;overflow:hidden;min-height:min(760px,calc(100vh - 74px));display:flex;align-items:center;padding:clamp(42px,7vw,92px) clamp(18px,5vw,72px);border-bottom:1px solid var(--line)}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 94%,transparent),color-mix(in srgb,var(--bg) 78%,transparent) 45%,color-mix(in srgb,var(--bg) 36%,transparent)),linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 72%,transparent) 100%);z-index:-1}.hero-copy{width:min(760px,100%);position:relative;z-index:2}.hero-copy h1{margin:16px 0 18px;font-size:clamp(42px,7vw,88px);line-height:.98;letter-spacing:0}.hero-copy p{margin:0 0 24px;max-width:690px;font-size:18px;line-height:1.7;color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;color:var(--accent-strong);background:color-mix(in srgb,var(--surface) 82%,transparent);font-weight:760}.hero-visual{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hero-visual>img{width:100%;height:100%;object-fit:cover;opacity:.46;filter:saturate(.86) contrast(1.05)}.visual-stack{position:absolute;right:clamp(18px,5vw,72px);bottom:clamp(18px,4vw,54px);display:grid;grid-template-columns:repeat(2,minmax(130px,240px));gap:12px;width:min(520px,48vw)}.visual-stack img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:8px;box-shadow:var(--shadow);background:var(--surface)}.metric-strip,.stats-grid,.package-grid{display:grid;gap:14px}.metric-strip{grid-template-columns:repeat(3,minmax(0,1fr));width:min(720px,100%);margin-top:28px}.metric,.stat-card,.package-panel,.data-panel,.auth-panel,.unknown-item{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.metric{padding:14px}.metric strong,.stat-card strong{display:block;color:var(--ink);font-size:26px;line-height:1.1}.metric span,.stat-card span,.muted{color:var(--muted)}.section-band{padding:clamp(34px,6vw,72px) clamp(18px,5vw,72px);border-bottom:1px solid var(--line)}.section-title{max-width:820px;margin-bottom:24px}.section-title h2,.page-header h1,.data-panel h2,.package-panel h3{margin:0;letter-spacing:0}.section-title h2,.page-header h1{font-size:32px;line-height:1.15}.section-title p,.page-header p,.package-panel p{color:var(--muted);line-height:1.6}.package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.package-panel{padding:22px}.panel-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:8px;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.carousel{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center;width:100%}.apps-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(22px,4vw,48px);align-items:center}.apps-carousel-column{min-width:0}.carousel-window{overflow:hidden;border-radius:8px;touch-action:pan-y}.carousel-track{display:flex;transition:transform .46s cubic-bezier(.2,.8,.2,1);will-change:transform}.app-slide{flex:0 0 100%;min-height:112px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:4px 14px;align-items:center;padding:20px;border-radius:8px;border:1px solid var(--line);background:var(--surface);text-decoration:none;box-shadow:0 10px 28px #18231f14;-webkit-user-select:none;user-select:none}.app-slide.active{border-color:color-mix(in srgb,var(--accent) 52%,var(--line))}.app-slide strong{color:var(--ink)}.app-slide span{color:var(--muted)}.app-slide svg{grid-row:span 2;color:var(--blue)}.app-link-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.carousel-dots{display:flex;gap:8px;margin-top:14px;padding-left:56px}.carousel-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;cursor:pointer;background:color-mix(in srgb,var(--muted) 34%,transparent)}.carousel-dots button.active{width:26px;background:var(--accent-strong)}.app-chip{padding:8px 12px;border-radius:8px;border:1px solid var(--line);color:var(--muted);background:var(--surface);text-decoration:none;font-weight:650}.apps-core-panel{min-height:100%;padding:clamp(20px,3vw,30px);border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 92%,var(--blue) 8%);box-shadow:var(--shadow)}.apps-core-panel h3{margin:16px 0 10px;font-size:24px;line-height:1.18;letter-spacing:0}.apps-core-panel>p{margin:0 0 20px;color:var(--muted);line-height:1.65}.apps-core-list{display:grid;gap:14px}.feature-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start}.feature-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:8px;color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line))}.feature-item h4{margin:0 0 4px;font-size:15px;line-height:1.25;letter-spacing:0}.feature-item p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}.center-screen,.auth-page{min-height:100vh;background:var(--bg)}.center-screen{display:grid;place-items:center;gap:12px}.auth-panel{width:min(860px,calc(100% - 36px));margin:clamp(42px,8vw,96px) auto;padding:clamp(24px,5vw,52px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;align-items:center}.auth-copy h1{margin:14px 0 10px;font-size:34px}.auth-copy p{color:var(--muted);line-height:1.65}.auth-actions{display:grid;gap:14px;justify-items:start}.admin-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:16px;border-right:1px solid var(--line);background:var(--surface)}.sidebar-head{display:flex;justify-content:space-between;align-items:center;min-height:48px}.side-nav{display:grid;gap:6px;margin-top:20px}.nav-button{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:8px;color:var(--muted);background:transparent;text-align:left;font-weight:680}.nav-button.active,.nav-button:hover{color:var(--ink);background:var(--surface-soft)}.admin-main{min-width:0}.admin-topbar{min-height:68px;justify-content:flex-end}.user-pill{display:inline-flex;align-items:center;gap:8px;min-height:38px;max-width:320px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted)}.user-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-content{padding:clamp(18px,4vw,38px)}.page-stack{display:grid;gap:18px}.page-header{display:flex;gap:16px;align-items:flex-start}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-card{min-height:132px;padding:18px;display:grid;align-content:space-between}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.two-column.wide-left{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}.data-panel{min-width:0;padding:18px}.data-panel h2{margin-bottom:14px;font-size:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.compact{margin-bottom:14px}.full-span{grid-column:1 / -1}.field,.field-view{display:grid;gap:7px}.field span,.field-view span{color:var(--muted);font-size:13px;font-weight:720}.field input,.field select,.code-input{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface);padding:9px 10px;outline:none}.code-input{resize:vertical;min-height:120px;font-family:JetBrains Mono,Consolas,monospace;line-height:1.45}.code-input.tall{min-height:280px}.segmented{display:inline-flex;width:fit-content;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.segmented button{min-height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border-radius:6px;color:var(--muted);background:transparent;font-weight:720}.segmented button.active{color:var(--ink);background:var(--surface-soft)}.notice{margin:0;padding:12px 14px;border-radius:8px;line-height:1.55;border:1px solid var(--line)}.notice.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.notice.warning{color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,var(--surface))}.json-block,.unknown-item pre,.key-output{display:block;overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--ink);padding:12px;line-height:1.45;font-family:JetBrains Mono,Consolas,monospace}.json-block{max-height:520px;margin:0}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:520px}th,td{padding:10px 9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}th{color:var(--muted);font-size:13px}.mini-bars{display:grid;gap:10px}.mini-bar{display:grid;grid-template-columns:120px minmax(0,1fr) 48px;gap:10px;align-items:center}.mini-bar div{height:10px;border-radius:999px;background:var(--surface-soft);overflow:hidden}.mini-bar i{display:block;height:100%;background:var(--accent)}.profile-grid{display:grid;gap:14px}.check-row{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:680}.rule-list,.unknown-list{display:grid;gap:10px}.panel-meta,.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:var(--muted);font-size:13px;font-weight:700}.pagination{margin:14px 0 0}.rule-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:left}.rule-row small{grid-column:1 / -1;color:var(--muted)}.unknown-item{padding:16px;display:grid;gap:12px}.unknown-item header{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.mobile-only{display:none}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.admin-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:40;left:0;top:0;width:min(320px,88vw);transform:translate(-105%);transition:transform .16s ease}.sidebar.open{transform:translate(0)}.mobile-only{display:inline-grid}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-grid,.two-column,.two-column.wide-left,.auth-panel,.apps-layout{grid-template-columns:1fr}.visual-stack{opacity:.72;width:min(420px,64vw)}}@media(max-width:720px){.public-nav,.admin-topbar{align-items:flex-start;flex-direction:column}.public-nav-actions,.admin-topbar{width:100%}.hero-section{min-height:auto}.hero-copy h1{font-size:42px}.hero-copy p{font-size:16px}.metric-strip,.stats-grid,.form-grid{grid-template-columns:1fr}.carousel{grid-template-columns:40px minmax(0,1fr) 40px}.carousel-dots{padding-left:52px}.app-slide{grid-template-columns:1fr}.panel-meta,.pagination{align-items:flex-start;flex-direction:column}.visual-stack{display:none}.admin-content{padding:16px}.page-header{display:grid}.mini-bar{grid-template-columns:1fr}.user-pill{max-width:100%}}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.status-badge.completed,.status-badge.synced{color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}.status-badge.pending,.status-badge.scanning,.status-badge.downloading,.status-badge.downloaded{color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--blue) 30%,var(--line))}.status-badge.failed{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 30%,var(--line))}.status-badge.needs_review{color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line))}.status-badge.running,.status-badge.starting{color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 15%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));animation:pulse 1.8s infinite ease-in-out}.tag-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:11px;font-weight:600;background:var(--surface-soft);border:1px solid var(--line);color:var(--muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.custom-dropdown-container{position:relative;font-family:inherit;-webkit-user-select:none;user-select:none}.custom-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 16px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.custom-dropdown-trigger:hover:not(.disabled){border-color:var(--accent);box-shadow:0 4px 12px #00000014;background:color-mix(in srgb,var(--surface) 96%,var(--accent))}.custom-dropdown-trigger.active{border-color:var(--accent-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent),0 4px 12px #00000014}.custom-dropdown-trigger.disabled{opacity:.6;cursor:not-allowed}.dropdown-arrow{color:var(--muted);transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg);color:var(--accent)}.dropdown-trigger-icon{color:var(--accent);transition:transform .3s ease}.custom-dropdown-trigger:hover .dropdown-trigger-icon{transform:scale(1.1) rotate(5deg)}.dropdown-trigger-label{font-size:14px;font-weight:600}.custom-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;min-width:320px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow);overflow:hidden;z-index:99;padding:6px;display:flex;flex-direction:column;gap:2px;animation:dropdownFadeIn .25s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.custom-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.custom-dropdown-item:hover{background:color-mix(in srgb,var(--surface-soft) 80%,var(--accent));color:var(--ink)}.custom-dropdown-item.selected{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent-strong);font-weight:500}.dropdown-item-icon{color:var(--muted);flex-shrink:0;transition:color .2s ease}.custom-dropdown-item:hover .dropdown-item-icon,.custom-dropdown-item.selected .dropdown-item-icon{color:var(--accent)}.dropdown-item-label{font-size:14px;font-weight:600}.dropdown-item-desc{font-size:11px;color:var(--muted);margin-top:2px}.custom-dropdown-item:hover .dropdown-item-desc{color:color-mix(in srgb,var(--muted) 80%,var(--ink))}.dropdown-check-icon{margin-left:auto;color:var(--accent-strong);flex-shrink:0;animation:checkPop .2s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.button:disabled{opacity:.6;cursor:not-allowed!important;pointer-events:none}.sidebar{display:flex;flex-direction:column}.desktop-only{display:inline-flex;align-items:center;gap:10px}.sidebar-settings{display:none}@media(max-width:1080px){.desktop-only{display:none!important}.sidebar-settings{display:flex!important;flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);width:100%}}.tooltip-container{position:relative;display:inline-block;cursor:help}.tooltip-text{visibility:hidden;width:280px;background-color:var(--surface-soft);color:var(--ink);border:1px solid var(--line);text-align:left;border-radius:8px;padding:10px;position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;box-shadow:var(--shadow);font-size:11px;line-height:1.4;pointer-events:none;white-space:normal}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}