@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--ip-bg:#0c1017;--ip-surface:#121820;--ip-surface-raised:#1a222d;--ip-surface-hover:#1f2936;--ip-border:#243040;--ip-border-light:#2e3e52;--ip-text:#e4e8ef;--ip-text-muted:#8a95a8;--ip-text-dim:#556275;--ip-accent:#ec5800;--ip-accent-muted:#d04e00;--ip-accent-glow:#ec58001f;--ip-accent-glow-strong:#ec580038;--ip-cyan:#ec5800;--ip-error:#f87171;--ip-error-bg:#f8717114;--ip-radius:8px;--ip-radius-lg:14px;--ip-font:"Outfit",sans-serif;--ip-mono:"JetBrains Mono",monospace}.ip-page{background:var(--ip-bg);width:100%;min-height:100vh;font-family:var(--ip-font);color:var(--ip-text);flex-direction:column;display:flex}.ip-header{background:var(--ip-surface);border-bottom:1px solid var(--ip-border);justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.ip-header-left{align-items:center;gap:16px;display:flex}.ip-logo{width:44px;height:44px;color:var(--ip-accent);background:var(--ip-accent-glow);border:1px solid #22d3a733;border-radius:10px;justify-content:center;align-items:center;display:flex}.ip-title{font-family:var(--ip-font);letter-spacing:-.03em;color:var(--ip-text);margin:0;font-size:24px;font-weight:700}.ip-subtitle{color:var(--ip-text-dim);letter-spacing:.06em;text-transform:uppercase;margin:2px 0 0;font-size:13px;font-weight:400}.ip-header-stats{align-items:center;gap:24px;animation:.4s ip-fadeIn;display:flex}.ip-stat{flex-direction:column;align-items:flex-end;display:flex}.ip-stat-value{font-family:var(--ip-mono);color:var(--ip-text);letter-spacing:-.02em;font-size:18px;font-weight:600}.ip-stat-label{color:var(--ip-text-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:11px;font-weight:500}.ip-stat-divider{background:var(--ip-border);width:1px;height:32px}.ip-body{box-sizing:border-box;flex-direction:column;flex:1;gap:28px;width:100%;max-width:1100px;margin:0 auto;padding:32px 40px 60px;display:flex}.ip-upload-section{flex-direction:column;gap:12px;display:flex}.ip-upload-zone{border:2px dashed var(--ip-border-light);border-radius:var(--ip-radius-lg);text-align:center;cursor:pointer;background:linear-gradient(135deg,#22d3a705 0%,transparent 50%),var(--ip-surface);padding:48px 32px;transition:all .3s;position:relative;overflow:hidden}.ip-upload-zone:before{content:"";pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#22d3a704 3px 4px);transition:opacity .3s;position:absolute;inset:0}.ip-upload-zone:hover:before,.ip-upload-zone--active:before{opacity:1}.ip-upload-zone:hover{border-color:var(--ip-accent-muted);background:linear-gradient(135deg,#22d3a70a 0%,transparent 50%),var(--ip-surface)}.ip-upload-zone--active{border-color:var(--ip-accent);box-shadow:0 0 0 4px var(--ip-accent-glow),0 0 40px var(--ip-accent-glow)}.ip-upload-zone--loading{cursor:default;border-color:var(--ip-accent-muted);border-style:solid}.ip-upload-content{flex-direction:column;align-items:center;gap:8px;display:flex}.ip-upload-icon{color:var(--ip-text-dim);margin-bottom:8px;transition:color .3s,transform .3s}.ip-upload-zone:hover .ip-upload-icon{color:var(--ip-accent);transform:translateY(-4px)}.ip-upload-title{color:var(--ip-text);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.ip-upload-desc{color:var(--ip-text-muted);margin:0;font-size:14px}.ip-upload-badge{font-family:var(--ip-mono);color:var(--ip-text-dim);background:var(--ip-surface-raised);border:1px solid var(--ip-border);letter-spacing:.04em;border-radius:20px;margin-top:8px;padding:3px 12px;font-size:11px;font-weight:500;display:inline-block}.ip-loading{flex-direction:column;align-items:center;gap:16px;animation:.4s ip-fadeIn;display:flex}.ip-scan-animation{width:80px;height:100px;position:relative}.ip-scan-doc{background:var(--ip-surface-raised);border:1px solid var(--ip-border-light);box-sizing:border-box;border-radius:6px;flex-direction:column;gap:10px;width:100%;height:100%;padding:16px 12px;display:flex}.ip-scan-line-placeholder{background:var(--ip-border);border-radius:3px;width:100%;height:6px}.ip-scan-line--short{width:60%}.ip-scan-line--medium{width:80%}.ip-scan-beam{background:var(--ip-accent);height:3px;box-shadow:0 0 12px var(--ip-accent),0 0 32px var(--ip-accent-glow-strong);border-radius:2px;animation:2s ease-in-out infinite ip-scanMove;position:absolute;left:-4px;right:-4px}@keyframes ip-scanMove{0%,to{top:10px}50%{top:calc(100% - 12px)}}.ip-loading-title{color:var(--ip-text);margin:0;font-size:17px;font-weight:600}.ip-loading-desc{color:var(--ip-text-dim);margin:0;font-size:13px}.ip-batch-progress{flex-direction:column;gap:14px;width:100%;max-width:400px;margin-top:8px;display:flex}.ip-batch-bar{background:var(--ip-border);border-radius:2px;height:4px;display:flex;overflow:hidden}.ip-batch-fill{background:var(--ip-accent);flex-shrink:0;height:100%;transition:width .5s}.ip-batch-fill-active{background:var(--ip-accent);opacity:.4;flex-shrink:0;height:100%;animation:1.5s ease-in-out infinite ip-pulse}@keyframes ip-pulse{0%,to{opacity:.2}50%{opacity:.5}}.ip-batch-files{text-align:left;flex-direction:column;gap:6px;display:flex}.ip-batch-file{color:var(--ip-text-dim);align-items:center;gap:10px;font-size:13px;transition:color .2s;display:flex}.ip-batch-file--active{color:var(--ip-text)}.ip-batch-file--done{color:var(--ip-accent)}.ip-batch-file--error{color:var(--ip-error)}.ip-batch-file-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.ip-batch-file-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--ip-mono);font-size:12px;overflow:hidden}.ip-batch-spinner{border:2px solid var(--ip-border-light);border-top-color:var(--ip-accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite ip-spin}@keyframes ip-spin{to{transform:rotate(360deg)}}.ip-error{background:var(--ip-error-bg);border-radius:var(--ip-radius);color:var(--ip-error);border:1px solid #f8717133;align-items:center;gap:12px;padding:14px 18px;animation:.3s ip-fadeIn;display:flex}.ip-error p{flex:1;margin:0;font-size:14px}.ip-error-dismiss{color:var(--ip-error);font-family:var(--ip-font);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #f871714d;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;transition:background .2s}.ip-error-dismiss:hover{background:#f871711f}.ip-detail{background:var(--ip-surface);border:1px solid var(--ip-border);border-radius:var(--ip-radius-lg);animation:.45s cubic-bezier(.22,1,.36,1) ip-slideUp;overflow:hidden}@keyframes ip-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ip-detail-header{border-bottom:1px solid var(--ip-border);justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 32px 20px;display:flex}.ip-detail-vendor{letter-spacing:-.02em;color:var(--ip-text);margin:0;font-size:22px;font-weight:700}.ip-detail-file{font-family:var(--ip-mono);color:var(--ip-text-dim);margin-top:4px;font-size:12px;display:block}.ip-detail-total-badge{background:var(--ip-accent-glow);border:1px solid #22d3a733;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:flex-end;padding:12px 20px;display:flex}.ip-detail-total-label{color:var(--ip-accent-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.ip-detail-total-value{font-family:var(--ip-mono);color:var(--ip-accent);letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1.2}.ip-meta-grid{border-bottom:1px solid var(--ip-border);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.ip-meta-item{border-right:1px solid var(--ip-border);flex-direction:column;gap:4px;padding:18px 24px;display:flex}.ip-meta-item:last-child{border-right:none}.ip-meta-item--wide{grid-column:span 2}.ip-meta-label{color:var(--ip-text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.ip-meta-value{color:var(--ip-text);font-size:15px;font-weight:500}.ip-meta-value--mono{font-family:var(--ip-mono);letter-spacing:.02em;font-size:14px}.ip-table-wrapper{overflow-x:auto}.ip-table{border-collapse:collapse;width:100%}.ip-table thead th{color:var(--ip-text-dim);text-transform:uppercase;letter-spacing:.08em;text-align:left;background:var(--ip-surface-raised);border-bottom:1px solid var(--ip-border);padding:14px 24px;font-size:11px;font-weight:600}.ip-table tbody td{color:var(--ip-text);border-bottom:1px solid var(--ip-border);padding:14px 24px;font-size:14px}.ip-table tbody tr:nth-child(2n) td{background:#ffffff04}.ip-table tbody tr:last-child td{border-bottom:none}.ip-th-right{text-align:right!important}.ip-td-right{text-align:right}.ip-td-mono{font-family:var(--ip-mono);letter-spacing:.01em;font-size:13px}.ip-totals{border-top:1px solid var(--ip-border);flex-direction:column;align-items:flex-end;gap:8px;padding:20px 32px 24px;display:flex}.ip-totals-row{color:var(--ip-text-muted);align-items:center;gap:40px;font-size:14px;display:flex}.ip-totals-amount{font-family:var(--ip-mono);color:var(--ip-text);text-align:right;min-width:120px;font-size:14px;font-weight:500}.ip-totals-row--grand{border-top:2px solid var(--ip-accent);color:var(--ip-text);margin-top:4px;padding-top:12px;font-size:16px;font-weight:600}.ip-totals-row--grand .ip-totals-amount{color:var(--ip-accent);font-size:20px;font-weight:700}.ip-history{background:var(--ip-surface);border:1px solid var(--ip-border);border-radius:var(--ip-radius-lg);overflow:hidden}.ip-history-header{border-bottom:1px solid var(--ip-border);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.ip-history-title{color:var(--ip-text);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.ip-export-btn{background:var(--ip-accent);color:var(--ip-bg);border-radius:var(--ip-radius);font-family:var(--ip-font);cursor:pointer;letter-spacing:.01em;border:none;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.ip-export-btn:hover{background:var(--ip-accent-muted);box-shadow:0 4px 16px var(--ip-accent-glow);transform:translateY(-1px)}.ip-history-table-wrapper{overflow-x:auto}.ip-history-table{border-collapse:collapse;width:100%}.ip-history-table thead th{color:var(--ip-text-dim);text-transform:uppercase;letter-spacing:.08em;text-align:left;background:var(--ip-surface-raised);border-bottom:1px solid var(--ip-border);padding:12px 20px;font-size:11px;font-weight:600}.ip-history-table tbody td{color:var(--ip-text);border-bottom:1px solid var(--ip-border);padding:14px 20px;font-size:14px}.ip-history-row{cursor:pointer;transition:background .15s}.ip-history-row:hover td{background:var(--ip-surface-hover)}.ip-history-row--active td{background:var(--ip-accent-glow)!important}.ip-history-row:last-child td{border-bottom:none}.ip-history-vendor{font-weight:600}.ip-history-total{font-weight:600;color:var(--ip-text)!important}.ip-history-file{font-family:var(--ip-mono);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:12px;overflow:hidden;color:var(--ip-text-dim)!important}.ip-status-badge{color:var(--ip-accent);background:var(--ip-accent-glow);letter-spacing:.04em;text-transform:uppercase;border:1px solid #22d3a733;border-radius:20px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}@keyframes ip-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.ip-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 20px}.ip-header-stats{justify-content:space-between;width:100%}.ip-stat{align-items:flex-start}.ip-body{padding:20px 20px 60px}.ip-meta-grid{grid-template-columns:1fr 1fr}.ip-meta-item--wide{grid-column:span 2}.ip-detail-header{flex-direction:column;gap:16px;padding:20px 24px 16px}.ip-detail-total-badge{align-items:flex-start;width:100%}.ip-totals{padding:16px 24px 20px}}@media (max-width:600px){.ip-meta-grid{grid-template-columns:1fr}.ip-meta-item{border-right:none;border-bottom:1px solid var(--ip-border)}.ip-meta-item:last-child{border-bottom:none}.ip-meta-item--wide{grid-column:span 1}.ip-upload-zone{padding:36px 20px}.ip-table thead th,.ip-table tbody td,.ip-history-table thead th,.ip-history-table tbody td{padding:10px 14px}}