:root{color:#344054;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:#f5f7fb}body{background:linear-gradient(#eef4ff 0%,#f5f7fb 100%);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}#root{min-height:100vh}.login-shell{background:linear-gradient(135deg,#f2f7ff 0%,#eef4ff 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e9edf5;border-radius:22px;width:min(100%,460px);padding:28px;box-shadow:0 18px 42px #0f172a14}.login-brand{justify-content:center;margin-bottom:16px;display:flex}.login-brand img,.brand-logo{object-fit:contain;max-width:200px;max-height:72px}.login-form{flex-direction:column;gap:18px;margin-top:16px;display:flex}.login-form label,.filter-bar label{color:#475467;flex-direction:column;gap:8px;font-size:.85rem;font-weight:600;display:flex}.login-form input,.filter-bar input{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:10px;padding:11px 12px;font-size:1rem}.primary-button,.secondary-button,.icon-button,.status-button{cursor:pointer;border:none;border-radius:10px;font-weight:600;text-decoration:none;transition:transform .2s,opacity .2s}.primary-button,.secondary-button{padding:12px 16px}.primary-button{color:#fff;background:linear-gradient(135deg,#3d63ff,#4e9eff)}.secondary-button{color:#1d4ed8;background:#eef4ff}.secondary-button-muted{color:#344054;background:#f2f4f7}.app-shell{background:#f5f7fb;max-width:1280px;min-height:100vh;margin:0 auto;padding:32px 24px 64px}.topbar,.header-actions,.section-header,.filter-bar,.modal-header,.brand-wrap{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand-wrap{justify-content:flex-start}.topbar{margin-bottom:18px}.header-actions{gap:10px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#5b6adf;margin:0 0 8px;font-size:11px;font-weight:700}h1{color:#101828;margin:0;font-size:clamp(2rem,3vw,2.7rem)}h2,.modal-card h3{color:#101828;margin:0}.filter-bar{background:#fff;border:1px solid #edf1f7;border-radius:18px;flex-wrap:wrap;margin:18px 0 24px;padding:16px;box-shadow:0 10px 30px #0f172a0a}.filter-bar label{flex:180px;min-width:180px}.stats-grid{grid-template-columns:repeat(2,minmax(170px,1fr));gap:18px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #edf1f7;border-radius:16px;padding:18px 20px;box-shadow:0 10px 30px #0f172a0f}.stat-card strong{color:#101828;margin-top:8px;font-size:2rem;display:block}.stat-label{color:#667085;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.stat-card.warning strong{color:#b54708}.panel-section{margin-top:28px}.section-header{margin-bottom:12px}.section-header span{color:#667085;font-size:.9rem;font-weight:600}.alert{border-radius:12px;margin-bottom:16px;padding:12px 14px;font-weight:600}.alert-error{color:#b42318;background:#fff1f2;border:1px solid #fecdd3}.table-panel{background:#fff;border:1px solid #edf1f7;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #0f172a0d}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf1f7;padding:16px 18px}th{color:#475467;text-transform:uppercase;letter-spacing:.08em;background:#f8fafc;font-size:.8rem}tbody tr:last-child td{border-bottom:none}.status-button{border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.status-button.success,.badge.success{color:#067647;background:#ecfdf3}.status-button.warning,.badge.warning{color:#b54708;background:#fff7ed}.action-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.icon-button{color:#fff;justify-content:center;align-items:center;min-width:92px;padding:9px 12px;font-size:.85rem;display:inline-flex}.icon-button.download{background:#0f766e}.icon-button.share{background:#25d366}.empty-state{text-align:center;color:#475467;padding:32px 18px}.modal-backdrop{z-index:30;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:18px;width:min(720px,100%);padding:24px;box-shadow:0 24px 52px #0f172a2e}.detail-grid{grid-template-columns:repeat(3,minmax(140px,1fr));gap:14px;margin:22px 0;display:grid}.detail-grid div{background:#f8fafc;border:1px solid #edf1f7;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.detail-grid span{text-transform:uppercase;letter-spacing:.08em;color:#667085;font-size:.72rem}.detail-table{margin-top:12px}@media (width<=960px){.stats-grid{grid-template-columns:repeat(2,minmax(140px,1fr));gap:12px}}@media (width<=720px){.app-shell{padding:16px 12px 40px}.topbar,.section-header,.filter-bar,.modal-header,.brand-wrap{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.header-actions .secondary-button{flex:1}.filter-bar{padding:14px}.filter-bar label{width:100%;min-width:0}.filter-bar input,.filter-bar button{width:100%}h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:14px 16px}.stat-card strong{font-size:1.6rem}.table-panel{box-shadow:none;background:0 0;border:none;border-radius:14px;overflow:visible}.table-panel table,.table-panel thead,.table-panel tbody,.table-panel th,.table-panel td,.table-panel tr{display:block}.table-panel thead{position:absolute;top:-9999px;left:-9999px}.table-panel tbody tr{background:#fff;border:1px solid #edf1f7;border-radius:16px;margin-bottom:14px;padding:6px 4px;box-shadow:0 10px 26px #0f172a0d}.table-panel tbody tr:last-child{margin-bottom:0}.table-panel td{text-align:right;border-bottom:1px solid #f2f4f7;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.table-panel td:last-child{border-bottom:none}.table-panel td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.06em;color:#667085;text-align:left;flex-shrink:0;font-size:.72rem;font-weight:700}.table-panel td .action-buttons{flex:1;justify-content:flex-end}.detail-grid{grid-template-columns:1fr}.modal-card{max-height:90vh;padding:18px;overflow-y:auto}}@media (width<=420px){.icon-button{flex:1;min-width:0}}