:root{--blue:#2563B9;--hover:#1D4F91;--navy:#202936;--ink:#273547;--muted:#768393;--line:#e6ebf2;--bg:#f5f7fb;--card:white;--green:#198260;--red:#bf3c48}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.shell{min-height:100vh;display:flex}.sidebar{width:254px;background:var(--navy);color:white;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:30px 23px 33px;font-size:13px;letter-spacing:.045em}.brand small{display:block;font-size:9px;letter-spacing:.22em;color:#a8b7c8;margin-top:4px}.brand-icon{display:grid;place-items:center;background:var(--blue);color:white;font-weight:800;font-size:22px;width:41px;height:41px;border-radius:11px;flex-shrink:0}.nav-caption{color:#8696a9;font-size:10px;letter-spacing:.18em;margin:0 25px 12px}nav{padding:0 12px;display:grid;gap:4px}nav button{border:0;background:transparent;color:#bfcad6;text-align:left;padding:13px 15px;border-radius:9px;font-weight:550}nav button span{font-size:20px;line-height:10px;vertical-align:middle;margin-right:12px}nav button:hover,nav button.active{background:#35465a;color:white}nav button.active{box-shadow:inset 3px 0 var(--blue)}.sidebar-bottom{margin-top:auto;padding:17px;border-top:1px solid #3b4654}.user-bubble{display:flex;gap:10px;align-items:center}.user-bubble>span,.avatar{width:37px;height:37px;border-radius:50%;background:#446388;display:grid;place-items:center;color:white;font-weight:700}.user-bubble strong,.user-bubble small{display:block}.user-bubble small{color:#a9b8c8;text-transform:capitalize}.logout{margin:16px 0 0;padding:10px 12px;width:100%;border:1px solid #4c5c6e;border-radius:8px;background:transparent;color:#e2e8f0;text-align:left}.main{flex:1;min-width:0}.topbar{height:73px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.crumb{font-size:12px;font-weight:700;letter-spacing:.06em}.crumb span{color:#9ca9b7;margin:0 8px}.header-right{display:flex;gap:22px;align-items:center}.secure{font-size:12px;color:var(--green)}.avatar{background:#dce9f8;color:var(--blue)}.content{padding:34px;max-width:1520px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 25px}.eyebrow{color:var(--blue);font-size:10px;letter-spacing:.17em;font-weight:800;margin-bottom:9px}.page-heading h1{font-size:30px;letter-spacing:-.035em;margin:0 0 6px;color:var(--navy)}.muted{color:var(--muted)}.page-heading p{margin:0}.toolbar{display:flex;gap:10px;align-items:center}.btn{background:white;border:1px solid var(--line);border-radius:8px;padding:11px 16px;font-weight:650;color:var(--ink)}.btn:hover{background:#f0f4f9}.btn.primary{background:var(--blue);color:white;border-color:var(--blue)}.btn.primary:hover{background:var(--hover)}.btn.danger{color:var(--red)}.btn.fill{width:100%}select,input,textarea{background:white;border:1px solid #dce3ed;border-radius:8px;padding:10px 12px;color:var(--ink);width:100%;outline-color:var(--blue)}.toolbar select{width:auto;min-width:108px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:0 0 20px}.card,.panel{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px rgba(32,41,54,.025)}.card{padding:23px}.card .label{color:var(--muted);font-size:12px;font-weight:600}.card .value{font-size:27px;letter-spacing:-.045em;font-weight:800;color:var(--navy);margin:8px 0}.card .foot{font-size:11px;color:#8290a0}.card .marker{float:right;color:var(--blue);font-size:20px}.panel{padding:25px;margin-bottom:18px}.panel h2{margin:0;font-size:16px;color:var(--navy)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.grid-even{grid-template-columns:1fr 1fr}.badge{font-size:11px;border-radius:100px;padding:4px 9px;font-weight:700;display:inline-block;background:#edf2fa;color:#48627d;text-transform:capitalize}.badge.closed{background:#e0f5e9;color:#14764a}.badge.pending{background:#fff1d8;color:#98600d}.badge.lost{background:#ffe8e8;color:#a72c36}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.table th{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#82909f;background:#f9fafc;font-weight:700}.table td,.table th{border-bottom:1px solid var(--line);padding:13px 11px}.table tr:last-child td{border-bottom:0}.table td strong{color:var(--navy)}.table .actions{display:flex;gap:8px}.linkbtn{border:0;background:none;color:var(--blue);font-weight:700;padding:4px}.linkbtn:hover{text-decoration:underline}.empty{text-align:center;padding:48px 15px;color:var(--muted)}.sourcebar{height:9px;background:#edf2f8;border-radius:20px;overflow:hidden;margin:7px 0 16px}.sourcebar div{height:100%;border-radius:20px;background:var(--blue)}.sourceitem{display:flex;justify-content:space-between;margin-top:11px;gap:10px}.sourceitem strong{color:var(--navy)}.progress{background:#e7edf7;height:10px;border-radius:20px;overflow:hidden}.progress>div{background:var(--blue);height:100%;border-radius:20px}.goal{margin:16px 0}.goal .goal-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid .wide{grid-column:1/-1}label{display:block;font-weight:650;font-size:12px;color:#59687a}label input,label select,label textarea{display:block;margin-top:5px}textarea{min-height:110px;resize:vertical}.auth-screen{min-height:100vh;background:linear-gradient(135deg,#202936,#2d4771);display:grid;place-items:center;padding:20px}.auth-card{background:#fff;padding:40px;width:min(430px,100%);border-radius:17px;box-shadow:0 20px 80px #121c2c40}.auth-card h1{font-size:27px;letter-spacing:.025em;margin:8px 0}.auth-card .brand-icon{margin-bottom:24px}.auth-card form{margin-top:29px;display:grid;gap:18px}.auth-card .small{font-size:11px;margin:22px 0 0}.error{color:var(--red);margin-top:14px;min-height:20px}.notice{padding:12px 16px;background:#e8f4eb;color:#23653f;border-radius:8px;margin-bottom:15px}.notice.bad{background:#ffe9e9;color:#ab2c37}.mobile-menu{display:none}.section-desc{font-size:13px;color:var(--muted);margin:7px 0 20px}.setting-box{max-width:560px}.setting-box label{margin:14px 0}dialog{border:1px solid var(--line);border-radius:15px;padding:0;width:min(650px,94vw);box-shadow:0 24px 90px #111a3066;max-height:92vh}dialog::backdrop{background:#15203499}#dialogForm{padding:23px;max-height:90vh;overflow:auto}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-head{margin-bottom:22px}.modal-head h2{margin:0}.icon-btn{border:0;background:transparent;font-size:25px}.modal-actions{justify-content:flex-end;margin-top:23px}a{color:var(--blue)}@media(max-width:1060px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.sidebar{width:220px}.content{padding:24px}}@media(max-width:760px){.sidebar{position:fixed;z-index:30;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.mobile-menu{display:inline-block;background:none;border:0;font-size:22px}.topbar{height:65px;padding:0 17px}.secure{display:none}.content{padding:22px 14px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:25px}.cards{gap:9px}.card{padding:15px}.card .value{font-size:21px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}
