.filament-app{background:#06111f;color:#eff5fc;min-height:100vh;--f-panel:#0c1c2e;--f-line:#263c53;--f-muted:#a4b5c7;--f-cyan:#6fe4f8}
.filament-app .site-header{background:#06111ff5}.filament-app .brand-art{animation:none!important}.filament-app .language button{font-size:14px;min-height:44px;min-width:32px}
.f-main{padding:110px 0 64px}.f-main h1{font-size:clamp(32px,5vw,52px);line-height:1.1;letter-spacing:-.045em}.f-main h2{font-size:22px;line-height:1.2;letter-spacing:-.025em}.f-main h3{font-size:18px;line-height:1.35;margin:0}.f-main p{line-height:1.6}.f-main button,.f-main input,.f-main select,.f-main textarea{font:inherit}.f-main button,.f-main a{touch-action:manipulation}.f-main button{cursor:pointer}.f-main [hidden]{display:none!important}
.f-back{display:inline-flex;gap:10px;align-items:center;font-size:14px;color:var(--f-muted);text-decoration:none;min-height:40px}.f-title{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:16px 0 28px}.f-title p{color:var(--f-muted);margin:12px 0 0;font-size:17px;max-width:660px}.f-tag{font-size:13px;letter-spacing:.05em;font-weight:750;white-space:nowrap;border:1px solid #386580;color:var(--f-cyan);padding:8px 12px;border-radius:30px;margin-top:8px}
.f-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.f-panel{border:1px solid var(--f-line);border-radius:16px;background:var(--f-panel);overflow:hidden}.f-panel-head{padding:22px 24px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--f-line)}.f-step{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid #32677d;background:#12394b;color:var(--f-cyan);border-radius:8px;font-weight:750;font-size:14px}.f-content{padding:24px}.f-muted{color:var(--f-muted);font-size:14px}.f-content>p:first-child{margin-top:0}.f-upload{border:1px dashed #49758b;border-radius:12px;padding:28px 18px;text-align:center;background:#081827}.f-upload svg{margin:0 auto 16px;color:var(--f-cyan)}.f-upload h3{margin:0 0 8px}.f-upload p{margin:0 0 20px}.f-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.f-upload .f-actions{justify-content:center}.f-btn{min-height:46px;padding:11px 16px;border:1px solid #415870;border-radius:8px;background:#12283d;color:#edf7ff;font-weight:650;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.35}.f-btn:hover{background:#1c3851;border-color:#6a9db9}.f-btn-primary{background:#73e0f1;color:#051723;border-color:#73e0f1}.f-btn-primary:hover{background:#a8eff8;color:#051723}.f-btn:disabled{opacity:.5;cursor:wait}.f-btn-text{background:none;border-color:transparent;color:var(--f-cyan);padding-inline:4px}.f-secondary-actions{justify-content:center;margin-top:12px}.f-main input[type=file]{display:none}.f-main :focus-visible{outline:3px solid #83e7fc;outline-offset:4px}.f-preview{margin:0}.f-preview canvas{display:block;max-width:100%;height:auto;max-height:330px;object-fit:contain;background:#07121e;border-radius:10px;margin:0 auto}.f-preview figcaption{color:var(--f-muted);font-size:14px;margin:12px 0}.f-private{display:flex;gap:9px;margin:18px 0 0;font-size:14px;color:var(--f-muted)}.f-private svg{flex-shrink:0;margin-top:4px}.f-ocr-actions{margin-top:16px}.f-progress{width:100%;height:6px;margin-top:18px;accent-color:var(--f-cyan)}.f-status{border-radius:8px;padding:12px 14px;background:#123346;color:#d6f5ff;font-size:14px;line-height:1.6;margin:16px 0 0}.f-status.error{background:#412b23;color:#ffe0cb}.f-status:empty{display:none}.f-raw{margin-top:20px;color:var(--f-muted);font-size:14px}.f-raw summary{cursor:pointer;padding:10px 0}.f-raw textarea{width:100%;min-height:120px;resize:vertical;margin:8px 0}.f-match-list{display:grid;gap:8px;margin-top:14px}.f-match{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:#122b3f;border:1px solid #397c94;border-radius:10px;color:#e8faff;padding:14px;line-height:1.5}.f-match span:last-child{margin-left:auto;font-size:14px;text-decoration:underline}.f-match strong,.f-match small{display:block}.f-match small{color:#bdcfde;font-size:14px}.f-swatch{width:30px;height:30px;flex-shrink:0;border-radius:50%;border:2px solid #ffffff50;box-shadow:inset 0 0 0 1px #0002}.f-form-section{border-top:1px solid var(--f-line);margin-top:24px;padding-top:24px}.f-form-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.f-field{display:flex;flex-direction:column;gap:8px;min-width:0}.f-field label{font-size:14px;font-weight:650;color:#cddbea}.f-field input,.f-raw textarea,.f-search{border:1px solid #395168;border-radius:8px;background:#061625;color:#f2f8fe;padding:12px;min-height:46px;font-size:16px;width:100%}.f-field input::placeholder,.f-search::placeholder{color:#849db3}.f-field input:focus,.f-raw textarea:focus,.f-search:focus{border-color:var(--f-cyan)}.f-form-foot{margin-top:20px}.f-form-foot .f-btn-primary{width:100%}.f-form-foot p{font-size:13px;color:var(--f-muted);margin:10px 0 0}.f-form-cancel{width:100%;margin-top:8px}.f-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.f-total{padding:16px;background:#061625;border:1px solid var(--f-line);border-radius:10px}.f-total span{display:block;color:var(--f-muted);font-size:13px;margin-bottom:8px}.f-total strong{font-size:25px;letter-spacing:-.03em;overflow-wrap:anywhere}.f-count-note{font-size:13px;color:var(--f-muted);margin:0 0 18px}.f-empty{padding:30px 8px;text-align:center;border:1px dashed #30475f;border-radius:10px;margin-top:18px}.f-empty strong{font-size:17px}.f-empty p{font-size:14px;color:var(--f-muted);margin:10px 0 0}.f-inventory{display:grid;gap:12px;margin-top:18px}.f-item{border:1px solid var(--f-line);padding:16px;border-radius:10px;background:#0b1829}.f-item-top{display:flex;gap:12px;align-items:center}.f-item h3{font-size:17px;margin:0}.f-item p{font-size:14px;color:var(--f-muted);margin:4px 0 0}.f-item-bottom{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.f-item-bottom strong{font-size:15px}.f-small-actions{display:flex;gap:12px}.f-small-actions button{background:none;border:none;color:var(--f-cyan);padding:6px 2px;min-height:36px;font-size:14px;text-decoration:underline;text-underline-offset:3px}.f-small-actions .f-delete{color:#f3b7a8}.f-inventory-actions{padding-top:18px;margin-top:20px;border-top:1px solid var(--f-line)}.f-footnote{margin:24px 0 0;font-size:14px;color:var(--f-muted)}.f-bottom{margin-top:26px;border:1px solid var(--f-line);border-radius:12px;padding:18px 22px;color:var(--f-muted);font-size:14px;line-height:1.65}.f-bottom strong{color:#e8f4ff}.f-catalog{margin-top:10px}.f-catalog summary{cursor:pointer}.f-catalog ul{padding-left:20px}.f-footer{padding:24px 0;border-top:1px solid var(--f-line);font-size:14px;color:var(--f-muted);background:#06111f}.f-footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.f-footer a{color:var(--f-cyan)}
@media(max-width:1000px){.f-layout{grid-template-columns:1fr 1fr}.f-content{padding:18px}.f-panel-head{padding:18px}.f-grid{gap:12px}.f-main{padding-top:100px}}
@media(max-width:760px){.f-main .wrap{width:calc(100% - 32px)}.f-layout{grid-template-columns:1fr;gap:20px}.f-title{display:block;margin:8px 0 24px}.f-title .f-tag{display:inline-block;margin-top:16px}.f-title p{font-size:16px}.f-title h1{font-size:36px}.f-main{padding-top:92px}.f-upload{padding:22px 12px}.f-btn{font-size:14px}.f-title p{max-width:100%}.f-grid{grid-template-columns:1fr 1fr}.f-panel{border-radius:12px}.f-totals{margin-bottom:12px}.f-match span:last-child{display:none}}
@media(max-width:370px){.f-grid{grid-template-columns:1fr}.f-title h1{font-size:30px}.f-total strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.filament-app *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}