.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:998;display:none}.sidebar{width:280px;background-color:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:999;transform:translate(-100%);transition:transform .3s ease}.sidebar.sidebar-open{transform:translate(0)}.sidebar .sidebar-header{padding:32px 24px;border-bottom:1px solid #e9ecef}.sidebar .brand-link{color:inherit;cursor:default}.sidebar .sidebar-header h2{font-family:var(--font-heading);color:var(--color-ultramarine);margin-bottom:8px;font-size:1.75rem}.sidebar .sidebar-header p{color:#666;font-size:.9rem;margin:0}.sidebar .sidebar-nav{flex:1;padding:24px 0}.sidebar .nav-group{display:block}.sidebar .nav-group-header{width:100%;background:transparent;border:none;text-align:left;cursor:pointer;font-family:var(--font-body);font-size:1rem}.sidebar .nav-caret{margin-left:auto;transition:transform .2s ease;color:var(--admin-muted)}.sidebar .nav-caret-open{transform:rotate(90deg)}.sidebar .nav-group-children{margin-left:8px;padding-left:var(--admin-gap);border-left:1px solid var(--admin-border)}.sidebar .nav-child{padding-left:24px}.sidebar .nav-item{display:flex;align-items:center;gap:12px;padding:12px 24px;text-decoration:none;color:#666;transition:all .2s ease;border-left:3px solid transparent}.sidebar .nav-item:hover{background-color:#f8f9fa;color:var(--color-ultramarine)}.sidebar .nav-item-active{background-color:#2f3e9c1a;color:var(--color-ultramarine);border-left-color:var(--color-ultramarine)}.sidebar .nav-icon{font-size:1.25rem;width:24px;text-align:center}.sidebar .nav-text{font-weight:500}.sidebar .sidebar-footer{padding:24px;border-top:1px solid #e9ecef}.sidebar .sign-out-btn{display:flex;align-items:center;gap:12px;padding:12px 0;background:none;border:none;color:#666;cursor:pointer;transition:color .2s ease;font-family:var(--font-body);font-size:1rem;width:100%}.sidebar .sign-out-btn:hover{color:#dc3545}@media(min-width:769px){.sidebar{position:static;transform:translate(0)}}@media(max-width:768px){.sidebar-overlay{display:block}}.admin-header{background-color:#fff;border-bottom:1px solid #e9ecef;padding:16px 24px;display:flex;align-items:center;position:sticky;top:0;z-index:100}.sidebar-toggle{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.sidebar-toggle span{width:24px;height:2px;background-color:var(--color-text);transition:all .2s ease}.header-spacer{flex:1}.back-home-link{color:var(--color-ultramarine);text-decoration:none;font-weight:500;padding:8px 16px;border-radius:4px;transition:background-color .2s ease}.back-home-link:hover{background-color:#2f3e9c1a}@media(min-width:769px){.sidebar-toggle{display:none}}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;overflow:hidden}.card-padding-normal{padding:0}.card-padding-small{padding:16px}.card-padding-large{padding:32px}.card-shadow-normal{box-shadow:0 2px 8px #0000001a}.card-shadow-large{box-shadow:0 4px 16px #00000026}.card-shadow-none{box-shadow:none}.card-hover:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.card-header{padding:24px 24px 0;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.card-header-content{flex:1}.card-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:4px;font-size:1.25rem;font-weight:600}.card-subtitle{color:#666;font-size:.9rem;margin:0}.card-actions{display:flex;gap:8px;flex-shrink:0}.card-content{padding:0 24px 24px}.card-padding-small .card-content,.card-padding-large .card-content{padding:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px}.loading-fullscreen{position:fixed;inset:0;background:#ffffffe6;z-index:1000}.loading-spinner{position:relative;display:flex;align-items:center;justify-content:center}.loading-spinner-inner{border:3px solid #f3f3f3;border-top:3px solid var(--color-ultramarine);border-radius:50%;animation:spin 1s linear infinite}.loading-small .loading-spinner-inner{width:24px;height:24px}.loading-medium .loading-spinner-inner{width:40px;height:40px}.loading-large .loading-spinner-inner{width:64px;height:64px}.loading-text{color:#666;font-size:1rem;margin:0;text-align:center}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px}.error-fullscreen{position:fixed;inset:0;background:#ffffffe6;z-index:1000}.error-content{text-align:center;background:#fff;padding:32px;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:400px}.error-icon{font-size:3rem;margin-bottom:16px}.error-title{color:#dc3545;margin-bottom:16px;font-family:var(--font-heading);font-size:1.5rem}.error-message{color:#666;margin-bottom:24px;line-height:1.5}.settings-page{display:flex;flex-direction:column;gap:20px;padding:32px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inline-actions{display:flex;gap:8px}.field-row{display:flex;align-items:center;justify-content:space-between}.field .label,.label{color:#666;font-size:.9rem;margin-bottom:6px}.mode-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:9999px;font-size:.85rem;font-weight:600}.mode-badge.test{color:#0d6efd;background:#0d6efd1a}.mode-badge.live{color:#198754;background:#1987541f}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.status-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #e9ecef;border-radius:8px;background:#fafbfc}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:.8rem;font-weight:600}.status-badge.ok{color:#198754;background:#1987541f}.status-badge.missing{color:#dc3545;background:#dc35451f}.keys-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.key-label{color:#666;font-size:.85rem;margin-bottom:4px}.key-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;padding:8px;background:#f8f9fa;border:1px solid #eee;border-radius:6px}.form-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.input-actions{display:flex;align-items:center;gap:8px}.settings-input{width:160px;padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.settings-input:focus{border-color:var(--color-ultramarine);box-shadow:0 0 0 3px #2f3e9c1f}.settings-alert{padding:12px 16px;border-radius:6px;border:1px solid transparent}.settings-alert-success{background:#effaf3;color:#0f5132;border-color:#badbcc}.settings-alert-error{background:#fff1f2;color:#842029;border-color:#f5c2c7}@media(max-width:1024px){.settings-grid,.status-grid,.keys-grid{grid-template-columns:1fr}}.ckeditor-wrapper{margin-bottom:1rem}.ckeditor-wrapper .ck-editor{border-radius:12px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;border:1px solid #e2e8f0!important;overflow:hidden;background:#fff!important}.ckeditor-wrapper .ck-toolbar{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-radius:12px 12px 0 0!important;padding:12px 16px!important;border:none!important;border-bottom:1px solid #e2e8f0!important}.ckeditor-wrapper .ck-button{border-radius:6px!important;margin:2px!important;transition:all .2s ease!important;border:none!important;background:transparent!important;color:#374151!important}.ckeditor-wrapper .ck-button:hover{background:#e2e8f0!important;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a!important}.ckeditor-wrapper .ck-button.ck-on{background:#3b82f6!important;color:#fff!important;box-shadow:0 2px 8px #3b82f64d!important}.ckeditor-wrapper .ck-button.ck-on:hover{background:#2563eb!important}.ckeditor-wrapper .ck-toolbar__separator{background:#cbd5e1!important;width:1px!important;margin:4px 6px!important;opacity:.6}.ckeditor-wrapper .ck-editor__editable{border-radius:0 0 12px 12px!important;border:none!important;padding:24px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;line-height:1.6!important;color:#374151!important;background:#fff!important;min-height:400px!important}.ckeditor-wrapper .ck-editor__editable:focus{box-shadow:none!important;border:none!important;outline:none!important}.ckeditor-wrapper .ck-content h1{font-size:2rem!important;font-weight:700!important;margin:1.5rem 0 1rem!important;color:#1f2937!important}.ckeditor-wrapper .ck-content h2{font-size:1.5rem!important;font-weight:600!important;margin:1.25rem 0 .75rem!important;color:#1f2937!important}.ckeditor-wrapper .ck-content h3{font-size:1.25rem!important;font-weight:600!important;margin:1rem 0 .5rem!important;color:#1f2937!important}.ckeditor-wrapper .ck-content p{margin:.75rem 0!important;line-height:1.6!important}.ckeditor-wrapper .ck-content ul,.ckeditor-wrapper .ck-content ol{margin:1rem 0!important;padding-left:2rem!important}.ckeditor-wrapper .ck-content li{margin:.25rem 0!important}.ckeditor-wrapper .ck-content blockquote{border-left:4px solid #3b82f6!important;padding-left:1rem!important;margin:1.5rem 0!important;font-style:italic!important;color:#6b7280!important;background:#f8fafc!important;padding:1rem!important;border-radius:0 8px 8px 0!important}.ckeditor-wrapper .ck-content a{color:#3b82f6!important;text-decoration:underline!important}.ckeditor-wrapper .ck-content a:hover{color:#2563eb!important}.ckeditor-wrapper .ck-content table{border-collapse:collapse!important;width:100%!important;margin:1.5rem 0!important;border:1px solid #e2e8f0!important;border-radius:8px!important;overflow:hidden!important}.ckeditor-wrapper .ck-content table th,.ckeditor-wrapper .ck-content table td{border:1px solid #e2e8f0!important;padding:.75rem!important;text-align:left!important}.ckeditor-wrapper .ck-content table th{background:#f8fafc!important;font-weight:600!important;color:#374151!important}.ckeditor-wrapper .ck-content img{max-width:100%!important;height:auto!important;border-radius:8px!important;margin:1rem 0!important}.ck-dropdown__panel{border-radius:8px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;border:1px solid #e2e8f0!important;background:#fff!important}.ck-list__item{border-radius:4px!important;margin:2px!important}.ck-list__item:hover{background:#f1f5f9!important}.ck-balloon-panel{border-radius:8px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;border:1px solid #e2e8f0!important}.ck-input{border-radius:6px!important;border:1px solid #d1d5db!important;padding:8px 12px!important;transition:border-color .2s ease!important}.ck-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.ck-button-save{background:#3b82f6!important;color:#fff!important;border-radius:6px!important;padding:8px 16px!important;font-weight:500!important;transition:all .2s ease!important;border:none!important}.ck-button-save:hover{background:#2563eb!important;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d!important}.ck-button-cancel{background:#f3f4f6!important;color:#374151!important;border-radius:6px!important;padding:8px 16px!important;font-weight:500!important;transition:all .2s ease!important;border:none!important}.ck-button-cancel:hover{background:#e5e7eb!important}@media(max-width:768px){.ckeditor-wrapper .ck-toolbar{padding:8px 12px!important}.ckeditor-wrapper .ck-button{margin:1px!important;padding:6px!important}.ckeditor-wrapper .ck-editor__editable{padding:16px!important;min-height:300px!important}}.ckeditor-wrapper .ck-editor.ck-focused{box-shadow:0 0 0 3px #3b82f61a!important;border-color:#3b82f6!important}.ckeditor-wrapper .ck-placeholder:before{color:#9ca3af!important;font-style:italic!important}.ckeditor-wrapper .ck-source-editing-area{border-radius:0 0 12px 12px!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:14px!important;line-height:1.4!important;background:#f8fafc!important;border:none!important;padding:20px!important}.ckeditor-wrapper .ck-source-editing-area:focus{outline:none!important;box-shadow:none!important}.admin-layout{display:flex;min-height:100vh;background-color:#f8f9fa}.main-content{flex:1;display:flex;flex-direction:column;margin-left:0}.page-content{flex:1;overflow-y:auto}@media(min-width:769px){.main-content{margin-left:0}}:root{--admin-bg: #f8f9fa;--admin-surface: #ffffff;--admin-surface-2: #fbfbfb;--admin-border: #eeeeee;--admin-muted: #666666;--admin-text: #111111;--admin-primary: #2f3e9c;--admin-primary-contrast: #ffffff;--admin-danger: #dc3545;--admin-success: #28a745;--admin-warning: #b76e00;--admin-radius: 10px;--admin-radius-sm: 6px;--admin-shadow: 0 4px 16px rgba(0,0,0,.08);--admin-gap-2xs: 4px;--admin-gap-xs: 6px;--admin-gap-sm: 8px;--admin-gap: 12px;--admin-gap-md: 14px;--admin-gap-lg: 16px;--admin-gap-xl: 20px;--admin-gap-2xl: 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:6px;font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-ultramarine);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #2f3e9c4d}.btn-secondary{background-color:transparent;border:2px solid var(--color-ultramarine);color:var(--color-ultramarine)}.btn-secondary:hover:not(:disabled){background-color:var(--color-ultramarine);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2f3e9c4d}.btn-outline{background-color:transparent;border:2px solid var(--color-ultramarine);color:var(--color-ultramarine)}.btn-outline:hover:not(:disabled){background-color:var(--color-ultramarine);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2f3e9c4d}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.btn-small{padding:8px 16px;font-size:.875rem}.btn-xs{padding:4px 10px;font-size:.8125rem}.btn-large{padding:16px 32px;font-size:1.125rem}.btn-loading{pointer-events:none}.btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-layout{background:var(--admin-bg)}.page-container{padding:24px}.card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius)}.card-padding-large{padding:var(--admin-gap-lg)}.card-shadow-normal{box-shadow:var(--admin-shadow)}.card-header{display:flex;align-items:center;justify-content:space-between}.card-header-content .card-title{margin:0}.card-content{margin-top:var(--admin-gap)}.stack{display:flex;flex-direction:column;gap:var(--admin-gap-lg)}.summary{display:flex;flex-direction:column;gap:var(--admin-gap);background:linear-gradient(180deg,var(--admin-surface) 0%,var(--admin-surface-2) 100%);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:16px}.summary-main{display:flex;flex-direction:column;gap:var(--admin-gap-sm)}.summary-amount{font-size:28px;font-weight:800;letter-spacing:-.02em}.summary-badges{display:flex;gap:var(--admin-gap-sm);align-items:center;flex-wrap:wrap}.summary-meta{display:grid;grid-template-columns:1fr;gap:var(--admin-gap)}@media(min-width:720px){.summary-meta{grid-template-columns:repeat(3,1fr)}}.meta-item{display:flex;gap:var(--admin-gap-sm);align-items:center;flex-wrap:wrap}.meta-label{color:var(--admin-muted);font-size:12px}.meta-value{font-weight:600}.filters-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:var(--admin-gap)}.filters{display:flex;gap:var(--admin-gap);align-items:center}.right-actions{display:flex;align-items:center;gap:var(--admin-gap)}.input,.select{padding:8px 10px;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm)}.table-wrap{overflow:auto;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius)}table{width:100%;border-collapse:collapse}thead th{background:#fafafa;font-weight:600}th,td{padding:10px 12px;border-bottom:1px solid #f0f0f0;text-align:left}.row-click{cursor:pointer;transition:all .2s ease}.row-click:hover{background:#f0f4ff;box-shadow:inset 0 0 0 1px #2f3e9c1a}.badge{padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600;text-transform:lowercase}.badge-succeeded{background:#e6f4ea;color:#0f9d58}.badge-processing{background:#fff4e5;color:var(--admin-warning)}.badge-failed,.badge-canceled{background:#fdecea;color:#d93025}.badge-created,.badge-test{background:#eef2ff;color:#3b82f6}.badge-live{background:#e6f4ea;color:#0f9d58}.badge-neutral{background:#f3f4f6;color:#374151}.section{padding:var(--admin-gap-lg) 0}.section-card{background:linear-gradient(180deg,var(--admin-surface) 0%,var(--admin-surface-2) 100%);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:var(--admin-gap-lg)}.section+.section{border-top:none}.section h3{margin:0 0 var(--admin-gap);font-size:16px}.fields{display:flex;flex-direction:column;gap:var(--admin-gap)}.two-col{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:900px){.two-col{grid-template-columns:1fr 1fr}}.subhead{font-weight:600;margin-bottom:8px;color:#374151}.field{display:flex;flex-direction:column;gap:4px}.field-label{color:var(--admin-muted);font-size:12px}.field-value{font-weight:600;display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.notes-block{margin-top:var(--admin-gap)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.error{color:var(--admin-danger)}.thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--admin-border);margin-right:8px;vertical-align:middle}.item-info{display:inline-flex;flex-direction:column;margin-left:8px;vertical-align:middle}.item-title{font-weight:600}.item-sub{color:var(--admin-muted);font-size:12px}.totals{display:flex;flex-direction:column;gap:6px;max-width:320px}.totals .row{display:flex;gap:12px;justify-content:space-between}.totals .total{font-weight:700}.summary-actions,.card-actions{display:flex;gap:10px;flex-wrap:wrap}