@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#0f172a;--navy-2:#182235;--slate:#64748b;--line:#e2e8f0;--page:#f1f5f9;--indigo:#4f46e5;--indigo-soft:#eef2ff;--green:#047857;--green-soft:#d1fae5;--amber:#b45309;--amber-soft:#fef3c7;--violet:#6d28d9;--violet-soft:#ede9fe}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--page);color:#0f172a;font-family:Inter,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.emplac-shell{display:flex;min-height:100vh}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;width:256px;padding:23px 14px 16px;color:#cbd5e1;background:linear-gradient(180deg,#111827,#172033)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 10px 27px;color:#fff}.sidebar-logo{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#818cf8);font-size:18px;font-weight:800}.sidebar-brand strong{display:block;font-size:14px;letter-spacing:.13em}.sidebar-brand small{display:block;margin-top:2px;color:#94a3b8;font-size:8px;letter-spacing:.1em}.sidebar-nav{display:grid;gap:2px}.nav-group{margin:20px 10px 7px;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.08em}.nav-group:first-child{margin-top:0}.side-link{display:flex;align-items:center;gap:11px;border-radius:8px;padding:10px 11px;color:#cbd5e1;text-decoration:none;font-size:13px;font-weight:600}.side-link span{width:17px;color:#94a3b8;text-align:center;font-size:15px}.side-link:hover{background:#1e293b;color:#fff}.side-link.active{color:#fff;background:#4f46e5;box-shadow:0 7px 17px rgba(0,0,0,.18)}.side-link.active span{color:#fff}.sidebar-user{display:flex;align-items:center;gap:9px;margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:16px 8px 3px}.user-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e6845b;color:#fff;font-size:10px;font-weight:800}.sidebar-user strong{display:block;color:#e2e8f0;font-size:11px}.sidebar-user small{display:block;margin-top:2px;color:#94a3b8;font-size:9px}.sidebar-user>span{margin-left:auto;color:#94a3b8}.app-workspace{width:calc(100% - 256px);min-height:100vh;margin-left:256px}.app-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:70px;border-bottom:1px solid var(--line);padding:0 34px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.app-topbar small{display:block;color:#94a3b8;font-size:10px}.app-topbar strong{display:block;color:#243047;font-size:13px}.top-actions{display:flex;align-items:center;gap:9px}.help,.logout{border-radius:7px;padding:8px 12px;font-size:11px;font-weight:700}.help{border:0;color:#52617b;background:transparent}.logout{border:0;color:#fff;background:#4f46e5}.menu-toggle{display:none}.app-content{max-width:1440px;margin:0 auto;padding:28px 34px 36px}.breadcrumbs{color:#94a3b8;font-size:11px}.breadcrumbs span{margin:0 7px;color:#cbd5e1}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:13px 0 24px}.page-heading h1{margin:0;color:#0f172a;font-size:27px;letter-spacing:-.05em}.page-heading p{margin:7px 0 0;color:#64748b;font-size:13px}.page-actions{display:flex;gap:9px}.primary-button,.secondary-button,.export-button,.filter-action{border-radius:8px;padding:10px 13px;font-size:12px;font-weight:700}.primary-button{border:0;color:#fff;background:#4f46e5;box-shadow:0 5px 12px rgba(79,70,229,.18)}.secondary-button{border:1px solid #cbd5e1;color:#475569;background:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.kpi-card{display:flex;align-items:center;gap:12px;border:1px solid #e6eaf1;border-radius:13px;padding:18px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.02)}.kpi-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:10px;font-size:14px;font-weight:800}.kpi-icon.indigo{color:#4f46e5;background:var(--indigo-soft)}.kpi-icon.amber{color:var(--amber);background:var(--amber-soft)}.kpi-icon.emerald{color:var(--green);background:var(--green-soft)}.kpi-icon.violet{color:var(--violet);background:var(--violet-soft)}.kpi-card span{display:block;color:#64748b;font-size:11px}.kpi-card strong{display:block;margin:3px 0;color:#0f172a;font-size:23px;letter-spacing:-.05em}.kpi-card small{display:block;color:#94a3b8;font-size:9px}.referral-list-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:13px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.02)}.list-header{display:flex;align-items:flex-start;justify-content:space-between;padding:21px 21px 14px}.list-header h2{margin:0;font-size:16px;letter-spacing:-.025em}.list-header p{margin:5px 0 0;color:#64748b;font-size:11px}.export-button{border:1px solid #cbd5e1;color:#475569;background:#fff}.filters{display:flex;gap:10px;padding:0 21px 16px}.search-control{display:flex;align-items:center;flex:1;gap:8px;border:1px solid #cbd5e1;border-radius:8px;padding:0 11px;color:#94a3b8}.search-control input{width:100%;border:0;outline:0;padding:10px 0;color:#1e293b;font-size:12px}.filters select{min-width:150px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;color:#475569;background:#fff;font-size:12px}.filter-action{border:1px solid #cbd5e1;color:#475569;background:#fff}.table-wrap{overflow-x:auto;border-top:1px solid #e2e8f0}.table-wrap table{width:100%;border-collapse:collapse;text-align:left}.table-wrap th{padding:12px 20px;color:#64748b;background:#f8fafc;font-size:10px;font-weight:800;letter-spacing:.05em}.table-wrap td{padding:15px 20px;border-top:1px solid #f1f5f9;color:#475569;font-size:12px}.table-wrap tr:hover td{background:#fafcff}.person-name{display:block;color:#0f172a;font-size:12px;font-weight:700}.person-meta{display:block;margin-top:4px;color:#94a3b8;font-size:10px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:4px 7px;font-size:10px;font-weight:700;white-space:nowrap}.status::before{content:'';width:5px;height:5px;border-radius:50%}.status.new{color:#92400e;background:#fef3c7}.status.new::before{background:#d97706}.status.progress{color:#1d4ed8;background:#dbeafe}.status.progress::before{background:#2563eb}.status.complete{color:#047857;background:#d1fae5}.status.complete::before{background:#10b981}.reward{color:#047857;font-weight:700}.row-action{border:0;border-radius:6px;padding:7px 9px;color:#4338ca;background:#eef2ff;font-size:10px;font-weight:700}.pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2e8f0;padding:13px 20px;color:#94a3b8;font-size:11px}.pagination div{display:flex;gap:7px}.pagination button{border:1px solid #e2e8f0;border-radius:6px;padding:6px 9px;color:#94a3b8;background:#fff;font-size:10px}.insight-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:15px;margin-top:22px}.insight-card,.rules-card{border:1px solid #e2e8f0;border-radius:13px;padding:22px;background:#fff}.insight-card{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-kicker{color:#6366f1;font-size:10px;font-weight:800;letter-spacing:.08em}.insight-card h2{max-width:450px;margin:9px 0 6px;font-size:19px;letter-spacing:-.04em}.insight-card p{max-width:540px;margin:0;color:#64748b;font-size:12px;line-height:1.5}.insight-card button,.rules-card button{flex:0 0 auto;border:0;padding:8px 0;color:#4f46e5;background:transparent;font-size:11px;font-weight:800}.rule-row{display:flex;justify-content:space-between;margin-top:16px;border-top:1px solid #f1f5f9;padding-top:12px;color:#64748b;font-size:12px}.rule-row strong{color:#047857}.rules-card button{margin-top:13px}.app-footer{padding:14px 34px 22px;color:#94a3b8;font-size:10px;text-align:center}.app-footer span{margin:0 5px}.modal-backdrop{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.52);backdrop-filter:blur(3px)}.modal-backdrop.open{display:flex}.modal{width:min(500px,100%);max-height:90vh;overflow:auto;border-radius:13px;padding:23px;background:#fff;box-shadow:0 25px 50px rgba(15,23,42,.2)}.modal h2{margin:0;font-size:18px}.modal>p{margin:6px 0 17px;color:#64748b;font-size:12px}.modal label{display:block;margin:11px 0 5px;color:#475569;font-size:11px;font-weight:700}.modal input,.modal select{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px;outline:0;color:#1e293b;background:#fff;font-size:12px}.modal input:focus,.modal select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #eef2ff}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px}.modal-note{margin-top:12px;border-radius:8px;padding:10px;color:#1d4ed8;background:#eff6ff;font-size:11px;line-height:1.4}#toast-container{position:fixed;right:20px;bottom:20px;z-index:60;display:grid;gap:8px}.toast{min-width:260px;border:1px solid #bbf7d0;border-radius:9px;padding:11px 13px;color:#047857;background:#f0fdf4;box-shadow:0 12px 26px rgba(15,23,42,.15);font-size:11px}.toast.error{border-color:#fecdd3;color:#be123c;background:#fff1f2}.sidebar-overlay{display:none}
@media(max-width:1040px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.insight-grid{grid-template-columns:1fr}.table-wrap table{min-width:760px}}
@media(max-width:720px){.app-sidebar{transform:translateX(-100%);transition:.2s ease}.app-sidebar.open{transform:translateX(0)}.sidebar-overlay.open{position:fixed;inset:0;z-index:15;display:block;background:rgba(15,23,42,.45)}.app-workspace{width:100%;margin:0}.app-topbar{min-height:62px;padding:0 16px}.menu-toggle{display:grid;place-items:center;width:34px;height:34px;margin-right:10px;border:0;border-radius:7px;color:#475569;background:#f1f5f9;font-size:17px}.app-topbar>div:first-of-type{margin-right:auto}.top-actions .help{display:none}.top-actions{gap:0}.logout{padding:7px 10px}.app-content{padding:20px 15px 25px}.breadcrumbs{font-size:10px}.page-heading{display:block;margin:11px 0 19px}.page-heading h1{font-size:24px}.page-heading p{max-width:300px;font-size:12px;line-height:1.45}.page-actions{display:grid;grid-template-columns:1fr 1.1fr;margin-top:15px}.page-actions button{padding:11px 8px;font-size:11px}.kpi-grid{gap:9px;margin-bottom:18px}.kpi-card{min-height:105px;display:block;padding:13px}.kpi-icon{width:29px;height:29px;border-radius:8px;font-size:11px}.kpi-card span{margin-top:8px;font-size:10px;line-height:1.2}.kpi-card strong{font-size:21px}.kpi-card small{display:none}.list-header{padding:17px 15px 12px}.list-header h2{font-size:15px}.list-header p{max-width:230px;font-size:10px;line-height:1.4}.export-button{padding:7px 9px;font-size:0}.export-button::after{content:'⇩';font-size:15px}.filters{display:grid;grid-template-columns:1fr 42px;padding:0 15px 13px}.search-control{min-width:0}.filters select{display:none}.filter-action{padding:0;font-size:0}.filter-action::after{content:'☷';font-size:16px}.table-wrap{border-top:1px solid #e2e8f0}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;min-width:0}.table-wrap thead{display:none}.table-wrap tr{position:relative;border-bottom:1px solid #e2e8f0;padding:14px 15px}.table-wrap td{border:0;padding:0}.table-wrap td:nth-child(1){padding-right:74px}.table-wrap td:nth-child(2){margin-top:9px}.table-wrap td:nth-child(3){position:absolute;top:14px;right:15px;color:#94a3b8;font-size:10px}.table-wrap td:nth-child(4){margin-top:8px}.table-wrap td:nth-child(5){margin-top:8px}.table-wrap td:nth-child(6){position:absolute;right:15px;bottom:15px}.table-actions{display:none}.row-action{padding:7px}.pagination{padding:12px 15px;font-size:10px}.pagination div{display:none}.insight-grid{gap:11px;margin-top:17px}.insight-card,.rules-card{padding:17px}.insight-card{display:block}.insight-card h2{font-size:17px}.insight-card p{font-size:11px}.insight-card button{margin-top:13px}.app-footer{padding:15px;font-size:9px}.modal{padding:20px}.modal-actions{display:grid;grid-template-columns:1fr 1.2fr}.modal-actions button{width:100%}#toast-container{right:13px;bottom:13px;left:13px}.toast{min-width:0}}