*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}.app-shell{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,#1e3a5f,#0f2d4a);padding:24px 32px;border-bottom:1px solid #1e40af44}.header h1{font-size:1.8rem;font-weight:700;color:#93c5fd}.subtitle{color:#94a3b8;margin-top:4px;font-size:.9rem}.tabs{display:flex;gap:8px;padding:16px 32px;background:#0f1e36;border-bottom:1px solid #1e3a5f}.tab-btn{padding:8px 20px;border-radius:8px;border:1px solid #334155;background:transparent;color:#94a3b8;cursor:pointer;font-size:.9rem;transition:all .2s}.tab-btn:hover{background:#1e3a5f;color:#e2e8f0}.tab-btn.active{background:#1d4ed8;border-color:#3b82f6;color:#fff;font-weight:600}.content{flex:1;padding:32px;max-width:900px;width:100%;margin:0 auto}.card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:28px;margin-bottom:24px}.card h2{color:#93c5fd;margin-bottom:16px;font-size:1.2rem}.drop-zone{border:2px dashed #334155;border-radius:10px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s;background:#0f172a}.drop-zone.dragging{border-color:#3b82f6;background:#1e3a5f22}.drop-zone p{color:#64748b;margin-top:8px;font-size:.85rem}.drop-icon{font-size:3rem}.file-list{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;justify-content:space-between;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:10px 14px;font-size:.85rem}.file-name{color:#cbd5e1;flex:1;margin:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#64748b;font-size:.78rem}.remove-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.1rem;padding:0 4px}.progress-bar-track{background:#0f172a;border-radius:99px;height:6px;margin-top:6px;overflow:hidden}.progress-bar-fill{height:100%;background:#3b82f6;border-radius:99px;transition:width .3s ease}.btn-primary{background:#1d4ed8;color:#fff;border:none;border-radius:8px;padding:12px 28px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:20px}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.alert{padding:12px 16px;border-radius:8px;margin-top:16px;font-size:.9rem}.alert-success{background:#14532d44;border:1px solid #16a34a;color:#4ade80}.alert-error{background:#7f1d1d44;border:1px solid #dc2626;color:#f87171}.alert-info{background:#1e3a5f44;border:1px solid #3b82f6;color:#93c5fd}.status-table{width:100%;border-collapse:collapse;font-size:.88rem}.status-table th{text-align:left;padding:10px 12px;background:#0f172a;color:#64748b;border-bottom:1px solid #334155;font-weight:600}.status-table td{padding:10px 12px;border-bottom:1px solid #1e293b;color:#cbd5e1}.status-table tr:hover td{background:#0f172a44}.badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.75rem;font-weight:600}.badge-success{background:#14532d44;color:#4ade80;border:1px solid #16a34a}.badge-pending{background:#78350f44;color:#fbbf24;border:1px solid #d97706}.badge-error{background:#7f1d1d44;color:#f87171;border:1px solid #dc2626}.badge-process{background:#1e3a5f44;color:#93c5fd;border:1px solid #3b82f6}.footer{text-align:center;padding:16px;color:#475569;font-size:.8rem;border-top:1px solid #1e293b}