:root{--sunfinity-orange: #E58D34;--sunfinity-navy: #0B3B5E;--sunfinity-ink: #151515;--sunfinity-gray: #7C858C;--sunfinity-white: #FFFFFF;--sunfinity-success: #16A34A;--sunfinity-warning: #F59E0B;--sunfinity-danger: #DC2626;--sunfinity-info: #0284C7;--sunfinity-font-heading: "Poppins", system-ui, sans-serif;--sunfinity-font-body: "Inter", system-ui, sans-serif;--sunfinity-font-mono: "JetBrains Mono", ui-monospace, monospace;--sunfinity-radius-sm: .25rem;--sunfinity-radius-md: .5rem;--sunfinity-radius-lg: .75rem;--sunfinity-radius-xl: 1rem;--sunfinity-radius-full: 9999px}:root{--brand-primary: #0b3b5e;--brand-accent: #e58d34;--font-heading: Montserrat, system-ui, sans-serif;--font-body: Montserrat, system-ui, sans-serif;color:#172033;font-family:var(--font-body);background:#f5f7fa}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input{border-radius:8px}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:18px 14px;background:var(--brand-primary);color:#fff;display:flex;flex-direction:column;gap:24px}.brand-lockup{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:4px 6px}.brand-lockup img{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:8px}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup span{color:#ffffffb3;font-size:12px;margin-top:2px}.sidebar nav{display:grid;gap:4px}.sidebar button{min-height:40px;border:0;background:transparent;color:#ffffffd1;display:flex;align-items:center;gap:10px;padding:0 10px;cursor:pointer;text-align:left}.sidebar button.active,.sidebar button:hover:not(:disabled){background:#ffffff1f;color:#fff}.sidebar button:disabled{cursor:not-allowed;color:#ffffff61}.nav-dot{width:7px;height:7px;border-radius:999px;background:currentColor}.main-area{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:10;min-height:68px;display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;align-items:center;gap:14px;padding:12px 22px;background:#ffffffeb;border-bottom:1px solid #e4e8ef;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.global-search{position:relative}.global-search span,.toolbar span,.detail span{display:block;font-size:12px;font-weight:700;color:#667085;margin-bottom:5px}.global-search input,.toolbar input,.toolbar select,.topbar select,.login-panel input{width:100%;min-height:40px;border:1px solid #d8dee8;background:#fff;color:#172033;padding:0 12px}.user-menu{display:flex;align-items:center;gap:10px;justify-content:end;white-space:nowrap}.user-menu button,.pagination button,.drawer-close{border:1px solid #d8dee8;background:#fff;color:var(--brand-primary);min-height:36px;padding:0 12px;cursor:pointer}.content{padding:24px;animation:fade-in .16s ease-out}.page-section{display:grid;gap:18px}.page-header h1{margin:0;font-family:var(--font-heading);font-size:28px;letter-spacing:0;color:#111827}.page-header p{margin:4px 0 0;color:#667085}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric,.settings-panel,.login-panel{background:#fff;border:1px solid #e4e8ef;border-radius:8px}.metric{padding:18px}.metric span{color:#667085;font-size:13px;font-weight:700}.metric strong{display:block;margin-top:8px;font-size:30px;color:var(--brand-primary)}.toolbar{display:grid;grid-template-columns:minmax(260px,420px) 220px;gap:12px;align-items:end}.table-wrap{min-height:360px;overflow:auto;background:#fff;border:1px solid #e4e8ef;border-radius:8px}table{width:100%;min-width:820px;border-collapse:collapse}th,td{padding:13px 14px;border-bottom:1px solid #eef1f5;text-align:left;vertical-align:middle}th{position:sticky;top:0;background:#fafbfc;color:#667085;font-size:12px;text-transform:uppercase}tbody tr{cursor:pointer}tbody tr:hover{background:#f8fafc}.row-link{border:0;background:transparent;color:var(--brand-primary);padding:0;cursor:pointer;font-weight:800}.tag-list{display:flex;flex-wrap:wrap;gap:5px;min-height:24px;align-items:center}.tag-list span{background:#e58d3421;color:#8a4d11;border:1px solid rgb(229 141 52 / 32%);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.tag-list em,.muted{color:#98a2b3;font-style:normal}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#667085}.pagination button:disabled{color:#98a2b3;cursor:not-allowed}.drawer{position:fixed;inset:0 0 0 auto;z-index:30;width:min(520px,100vw);overflow:auto;padding:22px;background:#fff;border-left:1px solid #d8dee8;box-shadow:-18px 0 50px #0f172a24}.drawer h2{margin:14px 0 18px;font-size:24px}.drawer h3{margin:22px 0 10px;font-size:15px;color:#344054}.detail-grid,.custom-grid,.settings-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-panel{padding:18px}.detail{border:1px solid #eef1f5;border-radius:8px;padding:12px;min-height:74px}.detail strong{display:block;overflow-wrap:anywhere;color:#172033}.timeline{list-style:none;display:grid;gap:10px;padding:0;margin:0}.timeline li{border-left:3px solid var(--brand-accent);padding-left:10px}.timeline strong,.timeline span{display:block}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,300px);gap:14px;overflow-x:auto;padding-bottom:8px}.kanban-column{min-height:540px;background:#eef2f6;border:1px solid #dfe5ed;border-radius:8px;padding:10px}.kanban-column header{display:flex;justify-content:space-between;align-items:center;min-height:36px;color:#344054}.kanban-column header span{background:#fff;border-radius:999px;padding:2px 8px;color:#667085;font-size:12px}.opportunity-card{display:grid;gap:8px;margin-top:10px;padding:12px;background:#fff;border:1px solid #e4e8ef;border-radius:8px;box-shadow:0 1px 2px #0f172a0f}.opportunity-card>span,.column-empty{color:#667085;font-size:13px}.opportunity-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.opportunity-card footer span{color:var(--brand-primary);font-size:12px;font-weight:700;text-transform:uppercase}.empty-state{display:grid;place-items:center;min-height:180px;color:#667085}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0b3b5ef0,#0b3b5ed1),#0b3b5e}.login-panel{width:min(420px,100%);display:grid;gap:14px;padding:28px;box-shadow:0 24px 80px #00000038}.login-panel img{width:54px;height:54px;object-fit:contain}.login-panel h1{margin:0 0 4px;color:var(--brand-primary);font-size:26px}.login-panel label{display:grid;gap:6px;color:#344054;font-weight:700;font-size:13px}.login-panel button{min-height:42px;border:0;color:#fff;background:var(--brand-accent);cursor:pointer;font-weight:800}.login-panel button:disabled{opacity:.72}.error-text{margin:0;color:#b42318;font-weight:700}.toast{position:fixed;right:18px;bottom:18px;z-index:50;background:#172033;color:#fff;padding:12px 14px;border-radius:8px;box-shadow:0 10px 30px #0f172a38}.skeleton-block{min-height:120px;border-radius:8px;background:linear-gradient(90deg,#eef1f5 25%,#f7f9fb 37%,#eef1f5 63%);background-size:400% 100%;animation:shimmer 1.2s ease-in-out infinite}.table-skeleton{display:grid;gap:10px;padding:14px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.sidebar{width:82px;padding-inline:10px}.brand-lockup{grid-template-columns:1fr}.brand-lockup div,.sidebar button:not(.active) .nav-dot+text{display:none}.sidebar button{justify-content:center;font-size:0}.topbar{grid-template-columns:1fr}.metrics-grid,.detail-grid,.custom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.toolbar,.metrics-grid,.detail-grid,.custom-grid{grid-template-columns:1fr}.content{padding:16px}}