:root{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#17212b;background:#edf3f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#ffffffe0,#edf3f8f5 260px),#edf3f8}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#ffffffeb;border-bottom:1px solid rgba(193,207,220,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.site-footer{margin-top:auto;padding:14px 20px 16px;border-top:1px solid rgba(193,207,220,.72);background:#ffffffeb}.site-footer-inner{width:min(1480px,100%);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px}.site-footer a{min-height:24px;display:inline-flex;align-items:center;color:#4c5d6d;font-size:13px;font-weight:700;text-decoration:none}.site-footer a:hover{color:#205ecb}.police-record{gap:6px}.police-record img{width:18px;height:18px;object-fit:contain}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:18px}.brand-mark{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#fff;background:#205ecb}.header-actions{display:flex;align-items:center;gap:12px}.top-nav{display:flex;gap:8px}.top-nav a{color:#62717f;text-decoration:none;font-size:14px;padding:8px 10px;border-radius:8px}.top-nav a:hover{color:#205ecb;background:#e9f1ff}.user-pill{border:1px solid #b8d7c9;border-radius:999px;padding:7px 10px;color:#176d55;background:#e6f7ef;font-size:13px;font-weight:900;white-space:nowrap}.user-profile-button{cursor:pointer}.user-profile-button:hover{border-color:#88c2ad;background:#d9f2e7}.ghost-button{border:1px solid #d2dde8;border-radius:8px;padding:8px 11px;color:#4c5d6d;background:#fff;font-weight:800}.help-button{color:#205ecb;background:#eef5ff}.page{width:min(1480px,100%);margin:0 auto;padding:18px 22px 24px;display:grid;flex:1 0 auto;gap:16px}.auth-page{min-height:calc(100vh - 124px);flex:1 0 auto;display:grid;place-items:center;padding:24px}.guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#111f2c57;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.guide-dialog{width:min(720px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid #cddce9;border-radius:8px;background:#fff;box-shadow:0 24px 64px #111f2c3d}.profile-dialog{width:min(760px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid #cddce9;border-radius:8px;background:#fff;box-shadow:0 24px 64px #111f2c3d}.guide-header{display:flex;justify-content:space-between;gap:16px;padding:22px 24px 12px;border-bottom:1px solid #edf2f6}.guide-kicker{display:inline-flex;margin-bottom:8px;border-radius:999px;padding:5px 10px;color:#176d55;background:#e6f7ef;font-size:12px;font-weight:900}.guide-header h2{margin:0;font-size:24px}.guide-close{width:36px;height:36px;border:1px solid #d6e1eb;border-radius:8px;color:#4d5d6c;background:#fff;font-size:22px;line-height:1}.guide-steps{display:grid;gap:10px;padding:18px 24px}.guide-step{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:14px;border:1px solid #d8e4ee;border-radius:8px;background:#f8fbfe}.guide-step-index{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#205ecb;font-weight:900}.guide-step h3{margin:0 0 6px;font-size:16px}.guide-step p,.guide-footer p{margin:0;color:#5d6f80;line-height:1.7}.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px 22px;border-top:1px solid #edf2f6}.auth-card{width:min(980px,100%);display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;padding:24px;border:1px solid #d5e0ea;border-radius:8px;background:#fff;box-shadow:0 18px 46px #1625341f}.auth-intro{padding:8px 8px 8px 0;display:grid;align-content:center;gap:12px}.eyebrow{width:fit-content;border:1px solid #c9e6d7;border-radius:999px;padding:6px 10px;color:#176d55;background:#e6f7ef;font-size:12px;font-weight:900}.auth-intro h1{margin:0;font-size:34px;line-height:1.18}.auth-intro p{margin:0;color:#607183;line-height:1.75}.auth-form{display:grid;gap:14px}.role-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border-radius:8px;background:#eef4f8}.role-button{border:0;border-radius:8px;padding:10px;color:#5d6e7f;background:transparent;font-weight:900}.role-button.active{color:#fff;background:#205ecb;box-shadow:0 8px 18px #205ecb3d}.auth-mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border:1px solid #d9e4ee;border-radius:8px;padding:5px;background:#fff}.mode-button{border:0;border-radius:8px;padding:9px 8px;color:#5d6e7f;background:transparent;font-weight:900}.mode-button.active{color:#0d4e3c;background:#e6f7ef}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-login-panel{display:grid;gap:12px;border:1px solid #dbe9f2;border-radius:8px;padding:14px;background:#f7fbff}.admin-login-panel p{margin:0;color:#607183;line-height:1.7;font-size:14px}.compact-field{margin-top:0}.field-hint{margin:-2px 0 0;color:#7a8998;line-height:1.55;font-size:12px;font-weight:700}.field-error{margin:-2px 0 0;color:#a62f00;line-height:1.45;font-size:12px;font-weight:800}.consent-field{grid-column:1 / -1;display:flex;align-items:flex-start;gap:8px;color:#40505f;font-size:13px;font-weight:800;line-height:1.55}.consent-field input{width:auto;margin-top:3px}.compact-consent{margin-top:-4px}.wide-button{width:100%}.profile-form{display:grid;gap:14px;padding:18px 24px 24px}.profile-summary{margin:0;color:#607183;line-height:1.7;font-size:14px}.profile-actions{display:flex;justify-content:flex-end;gap:10px}.hero-panel,.panel{background:#fff;border:1px solid #dbe4eb;border-radius:8px;box-shadow:0 14px 34px #19243012}.hero-panel{padding:22px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:center}.hero-panel h1{margin:0 0 8px;font-size:30px;line-height:1.22;letter-spacing:0}.hero-panel p,.section-heading p{margin:0;color:#62717f;line-height:1.7;font-size:14px}.hero-status{padding:14px;border-radius:8px;border:1px solid #c8e4d7;background:#e8f7f0;display:grid;gap:8px}.hero-status strong{font-size:15px}.hero-status span{color:#315846;font-size:13px}.product-grid{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:16px;align-items:start}.secondary-grid{grid-template-columns:1.1fr .9fr}.panel{padding:18px;min-width:0}.workspace-panel{border-top:4px solid #205ecb}.library-panel{border-top:4px solid #27a077}.library-tools{display:grid;gap:10px;margin-bottom:12px}.library-search{display:grid;gap:6px}.library-search label{color:#40505f;font-size:13px;font-weight:900}.library-filter{display:flex;flex-wrap:wrap;gap:7px}.filter-button{border:1px solid #dbe4eb;border-radius:999px;padding:7px 10px;color:#526273;background:#fff;font-size:12px;font-weight:900}.filter-button.active{border-color:#9eb9e6;color:#205ecb;background:#e9f1ff}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.section-heading h2{margin:0 0 6px;font-size:18px}.count-badge,.part-chip,.status-pill{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;white-space:nowrap}.count-badge{color:#205ecb;background:#e9f1ff}.category-stack{display:grid;gap:12px;max-height:calc(100vh - 128px);overflow:auto;padding-right:4px}.category-group{border:1px solid #dbe4eb;border-radius:8px;padding:12px;background:#fbfcfd}.category-group h3,.result-box h3,.draft-card h3,.project-card h3{margin:0 0 6px;font-size:15px}.category-group p,.result-box p,.draft-card p,.project-card p,.empty-text{margin:0;color:#62717f;font-size:13px;line-height:1.6}.experiment-list{margin-top:10px;display:grid;gap:8px}.experiment-button{width:100%;border:1px solid #dbe4eb;border-radius:8px;background:#fff;padding:10px;text-align:left;display:grid;gap:4px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.experiment-button:hover{border-color:#9eb9e6;transform:translateY(-1px)}.experiment-button span{font-weight:800}.experiment-button small{color:#62717f}.experiment-button.active{border-color:#9eb9e6;color:#205ecb;background:#e9f1ff}.parts-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.part-chip{color:#17785d;background:#e8f7f0}.learner-detail-grid{display:grid;grid-template-columns:.8fr 1.25fr 1fr;gap:12px;margin-bottom:14px}.learner-detail-card{border:1px solid #dbe4eb;border-radius:8px;padding:12px;background:#fbfcfd}.learner-detail-card h3{margin:0 0 8px;font-size:15px}.compact-list{margin:0;padding-left:18px;color:#40505f;font-size:13px;line-height:1.65}.compact-list li+li{margin-top:5px}.wiring-card li{display:grid;gap:3px}.wiring-card span{color:#62717f}.lesson-layout{display:grid;grid-template-columns:1fr .8fr;gap:14px}.step-list{margin:0;padding-left:20px;color:#40505f;line-height:1.75;font-size:14px}.result-box,.draft-card{border:1px solid #dbe4eb;border-radius:8px;padding:13px;background:#fbfcfd}.parameter-panel,.flash-panel{margin-top:14px;border:1px solid #dbe4eb;border-radius:8px;padding:13px;background:#fbfcfd}.parameter-panel h3,.flash-panel h3{margin:0 0 6px;font-size:15px}.parameter-panel p,.flash-panel p,.flash-steps{margin:0;color:#62717f;font-size:13px;line-height:1.6}.parameter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.parameter-field{display:grid;gap:6px}.parameter-field label{font-size:13px;font-weight:900}.parameter-field small{color:#62717f;font-size:12px;line-height:1.45}.flash-panel{display:grid;gap:10px}.flash-config-grid{display:grid;grid-template-columns:minmax(240px,.82fr) minmax(280px,1.18fr);gap:12px;align-items:stretch}.flash-config-grid select{width:100%;min-height:44px;border:1px solid #cddae6;border-radius:8px;padding:0 12px;color:#17212b;background:#fff;font-weight:800}.flash-driver-card{padding:12px;border:1px solid #d7e8f6;border-radius:8px;background:linear-gradient(135deg,#f6fbff,#f3fbf7)}.flash-driver-card strong{display:block;margin-bottom:6px;color:#17212b}.flash-driver-card ul{margin:0;padding-left:18px;color:#4c5d6d;font-size:13px;line-height:1.65}.flash-steps{padding-left:20px}.firmware-list{display:grid;gap:6px;border:1px solid #dbe4eb;border-radius:8px;padding:9px 10px;background:#fff;color:#40505f;font-family:Consolas,Courier New,monospace;font-size:12px}.compact-actions{margin-top:0}.code-card{margin-top:14px;border-radius:8px;overflow:hidden;border:1px solid #263440;background:#16212b;color:#d9e9f2}.code-card-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;background:#22303b;color:#a6b8c5;font-size:13px}.code-copy-button{border:1px solid #445765;border-radius:8px;padding:6px 9px;color:#d9e9f2;background:#16212b;font-size:12px;font-weight:900}pre{margin:0;padding:13px;white-space:pre-wrap;line-height:1.55;font-family:Consolas,Courier New,monospace;font-size:13px}.field{display:grid;gap:7px;margin-top:14px;font-weight:800;font-size:13px}input,textarea{min-height:82px;resize:vertical;border:1px solid #dbe4eb;border-radius:8px;padding:10px 12px;color:#15202b;background:#fff;line-height:1.6}input{min-height:44px;resize:none}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.primary-button,.secondary-button{border:0;border-radius:8px;padding:10px 13px;font-weight:900;font-size:14px}.primary-button{color:#fff;background:#205ecb}.secondary-button{color:#205ecb;background:#e9f1ff}.success-text{color:#17785d;font-size:13px;font-weight:900}.warning-text{color:#a76200}.draft-card{margin-top:14px}.free-generation-note{margin-bottom:12px!important;padding:9px 10px;border:1px solid #dbe4eb;border-radius:8px;background:#f2f7fb;color:#526273!important;font-size:12px!important;font-weight:800}.compact-code-card{margin-top:12px}.status-pill{display:inline-block;margin-bottom:10px}.status-pill.supported{color:#17785d;background:#e8f7f0}.status-pill.needs-clarification,.status-pill.unsupported{color:#a76200;background:#fff3d8}.feedback-panel{display:grid;gap:14px}.feedback-form,.feedback-list{display:grid;gap:10px}.my-feedback-list{display:grid;gap:10px;border-top:1px solid #edf2f6;padding-top:12px}.my-feedback-list h3{margin:0;font-size:16px}.segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;border-radius:8px;background:#eef4f8}.segment-button{border:0;border-radius:8px;padding:9px;color:#526273;background:transparent;font-size:13px;font-weight:900}.segment-button.active{color:#fff;background:#205ecb}.feedback-item{border:1px solid #dbe4eb;border-radius:8px;padding:11px;background:#fbfcfd;display:grid;gap:8px}.feedback-item p{margin:0;color:#40505f;font-size:13px;line-height:1.65}.reply-box{display:grid;gap:9px;border:1px solid #dbe4eb;border-radius:8px;padding:10px;background:#fff}.admin-reply{display:grid;gap:5px;border:1px solid #c8e4d7;border-radius:8px;padding:9px 10px;background:#f2fbf6}.admin-reply strong{color:#176d55;font-size:13px}.customer-visible-reply{margin-top:2px}.password-reset-inline{margin-top:2px;display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:end}.password-reset-inline .success-text,.password-reset-inline .warning-text{grid-column:1 / -1}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-grid div{border:1px solid #dbe4eb;border-radius:8px;padding:12px;background:#fbfcfd;display:grid;gap:4px}.admin-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-grid strong{font-size:24px}.metric-grid span{color:#62717f;font-size:12px}.project-list{margin-top:14px;display:grid;gap:10px}.project-card{border:1px solid #dbe4eb;border-radius:8px;padding:12px;background:#fff}.paid-custom-card,.admin-orders,.admin-customers{margin-top:16px;border:1px solid #dbe4eb;border-radius:8px;padding:14px;background:#f8fbfd}.customer-table-wrap{overflow-x:auto;border:1px solid #dbe4eb;border-radius:8px;background:#fff}.customer-table{width:100%;min-width:760px;border-collapse:collapse;color:#40505f;font-size:13px}.customer-table th,.customer-table td{padding:10px 12px;border-bottom:1px solid #edf2f6;text-align:left;vertical-align:top;line-height:1.55}.customer-table th{color:#17212b;background:#f2f7fb;font-weight:900}.customer-table tbody tr:last-child td{border-bottom:0}.customer-table strong,.customer-table span{display:block}.customer-table strong{margin-bottom:3px;color:#17212b}.customer-table span{color:#62717f}.compact-heading{margin-bottom:10px}.compact-heading h3{margin:0 0 6px;font-size:16px}.order-list{display:grid;gap:10px;margin-top:14px}.order-card{border:1px solid #dbe4eb;border-radius:8px;padding:12px;background:#fff;display:grid;gap:10px}.admin-order-card{background:#fbfcfd}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.order-card-header strong{line-height:1.5}.order-meta{margin:0;color:#62717f;font-size:13px;line-height:1.6}.order-status.pending_quote{color:#a76200;background:#fff3d8}.order-status.quoted{color:#205ecb;background:#e9f1ff}.order-status.payment_submitted,.order-status.in_progress{color:#7c4d00;background:#fff0c7}.order-status.delivered,.order-status.reviewed{color:#17785d;background:#e8f7f0}.payment-box{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;border:1px solid #dbe4eb;border-radius:8px;padding:12px;background:#fbfcfd}.payment-qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-qr-card{margin:0;border:1px solid #dbe4eb;border-radius:8px;padding:8px;background:#fff;text-align:center}.payment-qr-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block}.payment-qr-card figcaption{margin-top:7px;color:#40505f;font-size:12px;font-weight:900}.payment-form{display:grid;gap:10px}.payment-form p,.delivery-box p,.order-card p{margin:0;color:#62717f;font-size:13px;line-height:1.6}.compact-form-grid{grid-template-columns:1fr 1fr}.quote-form{display:grid;gap:10px}.delivery-box{border:1px solid #c8e4d7;border-radius:8px;padding:12px;background:#f2fbf6;display:grid;gap:8px}.delivery-box h4{margin:0;font-size:15px}.pricing-panel{display:grid;gap:14px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.price-card{border:1px solid #dbe4eb;border-radius:8px;padding:13px;background:#fff}.price-card.featured{border-color:#9eb9e6;background:#e9f1ff}.price-card h3{margin:0 0 7px;font-size:15px}.price-card p{margin:0;color:#62717f;font-size:13px;line-height:1.6}.intent-form{display:grid;grid-template-columns:260px minmax(0,1fr) auto;gap:12px;align-items:end}@media(max-width:960px){.top-nav{display:none}.auth-card,.hero-panel,.product-grid,.secondary-grid,.lesson-layout,.learner-detail-grid,.parameter-grid,.pricing-grid,.intent-form,.payment-box,.compact-form-grid,.payment-qr-grid{grid-template-columns:1fr}.guide-footer{display:grid}}@media(max-width:640px){.app-header{padding:0 16px}.header-actions{gap:8px}.user-pill{padding:7px 9px;max-width:108px;overflow:hidden;text-overflow:ellipsis}.page,.auth-page{padding:14px}.auth-card{padding:18px}.guide-overlay{padding:10px}.guide-header,.guide-steps,.guide-footer,.profile-form{padding-left:16px;padding-right:16px}.auth-intro h1{font-size:27px}.form-grid,.admin-metrics{grid-template-columns:1fr}.hero-panel h1{font-size:24px}.section-heading{display:grid}}:root{--app-bg: #eef5fb;--app-bg-strong: #dfeaf4;--surface: #ffffff;--surface-soft: #f7fbff;--surface-tint: #f2f7fb;--text-strong: #111827;--text: #223142;--muted: #66768a;--border: #d7e3ee;--border-strong: #bfd0df;--primary: #2563eb;--primary-dark: #1d4ed8;--primary-soft: #eaf2ff;--success: #0f766e;--success-soft: #e7f8f3;--warning: #a15c00;--warning-soft: #fff4dc;--code-bg: #101a24;--code-header: #1b2b38;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-panel: 0 18px 44px rgba(15, 23, 42, .08);--shadow-hover: 0 18px 34px rgba(37, 99, 235, .14)}html{scroll-behavior:smooth}body{color:var(--text);background:linear-gradient(180deg,#fffffff5,#eef5fbfa 260px),linear-gradient(135deg,#2563eb12,#0f766e0f 42%,#fff0 74%),var(--app-bg)}button,a,input,textarea{letter-spacing:0}button{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease}button:disabled{cursor:not-allowed;opacity:.68;box-shadow:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}.app-header{min-height:76px;height:auto;padding:0 clamp(18px,3vw,40px);background:#fffffff0;border-bottom:1px solid rgba(191,208,223,.72);box-shadow:0 10px 30px #0f172a0f}.brand{gap:14px;color:var(--text-strong);font-size:clamp(17px,1.4vw,20px)}.brand-mark{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--success));box-shadow:0 10px 24px #2563eb42}.header-actions{gap:14px}.top-nav{gap:4px;padding:4px;border:1px solid rgba(215,227,238,.86);border-radius:999px;background:#f7fbffdb}.top-nav a{padding:9px 12px;color:var(--muted);border-radius:999px;font-weight:800}.top-nav a:hover{color:var(--primary);background:var(--primary-soft)}.ghost-button,.primary-button,.secondary-button,.code-copy-button,.filter-button,.segment-button,.role-button,.mode-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center}.ghost-button{border-color:var(--border);color:#48586a;background:#ffffffe6;box-shadow:var(--shadow-sm)}.ghost-button:hover{border-color:#adc2d5;color:var(--primary);background:var(--primary-soft);transform:translateY(-1px)}.help-button{color:var(--primary);border-color:#c9daf5;background:linear-gradient(180deg,#f5f9ff,var(--primary-soft))}.user-pill{min-height:40px;display:inline-flex;align-items:center;border-color:#b9dece;color:#0f684f;background:linear-gradient(180deg,#f2fbf7,var(--success-soft));box-shadow:var(--shadow-sm)}.user-profile-button:hover{border-color:#86c8af;color:#0a5c45;transform:translateY(-1px)}.page{width:min(1580px,100%);padding:22px clamp(18px,3vw,36px) 34px;gap:20px}.auth-page{padding:clamp(18px,3vw,34px);background:linear-gradient(180deg,#ffffff8f,#eef5fbeb),var(--app-bg)}.auth-card{width:min(1080px,100%);grid-template-columns:minmax(280px,.86fr) minmax(420px,1.14fr);gap:clamp(22px,3vw,34px);padding:clamp(22px,3vw,34px);border-color:#bfd0dfdb;background:#fffffff5;box-shadow:0 28px 70px #0f172a1f}.auth-intro{position:relative;padding:clamp(14px,2vw,26px);border-radius:8px;background:linear-gradient(160deg,#eaf2ffeb,#e7f8f3bd),#f7fbff}.auth-intro h1{color:var(--text-strong);font-size:clamp(30px,3.2vw,42px)}.auth-intro p{color:#516275;font-size:15px}.eyebrow,.guide-kicker,.part-chip,.status-pill,.count-badge{font-weight:900;letter-spacing:0}.eyebrow,.guide-kicker{border-color:#bde3d1;color:var(--success);background:var(--success-soft)}.auth-form,.profile-form{gap:16px}.role-switch,.segmented-control{padding:6px;border:1px solid #d9e5ef;background:#edf4fa}.role-button.active,.segment-button.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 10px 22px #2563eb3b}.auth-mode-switch{border-color:#d9e5ef;background:#f8fbfe}.mode-button.active{color:#0b5f49;background:var(--success-soft);box-shadow:inset 0 0 0 1px #0f766e1a}.admin-login-panel,.learner-detail-card,.result-box,.parameter-panel,.flash-panel,.draft-card,.reply-box,.feedback-item,.project-card,.price-card,.payment-box,.delivery-box,.admin-orders,.admin-customers,.paid-custom-card{border-color:var(--border);background:linear-gradient(180deg,#ffffff,var(--surface-soft))}.admin-login-panel{padding:16px;box-shadow:inset 0 1px #fffc}.field{color:var(--text-strong)}input,textarea{border-color:#d3e1ed;color:var(--text-strong);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:inset 0 1px #0f172a05;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:hover,textarea:hover{border-color:#b8cbe0}input:focus,textarea:focus{border-color:#7ea7ee;background:#fff;box-shadow:0 0 0 4px #2563eb1a}input[type=checkbox]{width:16px;min-height:16px;accent-color:var(--primary);box-shadow:none}input[type=file]{padding-top:8px;background:#fff}.field-hint{color:#758499}.field-error,.warning-text{color:#a43f00;font-weight:900}.success-text{color:var(--success)}.primary-button,.secondary-button{min-height:44px;padding:10px 16px}.primary-button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 12px 24px #2563eb33}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#1d5ee8,#1944b6);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.secondary-button{border:1px solid #c5d8f4;color:var(--primary);background:linear-gradient(180deg,#f6f9ff,var(--primary-soft))}.secondary-button:hover:not(:disabled){border-color:#9fbdf2;color:var(--primary-dark);background:#e3edff;transform:translateY(-1px)}.panel{position:relative;overflow:hidden;padding:clamp(18px,2vw,24px);border-color:#bfd0dfd1;background:#fffffff5;box-shadow:var(--shadow-panel)}.panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--primary),var(--success))}.library-panel,.workspace-panel{border-top:1px solid rgba(191,208,223,.82)}.library-panel:before{background:linear-gradient(90deg,var(--success),#2aa4a4)}.workspace-panel:before{background:linear-gradient(90deg,var(--primary),#4f8df8)}.custom-panel:before{background:linear-gradient(90deg,#2563eb,#0f766e,#f5a524)}.admin-panel:before{background:linear-gradient(90deg,#0f766e,var(--primary))}.feedback-panel:before{background:linear-gradient(90deg,#f5a524,var(--primary))}.section-heading{margin-bottom:18px;align-items:center}.section-heading h2{color:var(--text-strong);font-size:clamp(20px,2vw,28px);line-height:1.25}.section-heading p{color:var(--muted);font-size:14px}.compact-heading h3,.compact-heading h2{color:var(--text-strong)}.count-badge{border:1px solid #d5e4fb;color:var(--primary);background:var(--primary-soft)}.product-grid{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:20px}.secondary-grid{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)}.library-tools{gap:12px;margin-bottom:16px}.library-search label,.parameter-field label,.field label{color:var(--text-strong)}.library-filter{gap:8px}.filter-button{min-height:34px;border-color:#d5e1ec;color:#52647a;background:#fff}.filter-button:hover{border-color:#acc2d7;background:#f6faff;transform:translateY(-1px)}.filter-button.active{border-color:#9dbdf4;color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px #2563eb14}.category-stack{max-height:calc(100vh - 190px);padding-right:8px;scrollbar-color:#93a6ba #edf4fa;scrollbar-width:thin}.category-group{border-color:#d9e5ef;background:#fff;box-shadow:var(--shadow-sm)}.category-group h3,.result-box h3,.draft-card h3,.project-card h3,.learner-detail-card h3,.parameter-panel h3,.flash-panel h3,.my-feedback-list h3{color:var(--text-strong)}.category-group p,.result-box p,.draft-card p,.project-card p,.empty-text,.parameter-panel p,.flash-panel p,.payment-form p,.delivery-box p,.order-card p{color:var(--muted)}.experiment-button{padding:12px;border-color:#d8e4ee;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--shadow-sm)}.experiment-button:hover{border-color:#a7bfea;background:#f7fbff;box-shadow:0 10px 20px #0f172a0f}.experiment-button.active{border-color:#91b5f1;color:var(--primary);background:linear-gradient(180deg,#f6f9ff,var(--primary-soft));box-shadow:0 12px 24px #2563eb1a}.experiment-button span{color:var(--text-strong)}.experiment-button.active span{color:var(--primary)}.parts-row{margin-bottom:16px}.part-chip{color:#0f684f;background:var(--success-soft)}.learner-detail-grid{gap:14px}.learner-detail-card{box-shadow:var(--shadow-sm)}.lesson-layout{gap:16px}.step-list,.compact-list{color:#405166}.parameter-panel,.flash-panel{box-shadow:var(--shadow-sm)}.parameter-grid{gap:12px}.parameter-field small{color:#728197}.firmware-list{border-color:#cddbe8;background:#fff}.code-card{border-color:#1a2935;background:var(--code-bg);color:#dbeafe;box-shadow:0 16px 30px #101a242e}.code-card-header{padding:11px 14px;background:var(--code-header);color:#c3d1df}.code-copy-button{min-height:34px;border-color:#496071;color:#e5eff7;background:#ffffff0a}.code-copy-button:hover{border-color:#7890a4;background:#ffffff14}pre{color:#e5eef7;font-size:13px;line-height:1.62}.free-generation-note{border-color:#d4e0ea;background:#f5f9fc}.status-pill.supported,.order-status.delivered,.order-status.reviewed{color:var(--success);background:var(--success-soft)}.status-pill.needs-clarification,.status-pill.unsupported,.order-status.pending_quote{color:var(--warning);background:var(--warning-soft)}.order-status.quoted{color:var(--primary);background:var(--primary-soft)}.order-status.payment_submitted,.order-status.in_progress{color:#805300;background:#fff0c7}.metric-grid{gap:14px}.metric-grid div{min-height:104px;padding:18px;border-color:#d5e1ec;background:linear-gradient(180deg,#fffffffa,#f7fbfffa),#fff;box-shadow:var(--shadow-sm)}.metric-grid strong{color:var(--text-strong);font-size:clamp(30px,3vw,40px);line-height:1}.metric-grid span{color:var(--muted);font-size:13px;font-weight:800}.admin-metrics{grid-template-columns:repeat(5,minmax(120px,1fr))}.admin-customers,.admin-orders,.paid-custom-card{margin-top:18px;padding:18px;box-shadow:var(--shadow-sm)}.customer-table-wrap{border-color:#d5e1ec;box-shadow:inset 0 1px #ffffffe6}.customer-table{color:#405166}.customer-table th{color:var(--text-strong);background:#eef4fa}.customer-table td{border-bottom-color:#e9f0f6}.customer-table tbody tr:hover{background:#f7fbff}.order-card{border-color:#d6e3ee;background:#fff;box-shadow:var(--shadow-sm)}.payment-qr-card{border-color:#d6e3ee;box-shadow:var(--shadow-sm)}.feedback-panel{gap:16px}.feedback-item,.project-card,.price-card{box-shadow:var(--shadow-sm)}.admin-reply{border-color:#bde3d1;background:#f1fbf7}.guide-dialog,.profile-dialog{border-color:#bfd0dfe6;box-shadow:0 28px 76px #0f172a3d}.guide-header{background:linear-gradient(180deg,#fff,#f7fbff)}.guide-step{border-color:#d7e3ee;background:linear-gradient(180deg,#fff,#f8fbff)}.guide-step-index{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.profile-actions{align-items:center}@media(prefers-reduced-motion:no-preference){.panel,.auth-card,.experiment-button,.metric-grid div{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}}@media(max-width:1180px){.product-grid,.secondary-grid{grid-template-columns:1fr}.category-stack{max-height:520px}}@media(max-width:960px){.auth-card{grid-template-columns:1fr}.auth-intro{padding:20px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-header{align-items:flex-start;gap:12px;padding-top:12px;padding-bottom:12px}.brand{min-height:44px}.header-actions{justify-content:flex-end;flex-wrap:wrap}.ghost-button,.user-pill{min-height:38px}.auth-card,.panel{padding:18px}.auth-mode-switch,.form-grid,.admin-metrics,.metric-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.parameter-grid,.password-reset-inline{grid-template-columns:1fr}}body{background:linear-gradient(180deg,#fff 0,#f4f8fc 84px,#eaf2f8),var(--app-bg)}.app-shell{position:relative}.app-shell:before{content:"";position:fixed;inset:76px 0 auto;height:160px;pointer-events:none;background:linear-gradient(90deg,#2563eb1f,#0f766e1a 42%,#fff0);z-index:-1}.app-header{box-shadow:0 16px 40px #0f172a14}.brand-mark{position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:6px auto auto 6px;width:10px;height:10px;border-radius:4px;background:#ffffff3d}.top-nav{min-height:48px;padding:5px;background:#f3f8fd;box-shadow:inset 0 1px #fff}.top-nav a{min-height:36px;display:inline-flex;align-items:center}.page{padding-top:28px}.product-grid{grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr)}.panel{border-radius:10px}.library-panel{position:sticky;top:98px;max-height:calc(100vh - 118px);display:flex;flex-direction:column}.library-panel .section-heading{padding-bottom:16px;border-bottom:1px solid #e8eff6}.library-tools{padding:14px;border:1px solid #dce8f2;border-radius:8px;background:#f7fbff}.library-search input{min-height:54px;font-size:18px}.library-filter{padding-top:2px}.filter-button{padding:8px 13px}.category-stack{flex:1;max-height:none;margin-top:4px}.category-group{padding:14px}.category-group h3{font-size:17px}.experiment-button{min-height:82px;padding:13px 16px;border-radius:8px}.experiment-button span{font-size:17px}.experiment-button small{font-size:14px}.workspace-panel{padding:28px 30px}.workspace-panel>.section-heading{margin:-28px -30px 24px;padding:28px 30px 24px;border-bottom:1px solid #e5eef6;background:linear-gradient(135deg,#eaf2fff2,#fffffffa 56%),#fff}.workspace-panel>.section-heading h2{font-size:clamp(32px,3vw,46px)}.workspace-panel>.section-heading p{max-width:720px;font-size:16px}.workspace-panel>.section-heading .count-badge{padding:9px 16px;font-size:16px}.workspace-panel .parts-row{margin-top:-6px}.workspace-panel .part-chip{padding:8px 14px;font-size:14px}.learner-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0}.learner-detail-card,.result-box,.parameter-panel,.flash-panel,.draft-card,.admin-customers,.admin-orders,.paid-custom-card,.feedback-item,.project-card{position:relative}.learner-detail-card{min-height:210px;padding:20px}.learner-detail-card:before,.result-box:before,.parameter-panel:before,.flash-panel:before,.draft-card:before,.admin-customers:before,.admin-orders:before,.paid-custom-card:before,.feedback-item:before,.project-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,var(--primary),var(--success))}.learner-detail-card:nth-child(1):before{background:linear-gradient(90deg,#0f766e,#14b8a6)}.learner-detail-card:nth-child(2):before{background:linear-gradient(90deg,var(--primary),#60a5fa)}.learner-detail-card:nth-child(3):before{background:linear-gradient(90deg,#f59e0b,#f97316)}.learner-detail-card h3,.result-box h3,.parameter-panel h3,.flash-panel h3,.draft-card h3{font-size:18px}.compact-list,.step-list{font-size:15px}.lesson-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:stretch;margin-top:8px}.lesson-layout>div:first-child{padding:20px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:var(--shadow-sm)}.lesson-layout>div:first-child h3{margin-top:0;color:var(--text-strong);font-size:20px}.result-box{padding:22px}.parameter-panel{padding:20px;background:linear-gradient(180deg,#fff,#f7fbff)}.parameter-panel>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.parameter-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.parameter-field{padding:12px;border:1px solid #dbe7f1;border-radius:8px;background:#fff}.parameter-field input{min-height:50px;font-size:18px;font-weight:800}.code-card{margin-top:18px;border-radius:10px}.code-card-header{min-height:52px;padding:12px 16px}.code-card-header strong{font-size:15px}pre{max-height:460px;overflow:auto;padding:18px}.custom-panel,.project-panel,.feedback-panel,.admin-panel{padding:26px 28px}.custom-panel .section-heading,.feedback-panel .section-heading,.project-panel .section-heading,.admin-panel>.section-heading{padding-bottom:16px;border-bottom:1px solid #e8eff6}.custom-panel textarea,.feedback-panel textarea{min-height:132px}.ai-actions{padding:12px;border:1px solid #dbe7f1;border-radius:8px;background:#f7fbff}.draft-card,.paid-custom-card{padding:20px}.metric-grid div{border-radius:10px}.admin-metrics div{background:linear-gradient(180deg,#fff,#f4f9ff)}.admin-customers,.admin-orders{padding:20px;background:#f8fbff}.customer-table th,.customer-table td{padding:14px 16px}.feedback-panel{margin-bottom:18px}@media(max-width:1180px){.library-panel{position:static;max-height:none}.workspace-panel{padding:22px}.workspace-panel>.section-heading{margin:-22px -22px 20px;padding:22px}.learner-detail-grid,.lesson-layout,.parameter-grid{grid-template-columns:1fr}}@media(max-width:720px){.app-shell:before{top:70px;height:120px}.app-header{position:static}.brand-mark{width:36px;height:36px}.page{padding-top:16px}.library-search input{font-size:16px}.workspace-panel>.section-heading h2{font-size:30px}.workspace-panel>.section-heading .count-badge{width:fit-content;font-size:14px}.learner-detail-card{min-height:auto}pre{max-height:360px}}:root{--cyan: #0891b2;--cyan-soft: #e6f7fb;--violet: #7c3aed;--violet-soft: #f1ecff;--orange: #ea580c;--orange-soft: #fff2e8;--pink: #db2777;--pink-soft: #fff0f6;--lime: #65a30d;--lime-soft: #f1f8df}body{background:linear-gradient(180deg,#fff 0,#f7fbff 78px,#ecf6fff5 210px,#edf5fb),linear-gradient(115deg,#2563eb24,#0891b21a 30%,#0f766e1f 58%,#ea580c14)}.app-shell:before{height:210px;background:linear-gradient(90deg,#2563eb29,#0891b21f 24%,#0f766e1f,#ea580c1a 76%,#7c3aed14)}.brand-mark{background:linear-gradient(135deg,#2563eb,#0891b2 46%,#0f766e)}.top-nav{border-color:#c8d8ee;background:linear-gradient(#f8fbff,#f8fbff) padding-box,linear-gradient(90deg,#2563eb57,#0891b247,#0f766e47) border-box;box-shadow:0 10px 22px #2563eb14}.top-nav a:nth-child(1):hover{color:var(--primary);background:var(--primary-soft)}.top-nav a:nth-child(2):hover{color:var(--violet);background:var(--violet-soft)}.top-nav a:nth-child(3):hover{color:var(--orange);background:var(--orange-soft)}.top-nav a:nth-child(4):hover{color:var(--success);background:var(--success-soft)}.panel,.code-card,.metric-grid div{border-radius:8px}.panel{border-color:#bccfe1e6;box-shadow:0 22px 52px #0f172a1a}.panel:before{height:5px}.library-panel:before{background:linear-gradient(90deg,var(--success),var(--cyan),var(--primary))}.workspace-panel:before{background:linear-gradient(90deg,var(--primary),var(--cyan),var(--success))}.custom-panel:before{background:linear-gradient(90deg,var(--violet),var(--primary),var(--orange))}.feedback-panel:before{background:linear-gradient(90deg,var(--orange),var(--pink),var(--primary))}.admin-panel:before{background:linear-gradient(90deg,var(--success),var(--cyan),var(--violet))}.primary-button{background:linear-gradient(135deg,#2563eb,#0d73d8 46%,#0f766e)}.secondary-button{color:#1557c0;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#2563eb80,#0891b261) border-box;border:1px solid transparent}.help-button{color:#1d4ed8;background:linear-gradient(135deg,#eef5ff,#e7f8f3)}.user-pill{background:linear-gradient(135deg,#e7f8f3,#f1f8df)}.count-badge{border-color:#bdd3fa;background:linear-gradient(135deg,#edf4ff,#e6f7fb)}.library-tools{background:linear-gradient(180deg,#fffffffa,#f5fafff5),linear-gradient(135deg,#0f766e14,#2563eb14)}.library-search input{border-color:#b8d0ea;background:#fff}.filter-button:nth-child(1).active{color:var(--primary);background:var(--primary-soft)}.filter-button:nth-child(2).active{color:var(--success);background:var(--success-soft)}.filter-button:nth-child(3).active{color:var(--cyan);background:var(--cyan-soft)}.filter-button:nth-child(4).active{color:var(--violet);background:var(--violet-soft)}.filter-button:nth-child(5).active{color:var(--orange);background:var(--orange-soft)}.filter-button:nth-child(6).active{color:var(--pink);background:var(--pink-soft)}.category-group{overflow:hidden;border-left:5px solid var(--primary)}.category-group:nth-child(5n+1){border-left-color:var(--success);background:linear-gradient(180deg,#fff,#f2fbf7)}.category-group:nth-child(5n+2){border-left-color:var(--primary);background:linear-gradient(180deg,#fff,#f4f8ff)}.category-group:nth-child(5n+3){border-left-color:var(--violet);background:linear-gradient(180deg,#fff,#f7f3ff)}.category-group:nth-child(5n+4){border-left-color:var(--orange);background:linear-gradient(180deg,#fff,#fff6ed)}.category-group:nth-child(5n+5){border-left-color:var(--cyan);background:linear-gradient(180deg,#fff,#eefaff)}.experiment-button{border-color:#bccfe1e6}.experiment-button.active{border-color:#8fb2ef;background:linear-gradient(90deg,#2563eb1f,#0891b214),#fff}.workspace-panel>.section-heading{background:linear-gradient(120deg,#e8f2ff,#e6f7fbeb 48%,#f1f8dfd1),#fff}.workspace-panel>.section-heading h2{color:#0f172a}.workspace-panel .part-chip:nth-child(5n+1),.draft-card .part-chip:nth-child(5n+1){color:var(--success);background:var(--success-soft)}.workspace-panel .part-chip:nth-child(5n+2),.draft-card .part-chip:nth-child(5n+2){color:var(--primary);background:var(--primary-soft)}.workspace-panel .part-chip:nth-child(5n+3),.draft-card .part-chip:nth-child(5n+3){color:var(--cyan);background:var(--cyan-soft)}.workspace-panel .part-chip:nth-child(5n+4),.draft-card .part-chip:nth-child(5n+4){color:var(--orange);background:var(--orange-soft)}.workspace-panel .part-chip:nth-child(5n+5),.draft-card .part-chip:nth-child(5n+5){color:var(--violet);background:var(--violet-soft)}.learner-detail-card:nth-child(1){background:linear-gradient(180deg,#fff,#f1fbf7)}.learner-detail-card:nth-child(2){background:linear-gradient(180deg,#fff,#f3f7ff)}.learner-detail-card:nth-child(3){background:linear-gradient(180deg,#fff,#fff7ed)}.lesson-layout>div:first-child{background:linear-gradient(180deg,#fff,#f7fbff)}.result-box{background:linear-gradient(180deg,#fff,#f6f3ff)}.result-box:before{background:linear-gradient(90deg,var(--violet),var(--primary))}.parameter-panel{background:linear-gradient(180deg,#fff,#f8fbff),linear-gradient(135deg,#2563eb14,#0f766e14)}.parameter-panel:before{background:linear-gradient(90deg,var(--primary),var(--cyan),var(--success))}.parameter-field:nth-child(4n+1){border-color:#bdd7ce;background:#f4fbf8}.parameter-field:nth-child(4n+2){border-color:#c4d6f7;background:#f4f8ff}.parameter-field:nth-child(4n+3){border-color:#c3e4ec;background:#f0faff}.parameter-field:nth-child(4n+4){border-color:#f2d6bd;background:#fff7ef}.flash-panel:before{background:linear-gradient(90deg,var(--orange),var(--primary))}.code-card{border-color:#18354b;background:linear-gradient(180deg,#162a3afa,#0d161ffa);box-shadow:0 22px 44px #101a243d}.code-card-header{background:linear-gradient(90deg,#1b2b38,#16364a,#103f3b)}.custom-panel{background:linear-gradient(180deg,#fffffffa,#fafcfffa),linear-gradient(135deg,#7c3aed14,#ea580c12)}.ai-actions{background:linear-gradient(135deg,var(--violet-soft),var(--primary-soft),var(--orange-soft))}.draft-card:before{background:linear-gradient(90deg,var(--violet),var(--primary),var(--cyan))}.paid-custom-card:before{background:linear-gradient(90deg,var(--orange),var(--pink))}.metric-grid div:nth-child(5n+1){border-color:#bdd7ce;background:linear-gradient(180deg,#ffffff,var(--success-soft))}.metric-grid div:nth-child(5n+2){border-color:#c4d6f7;background:linear-gradient(180deg,#ffffff,var(--primary-soft))}.metric-grid div:nth-child(5n+3){border-color:#c8d9ff;background:linear-gradient(180deg,#ffffff,var(--violet-soft))}.metric-grid div:nth-child(5n+4){border-color:#f2d6bd;background:linear-gradient(180deg,#ffffff,var(--orange-soft))}.metric-grid div:nth-child(5n+5){border-color:#bee4ec;background:linear-gradient(180deg,#ffffff,var(--cyan-soft))}.feedback-item:before,.project-card:before{background:linear-gradient(90deg,var(--cyan),var(--primary))}.admin-customers:before{background:linear-gradient(90deg,var(--success),var(--cyan))}.admin-orders:before{background:linear-gradient(90deg,var(--orange),var(--violet))}@media(max-width:720px){.app-shell:before{background:linear-gradient(90deg,#2563eb1f,#0f766e1a,#ea580c14)}.workspace-panel,.custom-panel,.project-panel,.feedback-panel,.admin-panel{padding:18px}}.library-panel{display:block;max-height:none;overflow:visible}.category-stack{display:grid;grid-auto-rows:max-content;align-content:start;gap:16px;flex:none;min-height:420px;max-height:calc(100vh - 350px);overflow-y:auto;overflow-x:hidden;padding:2px 8px 6px 0}.category-group{display:block;min-height:max-content;overflow:visible;padding:18px;border-width:1px 1px 1px 7px;box-shadow:0 14px 28px #0f172a12}.category-group h3{display:flex;align-items:center;gap:8px;margin-bottom:8px}.category-group h3:before{content:"";width:12px;height:12px;flex:0 0 12px;border-radius:4px;background:currentColor}.category-group:nth-child(5n+1) h3{color:var(--success)}.category-group:nth-child(5n+2) h3{color:var(--primary)}.category-group:nth-child(5n+3) h3{color:var(--violet)}.category-group:nth-child(5n+4) h3{color:var(--orange)}.category-group:nth-child(5n+5) h3{color:var(--cyan)}.experiment-list{grid-template-columns:1fr;gap:10px}.experiment-button{position:relative;z-index:1;min-height:76px;overflow:visible;padding:14px 16px 14px 18px;border-width:1px;pointer-events:auto}.experiment-button:before{content:"";position:absolute;inset:12px auto 12px 0;width:5px;border-radius:0 999px 999px 0;background:var(--primary)}.category-group:nth-child(5n+1) .experiment-button:before{background:var(--success)}.category-group:nth-child(5n+2) .experiment-button:before{background:var(--primary)}.category-group:nth-child(5n+3) .experiment-button:before{background:var(--violet)}.category-group:nth-child(5n+4) .experiment-button:before{background:var(--orange)}.category-group:nth-child(5n+5) .experiment-button:before{background:var(--cyan)}.category-group:nth-child(5n+1) .experiment-button.active{border-color:#86c8af;color:var(--success);background:linear-gradient(90deg,#0f766e1f,#fffffffa)}.category-group:nth-child(5n+2) .experiment-button.active{border-color:#91b5f1;color:var(--primary);background:linear-gradient(90deg,#2563eb1f,#fffffffa)}.category-group:nth-child(5n+3) .experiment-button.active{border-color:#b9a0f7;color:var(--violet);background:linear-gradient(90deg,#7c3aed1f,#fffffffa)}.category-group:nth-child(5n+4) .experiment-button.active{border-color:#f0b98b;color:var(--orange);background:linear-gradient(90deg,#ea580c1f,#fffffffa)}.category-group:nth-child(5n+5) .experiment-button.active{border-color:#8ed3e4;color:var(--cyan);background:linear-gradient(90deg,#0891b21f,#fffffffa)}.filter-button:nth-child(6n+1){border-color:#bcd2fa;color:var(--primary);background:#f4f8ff}.filter-button:nth-child(6n+2){border-color:#b9dece;color:var(--success);background:#f2fbf7}.filter-button:nth-child(6n+3){border-color:#bee4ec;color:var(--cyan);background:#effaff}.filter-button:nth-child(6n+4){border-color:#d1c1fb;color:var(--violet);background:#f6f1ff}.filter-button:nth-child(6n+5){border-color:#f2d0b7;color:var(--orange);background:#fff6ed}.filter-button:nth-child(6n+6){border-color:#f0b8d2;color:var(--pink);background:#fff3f8}@media(max-width:1180px){.category-stack{min-height:auto;max-height:620px}}@media(max-width:720px){.category-stack{max-height:none;overflow:visible}.category-group{padding:14px}.experiment-button{min-height:70px}}.secondary-stack{display:grid;gap:20px}.secondary-stack .project-panel{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(280px,.7fr) minmax(320px,1.2fr);gap:18px;align-items:stretch;background:linear-gradient(135deg,#fffffffa,#effafff0),linear-gradient(90deg,#2563eb14,#db277712)}.secondary-stack .project-panel .section-heading{margin:0;padding:0 18px 0 0;border-right:1px solid #e4edf6;border-bottom:0}.secondary-stack .project-panel .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.secondary-stack .project-panel .metric-grid div{min-height:120px}.secondary-stack .project-panel .project-list{margin:0;align-self:stretch}.secondary-stack .project-panel .empty-text{min-height:120px;display:grid;align-content:center;padding:18px;border:1px dashed #b9d0e6;border-radius:8px;background:#ffffffb8}.secondary-stack .custom-panel{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:18px 22px;align-items:start}.secondary-stack .custom-panel>.section-heading{grid-column:1 / -1;margin-bottom:0}.secondary-stack .custom-panel>.field{grid-column:1}.secondary-stack .custom-panel>.ai-actions{grid-column:1;margin-top:0}.secondary-stack .custom-panel>.success-text,.secondary-stack .custom-panel>.warning-text{grid-column:1;margin:0}.secondary-stack .custom-panel>.draft-card{grid-column:2;grid-row:2 / span 5;margin-top:0;min-height:100%}.secondary-stack .custom-panel>.paid-custom-card{grid-column:1 / -1}.secondary-stack .custom-panel>.field textarea{min-height:220px}.secondary-stack .custom-panel .draft-card{background:linear-gradient(180deg,#fffffffa,#f7f3ffeb),linear-gradient(135deg,#7c3aed14,#0891b214)}.secondary-stack .custom-panel .draft-card .code-card pre{max-height:360px}.secondary-stack .ai-actions{min-height:112px;align-content:center}.secondary-stack .paid-custom-card{margin-top:0}@media(max-width:1280px){.secondary-stack .project-panel,.secondary-stack .custom-panel{grid-template-columns:1fr}.secondary-stack .project-panel .section-heading{padding:0 0 16px;border-right:0;border-bottom:1px solid #e4edf6}.secondary-stack .custom-panel>.section-heading,.secondary-stack .custom-panel>.field,.secondary-stack .custom-panel>.ai-actions,.secondary-stack .custom-panel>.success-text,.secondary-stack .custom-panel>.warning-text,.secondary-stack .custom-panel>.draft-card,.secondary-stack .custom-panel>.paid-custom-card{grid-column:1;grid-row:auto}}@media(max-width:720px){.secondary-stack{gap:16px}.secondary-stack .project-panel .metric-grid{grid-template-columns:1fr}.secondary-stack .custom-panel>.field textarea{min-height:160px}}.admin-heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px}.admin-refresh-time{color:var(--text-muted);font-size:14px;font-weight:700}.admin-refresh-error{margin:-4px 0 16px}.compact-button{min-height:38px;padding:8px 14px;border-radius:8px}.share-panel{margin-top:20px;background:linear-gradient(135deg,#fffffffa,#f0fdfaeb),linear-gradient(90deg,#14b8a614,#7c3aed14)}.share-panel:before{background:linear-gradient(90deg,#14b8a6,#2563eb,#7c3aed)}.shared-projects{margin-bottom:18px;padding:18px;border:1px solid #d7e8f6;border-radius:12px;background:linear-gradient(135deg,#ecfdf5e0,#eff6ffeb),#fff;box-shadow:var(--shadow-sm)}.shared-projects-heading,.shared-project-card-header,.shared-project-actions{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.shared-projects-heading{margin-bottom:14px}.shared-projects-heading h3,.shared-project-card h4{margin:6px 0 0;color:var(--text-strong)}.shared-project-grid{display:grid;gap:14px}.shared-project-card{padding:16px;border:1px solid #cfe0ef;border-radius:10px;background:#ffffffe6}.shared-project-card p{margin:8px 0 0;color:var(--text-muted);line-height:1.7}.shared-project-card .compact-list{margin:12px 0}.shared-project-actions{margin-top:14px;justify-content:flex-start;align-items:center;flex-wrap:wrap}.shared-project-actions .secondary-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.share-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:18px;align-items:start}.share-editor,.share-result{border:1px solid #dbe7f1;border-radius:10px;background:#ffffffd6;box-shadow:var(--shadow-sm)}.share-editor{display:grid;gap:14px;padding:18px}.share-editor textarea{min-height:280px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.share-result{min-height:360px;padding:18px}.share-result-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #e5eef6}.share-result-header h3,.share-empty h3{margin:8px 0;color:var(--text-strong);font-size:26px}.share-result-header p,.share-empty p{margin:0;color:var(--text-muted);line-height:1.7}.share-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.share-fact-grid article,.share-risk-box,.share-empty{padding:16px;border:1px solid #dbe7f1;border-radius:10px;background:#f8fbff}.share-fact-grid h4,.share-risk-box h4{margin:0 0 10px;color:var(--text-strong);font-size:17px}.share-fact-grid .compact-list,.share-risk-box .compact-list,.share-fact-grid .step-list{margin:0}.share-fact-grid .compact-list li{display:grid;gap:4px}.share-fact-grid .compact-list span{color:var(--text-muted)}.share-risk-box{margin-top:14px;background:#fff7ed;border-color:#fed7aa}.share-text-card pre{max-height:260px;white-space:pre-wrap}.share-empty{min-height:320px;display:grid;align-content:center;background:linear-gradient(135deg,#f0fdfafa,#eff6ffeb),#fff}@media(max-width:1180px){.share-layout{grid-template-columns:1fr}.share-editor textarea{min-height:220px}}@media(max-width:760px){.admin-heading-actions,.share-result-header,.shared-projects-heading,.shared-project-card-header{justify-content:flex-start}.shared-projects-heading,.shared-project-card-header{flex-direction:column}.share-fact-grid{grid-template-columns:1fr}}