html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",sans-serif;color:#0f172a;background:linear-gradient(135deg,#eef2ff,#fff 30%,#f5f3ff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1120px;padding:0 24px;margin:0 auto}.app-header{position:sticky;top:0;z-index:10;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #e5e7eb}.brand{display:flex;align-items:center;gap:12px}.brand-badge{width:40px;height:40px;border-radius:12px;background:#4f46e5;color:#fff;display:grid;place-items:center;font-weight:700;box-shadow:0 1px 2px #0000000f}.header-actions button{display:inline-flex;align-items:center;gap:8px;background:#0f172a;color:#fff;border:none;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600;box-shadow:0 1px 2px #00000026;cursor:pointer}.header-actions button:active{transform:translateY(1px)}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 2px #0000000d}.card-body{padding:24px}.dropzone{border:2px dashed #cbd5e1;border-radius:16px;padding:32px;text-align:center;transition:background-color .2s,border-color .2s}.dropzone.dragging{border-color:#6366f1;background:#eef2ff}.drop-actions{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:16px}.btn{background:#4f46e5;color:#fff;border:none;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer}.btn.small{padding:6px 10px;font-size:12px;border-radius:8px}.btn.ghost{background:#eef2ff;color:#3730a3}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:#0f172a}.muted{color:#64748b;font-size:12px}.input{border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;font-size:14px}.spinner{width:18px;height:18px;border:2px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:absolute;inset:0;background:#fff9;display:grid;place-items:center}.modal-backdrop{position:fixed;inset:0;background:#00000059;display:grid;place-items:center;z-index:50}.modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;width:90%;max-width:420px;box-shadow:0 10px 30px #0000001f}.modal-title{font-weight:700;font-size:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.table-wrap{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse;table-layout:fixed}table.data-table thead tr{background:#f8fafc;color:#475569}table.data-table th,table.data-table td{padding:12px 16px;border-top:1px solid #e5e7eb;text-align:left;font-size:14px}table.data-table tbody tr:hover{background:#f8fafc}td.strong{color:#4338ca;font-weight:700}