:root{--color-white: #ffffff;--color-brand-black: #1f2228;--color-brand-green: #caeb00;--color-brand-green-hover: #eeff84;--color-brand-green-active: #d5f145;--color-brand-dark-blue: #151f29;--color-surface-recessed: #f8f9fa;--color-tag-bg: #f2f4f9;--color-divider-light: #e0e0e0;--color-text-on-light: #333333;--color-text-on-light-secondary: #5f6670;--color-text-on-light-tertiary: #767d85;--color-input-border: rgba(31, 34, 40, .2);--status-success-bg: #e8f5e9;--status-success-border: #4caf50;--status-success-text: #2e7d32;--status-error-bg: #ffebee;--status-error-border: #f44336;--status-error-text: #c62828;--status-warning-bg: #fffbea;--status-warning-border: #f0c33c;--status-warning-text: #7a5713;--status-info-bg: #e3f2fd;--status-info-border: #2196f3;--status-info-text: #0d47a1;--font-heading: "Open Sans", "Inter", "Arial", sans-serif;--font-body: "Open Sans", "Inter", "Arial", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-panel: 28px;--radius-panel-mobile: 30px;--radius-card: 24px;--radius-input: 20px;--radius-block: 16px;--radius-detail: 12px;--radius-pill: 999px;--shadow-card: 0 10px 40px rgba(15, 23, 42, .08);--shadow-input-inset: inset 0 1px 2px rgba(15, 23, 42, .04);--overlay-scrim: rgba(0, 0, 0, .6);--pad-panel: clamp(14px, 2vw, 20px);--pad-gutter: clamp(16px, 4vw, 60px);--gap-section: 60px;--gap-section-mobile: 40px;--gap-fields: 18px;--max-shell: 1200px;--max-content: 1100px;--max-panel: 760px;--transition-fast: .2s ease}:root{--surface-page: #ffffff;--surface-chrome: #222222;--surface-panel: #f1f3f8;--surface-panel-border: #e4e7ee;--shadow-panel: none;--card-border: #e6e8ec;--text-primary: #1f2228;--text-secondary: rgba(31, 34, 40, .85);--text-muted: #5f6670;--hairline: #e5e7eb;--accent-ink: #5a6b00;--accent-ink-hover: #454f00;--focus-ring: #1f2228;--text-on-chrome: #ffffff;--text-on-chrome-secondary: rgba(255, 255, 255, .82);--accent-on-chrome: var(--color-brand-green);--accent-on-chrome-hover: var(--color-brand-green-hover);--hairline-on-chrome: rgba(255, 255, 255, .16)}@media(max-width:768px){:root{--pad-panel: 12px;--pad-gutter: 12px;--radius-card: 18px}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-body);font-size:16px;line-height:1.6;background:var(--surface-page);color:var(--text-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.panel{background:var(--surface-panel);border:1px solid var(--surface-panel-border);border-radius:var(--radius-panel);padding:var(--pad-panel);box-shadow:var(--shadow-panel)}.card{background:var(--color-white);border:1px solid var(--card-border);border-radius:var(--radius-card);padding:clamp(24px,4vw,32px);color:var(--color-brand-black);display:flex;flex-direction:column;gap:18px}.card-head{display:flex;align-items:flex-start;gap:16px}.card-head-text{display:flex;flex-direction:column;gap:4px;min-width:0}.card-title{font-family:var(--font-heading);font-weight:700;font-size:20px;margin:0;color:var(--color-brand-black)}.card-body{margin:0;font-size:15px;color:var(--color-text-on-light-secondary);line-height:1.55;max-width:60ch}.icon-tile{width:44px;height:44px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.icon-tile.success{background:var(--status-success-bg);color:var(--status-success-text)}.icon-tile.neutral{background:var(--color-tag-bg);color:#6b7280}.icon-tile.error{background:var(--status-error-bg);color:var(--status-error-text)}.card-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-primary{width:100%;padding:18px;background:var(--color-brand-green);color:#000;border:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:18px;font-weight:600;cursor:pointer;transition:background var(--transition-fast);letter-spacing:.5px;text-transform:uppercase}.btn-primary:hover{background:var(--color-brand-green-hover)}.btn-primary:active{background:var(--color-brand-green-active)}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-primary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.btn-primary.inline{width:auto;font-size:15px;padding:14px 28px}.btn-secondary{width:100%;padding:16px 18px;background:transparent;color:var(--color-brand-black);border:1px solid rgba(31,34,40,.25);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:16px;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);letter-spacing:.3px}.btn-secondary:hover{background:#1f22280d;border-color:#1f222873}.btn-secondary:focus-visible{outline:2px solid var(--color-brand-black);outline-offset:3px}.btn-secondary.inline{width:auto;font-size:15px;padding:13px 28px}.value-block{background:var(--color-surface-recessed);border:1px solid #e9ecef;border-radius:var(--radius-block);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.value-block-label{font-size:12px;text-transform:uppercase;color:var(--color-text-on-light-secondary);font-weight:600;letter-spacing:.06em;margin-bottom:4px}.value-block-value{font-family:var(--font-mono);font-size:clamp(24px,5vw,32px);font-weight:600;letter-spacing:.08em;color:var(--color-brand-black);font-variant-numeric:tabular-nums;word-break:break-all}.skeleton{border-radius:var(--radius-detail);background:linear-gradient(90deg,#eef0f3 25%,#f7f8fa,#eef0f3 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.alert{padding:12px 15px;border-radius:var(--radius-detail);font-size:14px;border:1px solid transparent}.alert.success{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success-text)}.alert.error{background:var(--status-error-bg);border-color:var(--status-error-border);color:var(--status-error-text)}.alert.warning{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning-text)}.alert.info{background:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info-text)}.field{display:flex;flex-direction:column}.field label{display:block;margin:0 0 6px;font-weight:700;color:var(--color-brand-black);font-size:16px}.field input{width:100%;padding:16px 18px;border:1px solid var(--color-input-border);border-radius:var(--radius-input);font-size:16px;font-family:var(--font-body);background:#fff9;box-shadow:var(--shadow-input-inset);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);color:var(--color-brand-black)}.field input::placeholder{color:#9aa0a8}.field input:focus{outline:none;border-color:var(--color-brand-black);box-shadow:0 0 0 1px #1f222866}.field input.invalid{border-color:var(--status-error-border);box-shadow:0 0 0 1px #f4433659}.field input:disabled,.field input[readonly]{background:#f0f1f3;color:#9aa0a8;cursor:not-allowed;border-color:#1f22281f;box-shadow:none}.field-msg{font-size:13px;margin-top:6px;line-height:1.45}.field-msg.error{color:var(--status-error-text)}.field-msg.hint{color:var(--color-text-on-light-secondary)}.field-row{display:flex;gap:var(--gap-fields);flex-wrap:wrap}.field-row>.field{flex:1;min-width:200px}.form-fields{display:flex;flex-direction:column;gap:15px}.page-shell{width:100%;max-width:var(--max-panel);margin-inline:auto;display:flex;flex-direction:column;gap:28px}.page-title{font-family:var(--font-heading);font-weight:700;font-size:clamp(28px,6vw,40px);line-height:1.15;margin:0;text-wrap:balance}.panel-stack{display:flex;flex-direction:column;gap:20px}a.btn-secondary{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.value-block-value.compact{font-size:20px}.card-loading{min-height:248px;justify-content:flex-start}.skeleton-tile{width:44px;height:44px;border-radius:14px;flex-shrink:0}.head-skeletons{flex:1;gap:10px;padding-top:2px}.skeleton-line-title{width:220px;max-width:50%;height:20px}.skeleton-line-body{width:360px;max-width:80%;height:14px}.skeleton-block{width:100%;height:96px;border-radius:var(--radius-block);margin-top:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.panel{border-radius:20px}.card{padding:18px 16px;gap:14px}.card-head{gap:12px}.value-block{padding:16px 18px}.btn-primary.inline,.btn-secondary.inline{width:100%}.field-row>.field{min-width:100%}}
