:root{color-scheme:light;--bg: #f4f8f7;--surface: #ffffff;--line: #dbe7e5;--text: #172322;--muted: #677574;--primary: #0f766e;--primary-dark: #075f58;--primary-soft: #dff5f1;--warning-bg: #fff3c4;--warning-line: #e3b341;--danger: #b42318;--shadow: 0 10px 28px rgba(15, 37, 35, .08)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;margin:0}button,input{font:inherit}button{cursor:pointer}.landing-page{background:#f6fbfa;min-height:100vh}.landing-nav{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:1180px;padding:18px 24px}.landing-brand,.landing-actions,.landing-hero-actions{align-items:center;display:flex;gap:10px}.landing-brand strong{font-size:18px}.language-selector{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--primary);display:inline-flex;gap:8px;margin:0;min-height:40px;padding:0 10px}.language-selector span{color:var(--muted);font-size:12px;font-weight:800}.language-selector select{background:transparent;border:0;color:var(--text);font-weight:800;outline:0}.landing-hero{align-items:center;display:grid;gap:32px;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);margin:0 auto;max-width:1180px;min-height:560px;padding:36px 24px 48px}.landing-kicker{color:var(--primary);display:block;font-size:13px;font-weight:900;margin-bottom:12px;text-transform:uppercase}.landing-copy h1{color:var(--text);font-size:50px;letter-spacing:0;line-height:1.04;margin:0;max-width:760px}.landing-copy p{color:var(--muted);font-size:18px;line-height:1.55;max-width:680px}.landing-preview{display:grid;gap:14px}.landing-app-preview{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:18px}.landing-preview-header{border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:14px}.landing-preview-header span,.landing-preview-header strong{display:block}.landing-preview-header span{color:var(--muted);font-size:13px;font-weight:800;margin-bottom:4px}.landing-preview-header strong{color:var(--text);font-size:22px}.landing-summary-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.landing-summary-grid div,.landing-progress-card{background:#f8fbfa;border:1px solid var(--line);border-radius:8px;padding:12px}.landing-summary-grid span{color:var(--muted);display:block;font-size:12px;font-weight:800;margin-bottom:5px}.landing-summary-grid strong{color:var(--text);display:block;font-size:16px}.landing-progress-card .progress-track{background:var(--primary-soft)}.landing-progress-card .progress-fill{background:var(--primary)}.preview-card{border-radius:8px;box-shadow:var(--shadow);padding:22px}.active-preview{background:linear-gradient(140deg,var(--primary),var(--primary-dark));color:#fff}.preview-card span,.preview-card small{display:block;font-weight:800;opacity:.9}.preview-card strong{display:block;font-size:34px;margin:18px 0}.preview-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.preview-grid div,.landing-cards article,.landing-section.two-up article,.seo-section{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.preview-grid div{color:var(--primary);display:grid;gap:10px}.preview-grid b{color:var(--text);font-size:13px}.landing-section{margin:0 auto;max-width:1180px;padding:24px}.landing-section h2{font-size:28px;margin-bottom:16px}.landing-cards,.landing-section.two-up{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.landing-cards article strong{display:block;font-size:18px;margin-top:12px}.landing-cards article p,.landing-section.two-up p,.seo-section p{color:var(--muted);line-height:1.5}.landing-cards article span,.landing-cards article a{align-items:center;color:var(--primary);display:inline-flex;font-weight:900;gap:6px;text-decoration:none}.public-form-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:16px}.register-panel{max-width:760px}.public-form-page{align-items:flex-start;padding-top:40px}@keyframes spin{to{transform:rotate(360deg)}}.busy-overlay{align-items:center;background:#f4f8f7ad;display:flex;justify-content:center;inset:0;position:fixed;z-index:40}.busy-card{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;min-width:230px;padding:22px}.busy-card strong{color:var(--text);font-size:16px}.busy-card span,.inline-loading span{color:var(--muted);font-size:13px;font-weight:700}.busy-spinner{animation:spin .75s linear infinite;border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:999px;height:34px;width:34px}.busy-spinner.small{border-width:2px;height:18px;width:18px}.inline-loading{align-items:center;background:#f8fbfa;border:1px solid var(--line);border-radius:8px;display:inline-flex;gap:10px;margin-bottom:14px;padding:10px 12px}.login-page{align-items:center;display:flex;min-height:100vh;justify-content:center;padding:24px}.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);max-width:430px;padding:32px;width:100%}.brand-mark{align-items:center;background:var(--primary);border-radius:999px;color:#fff;display:flex;font-size:30px;font-weight:800;height:58px;justify-content:center;margin-bottom:16px;width:58px}.brand-mark.small{font-size:20px;height:40px;margin:0;width:40px}.app-logo-mark{border-radius:14px;display:block;object-fit:cover}.app-logo-mark.large{height:82px;margin-bottom:16px;width:82px}.app-logo-mark.small{height:40px;width:40px}h1,h2{margin:0}.login-panel h1{font-size:32px;margin-bottom:26px}label{color:var(--muted);display:block;font-size:13px;font-weight:700;margin:14px 0 7px}.input-shell,.search-box{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;gap:8px;padding:0 12px}.input-shell input,.search-box input{border:0;flex:1;min-height:44px;outline:0}.primary-action,.primary-inline-action,.secondary-action,.icon-button,.logout-button,.nav-item{border-radius:8px;min-height:40px}.primary-action{background:var(--primary);border:0;color:#fff;font-weight:800;margin-top:22px;width:100%}.login-secondary-action{justify-content:center;margin-top:12px;width:100%}.primary-inline-action{align-items:center;background:var(--primary);border:0;color:#fff;display:inline-flex;font-weight:800;gap:8px;padding:0 14px}.primary-inline-action:disabled,.primary-action:disabled{cursor:default;opacity:.68}.secondary-action{align-items:center;background:#fff;border:1px solid var(--line);color:var(--primary);display:inline-flex;font-weight:800;gap:8px;padding:0 14px}.form-error,.notice.error{color:var(--danger)}.form-error{font-size:13px;margin-top:12px}.app-shell{display:flex;min-height:100vh}.app-shell.single-panel{display:block}.sidebar{background:#10201f;color:#fff;display:flex;flex-direction:column;flex-shrink:0;padding:18px;width:278px}.sidebar-head{align-items:center;display:flex;justify-content:space-between;gap:12px;margin-bottom:22px}.sidebar-title{align-items:center;display:flex;gap:12px}.sidebar-close{align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fff;display:none;height:38px;justify-content:center;width:38px}.sidebar-backdrop{display:none}.sidebar-head span,.user-card span{color:#b9ccca;display:block;font-size:13px;margin-top:2px}.user-card{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;margin-bottom:18px;padding:14px}nav{display:grid;gap:8px}.nav-item,.logout-button{align-items:center;background:transparent;border:0;color:#e4f3f1;display:flex;gap:10px;padding:0 12px;text-align:left}.nav-item.active{background:#ffffff1f}.logout-button{margin-top:auto}.main-content{flex:1;min-width:0;padding:22px}.topbar{align-items:center;display:flex;gap:14px;margin-bottom:18px}.topbar h2{font-size:24px}.topbar span{color:var(--muted);font-size:13px}.mobile-menu{display:none}.icon-button{background:#fff;border:1px solid var(--line);color:var(--primary);width:42px}.notice{background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:12px;padding:12px 14px}.notice.warning{background:#fff9df;border-color:var(--warning-line);color:#6b4a00}.notice.success{background:#e8f7f3;border-color:#8acdc2;color:var(--primary-dark)}.section-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.section-toolbar.compact{justify-content:flex-start}.search-box{max-width:460px;width:min(100%,460px)}.period-stepper{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:inline-flex;min-height:42px;overflow:hidden}.period-step-button{align-items:center;background:#f5faf9;border:0;color:var(--primary);display:inline-flex;font-size:18px;font-weight:900;height:42px;justify-content:center;width:42px}.chain-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.chain-card{border-radius:8px;border-width:1px;box-shadow:var(--shadow);padding:14px;text-align:left;width:100%}.chain-card-active{background:linear-gradient(140deg,var(--primary),var(--primary-dark));border-color:var(--primary-dark);color:#fff}.chain-card-inactive{background:var(--warning-bg);border-color:var(--warning-line);color:var(--text)}.chain-card-top,.chain-card-meta,.chain-progress-label{align-items:center;display:flex;justify-content:space-between;gap:10px}.chain-card-hint{color:inherit;font-size:13px;font-weight:700;opacity:.86}.status-pill{border-radius:999px;font-size:12px;font-weight:800;padding:5px 10px}.status-pill.active{background:#ffffff38}.status-pill.inactive{background:#f3d36b;color:#5b3900}.chain-card-title{font-size:20px;font-weight:850;margin:10px 0 12px}.chain-card-metrics{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.chain-card-metrics span{display:block;font-size:12px;font-weight:700;opacity:.85}.chain-card-metrics strong{align-items:center;display:flex;gap:6px;font-size:16px;margin-top:4px}.chain-card-meta,.chain-progress-label{font-size:13px;font-weight:700;margin-top:9px}.progress-track{background:#ffffff40;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.chain-card-inactive .progress-track{background:#7a4b002e}.progress-fill{background:currentColor;height:100%}.detail-header{display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto}.tab{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--text);font-weight:800;min-height:40px;padding:0 18px}.tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.summary-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.summary-grid.compact-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:14px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.summary-card span{color:var(--muted);display:block;font-size:13px;margin-bottom:8px}.summary-card strong{font-size:24px}.commercial-page{max-width:1120px}.page-heading{margin-bottom:14px}.page-heading h3{font-size:26px;margin:0 0 4px}.page-heading span{color:var(--muted);font-size:14px}.plans-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.plan-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:18px}.plan-card-head{align-items:center;color:var(--text);display:flex;gap:10px;margin-bottom:12px}.plan-card-head svg{color:var(--primary)}.plan-card-head strong{font-size:19px}.plan-price{color:var(--primary);font-size:23px;font-weight:900;margin-bottom:12px}.plan-meta{color:var(--muted);font-size:14px;line-height:1.45;margin:8px 0}.plan-limit{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;padding:10px 0}.plan-limit span{color:var(--muted);font-size:13px;font-weight:800}.plan-limit strong{font-size:15px}.compact-action{align-items:center;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:0 16px}.legal-panel{background:#fff;border:1px solid var(--line);border-radius:8px;margin-top:14px;padding:16px}.legal-panel strong,.legal-panel span{display:block}.legal-panel span{color:var(--muted);font-size:13px;line-height:1.45;margin-top:6px}.legal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.legal-actions a{align-items:center;border:1px solid var(--line);border-radius:8px;color:var(--primary);display:inline-flex;font-weight:800;gap:6px;min-height:36px;padding:0 12px;text-decoration:none}.support-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);max-width:620px;padding:22px}.support-card strong{display:block;font-size:22px;margin-bottom:8px}.support-card>span{color:var(--muted);display:block;line-height:1.45;margin-bottom:16px}.support-icon{align-items:center;background:var(--primary-soft);border-radius:8px;color:var(--primary);display:flex;height:54px;justify-content:center;margin-bottom:14px;width:54px}.support-detail{align-items:center;border-top:1px solid var(--line);color:var(--text);display:flex;gap:9px;padding:11px 0}.support-detail svg{color:var(--primary)}.support-action{align-items:center;display:inline-flex;gap:8px;justify-content:center;margin-top:12px;max-width:230px}.subscription-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);margin-bottom:14px;max-width:720px;padding:22px}.subscription-card strong,.subscription-card>span{display:block}.subscription-card>strong{font-size:23px;margin-bottom:6px}.subscription-card>span{color:var(--primary);font-weight:900;margin-bottom:14px}.subscription-row{align-items:center;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:11px 0}.subscription-row small{color:var(--muted);font-size:13px;font-weight:800}.subscription-row b{text-align:right}.warning-subscription{background:#fff9df;border-color:var(--warning-line);box-shadow:none}.compact-subscription{box-shadow:none}.subscription-plans-button{margin-top:2px}.compact-tabs{max-width:460px}.admin-list{display:grid;gap:10px}.admin-list-card{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:14px;text-align:left;width:100%}.admin-list-card strong,.admin-list-card span,.admin-list-card small{display:block}.admin-list-card strong{font-size:16px;margin-bottom:5px}.admin-list-card span{color:var(--text);font-size:14px;margin-bottom:4px}.admin-list-card small{color:var(--muted);font-size:13px}.admin-list-card.static-card{cursor:default}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);margin-top:12px;padding:18px}.admin-panel-heading{align-items:center;display:flex;gap:12px;margin-bottom:14px}.admin-panel-heading svg{color:var(--primary)}.admin-panel-heading strong,.admin-panel-heading span{display:block}.admin-panel-heading strong{font-size:20px}.admin-panel-heading span{color:var(--muted);font-size:13px;margin-top:3px}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.admin-section-title{font-size:18px;margin:18px 0 10px}.keychain-form{max-width:860px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:auto}table{border-collapse:collapse;min-width:760px;width:100%}th,td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left}th{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}tr:last-child td{border-bottom:0}.danger-row td{background:#fff2f0;color:var(--danger)}.empty-state{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--muted);padding:24px}.period-input{border:0;font-weight:800;min-height:42px;outline:0;padding:0 8px;text-align:center;width:74px}.form-page{max-width:920px}.form-panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:20px}.form-title{margin-bottom:14px}.form-title h3{font-size:24px;margin:0}.form-title span{color:var(--muted);display:block;font-size:13px;margin-top:4px}.form-field{margin-bottom:4px}.form-section-title{border-top:1px solid var(--line);color:var(--text);font-size:14px;font-weight:850;margin-top:18px;padding-top:16px;text-transform:uppercase}.field-hint{color:var(--muted);font-size:12px;font-weight:700;margin:6px 0 4px}.form-input{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--text);min-height:44px;outline:0;padding:0 12px;width:100%}.form-input.text-area{min-height:96px;padding-top:10px;resize:vertical}.form-input.disabled{background:#f5f8f7;color:var(--muted)}.access-input{max-width:520px}.compact-form-action{max-width:220px}.selector-card{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--text);display:block;margin-bottom:8px;min-height:54px;padding:11px 12px;text-align:left;width:100%}.selector-card span{display:block;font-weight:800}.selector-card small{color:var(--muted);display:block;font-size:12px;margin-top:3px}.selector-card.selected{background:var(--primary);border-color:var(--primary);color:#fff}.selector-card.selected small{color:#ffffffd1}.selector-card.disabled{background:#f5f8f7;cursor:default;opacity:.72}.selector-list{margin-top:12px;max-height:58vh;overflow:auto;padding-right:4px}.search-box.full{max-width:none;width:100%}.segmented-row{display:flex;flex-wrap:wrap;gap:8px}.two-column-form{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.segment{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--text);font-weight:800;min-height:40px;padding:0 14px}.segment.selected{background:var(--primary);border-color:var(--primary);color:#fff}.segment:disabled{cursor:default;opacity:.65}.table-action{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--primary);display:inline-flex;font-weight:800;gap:6px;min-height:34px;padding:0 12px}.table-action.danger{border-color:#fecaca;color:#b91c1c}.table-action-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.table-status-select{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--text);font-weight:800;min-height:34px;padding:0 10px}.file-input{padding:10px}.file-button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--primary);display:inline-flex;font-weight:800;gap:8px;margin-top:10px;min-height:36px;padding:0 12px}.file-button input{display:none}.profile-photo-row{align-items:center;display:flex;gap:14px;margin-bottom:18px}.profile-photo-preview{align-items:center;background:var(--primary-soft);border:1px solid #A7F3D0;border-radius:999px;color:var(--primary);display:flex;font-size:20px;font-weight:900;height:68px;justify-content:center;width:68px}.profile-photo-preview.square{border-radius:8px}.credential-card-web{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);max-width:620px;padding:24px}.credential-card-web.compact{box-shadow:none;margin-top:16px}.credential-card-web h3{font-size:24px;margin:0 0 4px}.credential-card-web>span{color:var(--muted);display:block;margin-bottom:18px}.credential-row{border-top:1px solid var(--line);padding:14px 0}.credential-row small{color:var(--muted);display:block;font-size:13px;font-weight:800;margin-bottom:4px}.credential-row strong{font-size:24px}@media(max-width:860px){.app-shell{display:block}.sidebar{bottom:0;left:0;position:fixed;top:0;transform:translate(-100%);transition:transform .18s ease;z-index:10}.sidebar-close{display:inline-flex}.sidebar-backdrop{background:#0f201f61;border:0;display:block;inset:0;position:fixed;z-index:9}.sidebar.open{transform:translate(0)}.mobile-menu{display:inline-flex;align-items:center;justify-content:center}.main-content{padding:16px}.section-toolbar,.detail-header{align-items:stretch;flex-direction:column}.detail-actions{justify-content:stretch}.detail-actions .secondary-action,.section-toolbar .secondary-action,.section-toolbar .primary-inline-action{justify-content:center}.chain-grid,.chain-card-metrics,.two-column-form{grid-template-columns:1fr}.landing-nav,.landing-actions,.landing-hero-actions{align-items:stretch;flex-direction:column}.landing-nav{align-items:stretch}.landing-hero,.landing-cards,.landing-section.two-up{grid-template-columns:1fr}.landing-copy h1{font-size:36px}.preview-grid{grid-template-columns:1fr}}
