:root{--cfg-ink:#111827;--cfg-muted:#64748b;--cfg-yellow:#f6b900;--cfg-border:#e5e7eb}.configuration-page{background:#f5f7fa;min-height:calc(100vh - 60px);padding-bottom:48px}.config-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:28px 34px;margin-bottom:22px;border-radius:18px;background:linear-gradient(120deg,#080808 0%,#171717 70%,#29230c 100%);color:#fff;box-shadow:0 16px 35px rgba(15,23,42,.12)}.config-hero:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(246,185,0,.35);border-radius:50%;right:-45px;top:-85px}.config-eyebrow{display:inline-flex;gap:8px;align-items:center;color:#f6c62f;font-size:11px;font-weight:800;letter-spacing:1.5px}.config-hero h1{font-size:27px;margin:8px 0 5px;color:#fff}.config-hero p{margin:0;color:#cbd5e1}.config-hero-mark{font-size:42px;color:var(--cfg-yellow);padding-right:12px}.config-loading{padding:40px;text-align:center;color:var(--cfg-muted)}.config-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.status-card{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--cfg-border);border-radius:15px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.status-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;font-size:17px;flex:0 0 auto}.status-icon.amber{background:#fff5d6;color:#c88c00}.status-icon.blue{background:#e8f2ff;color:#2774d8}.status-icon.green{background:#dcf7eb;color:#009b62}.status-icon.violet{background:#f0eaff;color:#7254d8}.status-card div{min-width:0;display:flex;flex-direction:column}.status-card small{font-size:11px;color:var(--cfg-muted);text-transform:uppercase;letter-spacing:.5px}.status-card strong{font-size:14px;color:var(--cfg-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0}.status-card span:not(.status-icon){font-size:12px;color:var(--cfg-muted)}.config-panel{background:#fff;border:1px solid var(--cfg-border);border-radius:18px;padding:28px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.company-panel{margin-bottom:20px}.config-panel-heading{display:flex;gap:15px;align-items:center;margin-bottom:24px}.panel-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#fff3c7;color:#bd8500;font-size:20px}.config-panel-heading h2{font-size:20px;margin:0 0 4px;color:var(--cfg-ink)}.config-panel-heading p{margin:0;color:var(--cfg-muted)}.company-search-field{width:100%}.company-search-field>label{display:block;margin-bottom:7px;color:var(--cfg-ink);font-size:13px;font-weight:700}.company-search-field .form-control{min-height:45px;border:1px solid #dce1e8;border-radius:10px 0 0 10px}.company-search-field .form-control:focus{border-color:#dca600;box-shadow:0 0 0 3px rgba(246,185,0,.12)}.company-search-field>small{display:block;margin-top:7px;color:var(--cfg-muted)}.config-search{min-width:120px;border:0;border-radius:0 10px 10px 0;background:var(--cfg-yellow);color:#111;font-weight:800}.company-results{display:grid;gap:10px;margin-top:18px}.company-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid #e1e5eb;border-radius:13px;background:#fafbfc}.company-result-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#fff1bd;color:#a87500}.company-result>div{display:flex;min-width:0;flex-direction:column}.company-result strong{overflow:hidden;color:var(--cfg-ink);text-overflow:ellipsis;white-space:nowrap}.company-result span,.company-result small{color:var(--cfg-muted);font-size:12px}.company-mode{padding:5px 9px;border-radius:20px;background:#e9eef5;color:#45546a!important;font-size:10px!important;font-weight:800}.btn-select-company{border:0;border-radius:8px;background:#22262b;color:#fff;font-weight:700}.company-empty{padding:18px;border-radius:11px;background:#f5f7fa;color:var(--cfg-muted);text-align:center}.format-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.format-option{position:relative;display:flex;align-items:center;gap:20px;padding:22px;border:2px solid #e7eaf0;border-radius:16px;cursor:pointer;transition:.2s;background:#fafbfc}.format-option:hover{border-color:#d3a817;transform:translateY(-2px)}.format-option:has(input:checked){border-color:var(--cfg-yellow);background:#fffaf0;box-shadow:0 0 0 3px rgba(246,185,0,.1)}.format-option input{position:absolute;opacity:0}.format-check{position:absolute;right:14px;top:14px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e5e7eb;color:#fff;font-size:11px}.format-option:has(input:checked) .format-check{background:var(--cfg-yellow);color:#111}.paper-preview{display:grid;place-items:center;background:#fff;color:#263244;border:1px solid #dfe3e9;box-shadow:0 5px 12px rgba(15,23,42,.08)}.paper-a4{width:65px;height:82px;border-radius:5px;font-size:25px}.paper-ticket{width:49px;height:84px;border-radius:4px;font-size:25px}.format-copy{display:flex;flex-direction:column;gap:6px}.format-copy strong{font-size:18px;color:var(--cfg-ink)}.format-copy small{font-size:13px;line-height:1.45;color:var(--cfg-muted);max-width:340px}.format-copy em{font-size:11px;color:#9a6b00;font-style:normal;font-weight:700}.config-note{display:flex;gap:10px;margin-top:20px;padding:13px 15px;border-radius:10px;background:#f1f5f9;color:#526174;font-size:13px}.config-note i{color:#d29b00}.config-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f4;margin-top:24px;padding-top:20px}.config-actions>span{font-size:12px;color:var(--cfg-muted)}.config-save{background:var(--cfg-yellow);color:#111;font-weight:800;border:0;padding:11px 22px;border-radius:10px}.security-note{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:18px 22px;border-radius:14px;background:#16202d;color:#fff}.security-note>i{color:#f6bd10;margin-top:4px}.security-note p{font-size:12px;color:#b8c3d1;margin:4px 0 0}@media(max-width:1100px){.config-status-grid{grid-template-columns:1fr 1fr}}@media(max-width:767px){.config-hero{padding:22px}.config-hero-mark{display:none}.config-status-grid,.format-options{grid-template-columns:1fr}.config-panel{padding:20px}.config-actions{align-items:flex-end;gap:16px}.format-option{padding:18px}.company-result{grid-template-columns:auto minmax(0,1fr)}.company-mode{justify-self:start}.btn-select-company{grid-column:1/-1;width:100%}.config-search{min-width:auto}}
