@import "https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@300;400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0f1e;--surface:#0f1629;--surface-el:#151c33;--surface-in:#0d1325;--orange:#f97316;--orange-hover:#fb923c;--orange-dim:#f9731614;--orange-border:#f973164d;--blue:#3b82f6;--green:#22c55e;--red:#ef4444;--purple:#8b5cf6;--text:#fff;--text-sec:#fff9;--text-muted:#ffffff4d;--border:#ffffff12;--border-hover:#ffffff1f;--font-heading:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--sidebar-w:240px}html,body{font-family:var(--font-body);background:var(--bg);color:var(--text);max-width:100%;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--font-heading)}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);background:#ffffff08;border-radius:12px}.glass-orange{background:var(--orange-dim);border:1px solid var(--orange-border);border-radius:12px}.glass-purple{background:#8b5cf614;border:1px solid #8b5cf640;border-radius:12px}.grid-bg{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px}.glow-orange{filter:blur(80px);pointer-events:none;z-index:0;background:#f973160f;border-radius:50%;width:400px;height:400px;position:fixed;top:20%;left:10%}.glow-blue{filter:blur(80px);pointer-events:none;z-index:0;background:#3b82f60d;border-radius:50%;width:350px;height:350px;position:fixed;bottom:20%;right:10%}.reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--orange)}.app-main-wrapper{margin-left:var(--sidebar-w);min-width:0;width:calc(100vw - var(--sidebar-w));max-width:calc(100vw - var(--sidebar-w));flex-direction:column;flex:1;display:flex;overflow-x:hidden}.app-main-content{z-index:1;flex:1;width:100%;min-width:0;max-width:100%;padding:24px;position:relative;overflow-x:hidden}.app-main-content>*{min-width:0;max-width:100%}@media (max-width:768px){.sidebar-desktop{display:none!important}.sidebar-mobile{display:flex!important}.app-main-wrapper{padding-bottom:72px;width:100vw!important;max-width:100vw!important;margin-left:0!important}.app-main-content{padding:16px 12px}.topbar-cta{display:none!important}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-responsive table{min-width:560px}.stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.two-col-layout{flex-direction:column!important}.two-col-layout .col-main{width:100%!important}.two-col-layout .col-aside{width:100%!important;min-width:unset!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.filter-row{flex-wrap:wrap!important;gap:8px!important}.modal-panel{border-radius:16px 16px 0 0!important;width:100%!important;max-width:100%!important;max-height:92vh!important;margin:0!important;position:fixed!important;bottom:0!important;left:0!important;overflow-y:auto!important}.pipeline-board{padding-bottom:8px;-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.pipeline-col{flex-shrink:0!important;min-width:260px!important}.wizard-step-row{gap:8px!important}.wizard-step-row .step-connector{width:24px!important}}@media (max-width:480px){.stat-grid{grid-template-columns:1fr!important}.app-main-content{padding:12px 10px}}@media (min-width:769px){.sidebar-mobile{display:none!important}}.dashboard-main-grid,.dashboard-secondary-grid,.page-stats-grid,.contact-detail-grid,.detail-layout{box-sizing:border-box;width:100%}.dashboard-main-grid>*,.dashboard-secondary-grid>*,.page-stats-grid>*{min-width:0}.dashboard-main-grid{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}.dashboard-secondary-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.page-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;width:100%;display:grid}.detail-layout{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.detail-layout .detail-main{flex-direction:column;flex:340px;gap:20px;min-width:0;max-width:100%;display:flex}.detail-layout .detail-aside{flex-direction:column;flex-shrink:0;gap:16px;width:280px;min-width:0;display:flex;position:sticky;top:80px}@media (max-width:768px){.dashboard-main-grid{grid-template-columns:1fr!important}.dashboard-secondary-grid,.page-stats-grid{grid-template-columns:repeat(2,1fr)!important}.detail-layout{flex-direction:column!important}.detail-layout .detail-aside{order:-1;width:100%!important;position:static!important}.detail-layout .detail-main{flex:none!important;width:100%!important}.contact-detail-grid{grid-template-columns:1fr!important}.auth-card{padding:32px 24px 28px!important}.profession-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.dashboard-secondary-grid,.page-stats-grid{grid-template-columns:1fr!important}.stat-cards-grid{grid-template-columns:1fr!important;gap:12px!important}.auth-card{padding:28px 20px 24px!important}.profession-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.stat-cards-grid{grid-template-columns:1fr!important;gap:12px!important}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:6px;animation:1.6s ease-in-out infinite shimmer}.skeleton-text{border-radius:4px;height:14px}.skeleton-title{border-radius:5px;height:22px}.skeleton-card{border-radius:10px;height:80px}.skeleton-row{border-radius:8px;height:52px}.skeleton-circle{border-radius:50%!important}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}@media (max-width:768px){.toast-container{bottom:80px;left:12px;right:12px}}.toast{font-size:14px;font-family:var(--font-body);pointer-events:all;border-radius:10px;align-items:center;gap:10px;max-width:380px;padding:12px 16px;font-weight:500;animation:.25s toastIn;display:flex;box-shadow:0 8px 32px #0006}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-success{color:#22c55e;background:#0f2d1a;border:1px solid #22c55e4d}.toast-error{color:#ef4444;background:#2d0f0f;border:1px solid #ef44444d}.toast-info{color:#60a5fa;background:#0f1e2d;border:1px solid #3b82f64d}.toast-warning{color:#eab308;background:#2d1f0f;border:1px solid #eab3084d}.network-error-banner{z-index:10000;color:#ef4444;font-size:13px;font-family:var(--font-body);background:#2d0f0f;border-bottom:1px solid #ef44444d;justify-content:center;align-items:center;gap:10px;padding:8px 16px;animation:.2s toastIn;display:flex;position:fixed;top:0;left:0;right:0}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.empty-state-icon{color:#fff3;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:8px;display:flex}.empty-state-title{font-family:var(--font-heading);color:#ffffffb3;margin:0;font-size:18px;font-weight:700}.empty-state-sub{color:#ffffff59;max-width:320px;margin:0;font-size:13px}@media (max-width:768px){button,a,[role=button]{min-height:44px}.btn-icon-sm{min-height:32px!important}}@media (max-width:640px){.mobile-card-list .table-row-desktop,.mobile-card-list .table-header{display:none!important}.mobile-card-list .mobile-card{display:flex!important}}@media (min-width:641px){.mobile-card-list .mobile-card{display:none!important}}img{content-visibility:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}