@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--blue:#155ee8;--navy:#102a52;--ink:#25334b;--muted:#7a8597;--line:#e8edf3;--bg:#f6f8fb;--radius:12px;--sidebar:236px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:var(--blue);text-decoration:none}a:hover{color:#0a42a8}button,.button{font:600 13px inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 17px;border-radius:8px;background:var(--blue);color:#fff;border:1px solid transparent;cursor:pointer;white-space:nowrap;font-family:inherit;font-size:13px;font-weight:600}button:hover,.button:hover{background:#0d4dc4;color:white}button.secondary,.button.secondary{background:white;color:var(--ink);border:1px solid #dfe5ed}button.secondary:hover,.button.secondary:hover{background:#f0f4fa}.danger{background:#fff;color:#cc4350;border-color:#f3d7da}.danger:hover{background:#fff0f2;color:#b12735}input,textarea,select{font:inherit;color:var(--ink);background:white;border:1px solid #dfe5ed;border-radius:7px;padding:10px 12px;min-height:41px;max-width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:#6a98f3;box-shadow:0 0 0 3px #155ee80b}input[readonly]{background:#f5f7fb}textarea{resize:vertical}small,.small{font-size:12px}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-.9px;line-height:1.25;margin-bottom:0;font-weight:650}h2{font-size:16px;letter-spacing:-.25px;margin-bottom:18px;font-weight:650}h3{font-size:14px;margin-top:24px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.muted{color:var(--muted)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:white;border-right:1px solid var(--line);z-index:40;display:flex;flex-direction:column}.brand{display:flex;height:88px;align-items:center;padding:20px 29px}.brand img{width:135px;max-height:47px;object-fit:contain}.workspace{display:flex;align-items:center;gap:10px;margin:0 16px 18px;padding:12px;background:#f8fafd;border:1px solid var(--line);border-radius:9px}.workspace strong{display:block;font-size:12px;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace small{display:block;font-size:10px;color:var(--muted)}.avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#eaf1ff;color:var(--blue);border-radius:9px;font-size:13px;font-weight:700;flex-shrink:0}.sidebar nav{padding:0 12px;overflow:auto;flex:1}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:7px;color:#667187;font-size:12px;margin:2px 0}.sidebar nav a:hover{background:#f7f9fc;color:var(--blue)}.sidebar nav a.selected{background:#edf3ff;color:var(--blue);font-weight:650}.sidebar nav svg{width:18px;height:18px}.sidebar summary{font-size:11px;padding:14px;color:#8d98a8;cursor:pointer;text-transform:uppercase;letter-spacing:.7px}.nav-bottom{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-top:1px solid var(--line);margin-top:14px}.nav-bottom a{font-size:12px;color:var(--ink);font-weight:600}.nav-bottom small{display:block;color:var(--muted);font-weight:400;font-size:10px}.icon-button{border:0;background:none;padding:6px;color:#7b8799;min-height:30px;cursor:pointer}.icon-button:hover{background:#edf3ff;color:var(--blue)}.app-shell{margin-left:var(--sidebar)}.topbar{height:70px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.breadcrumb{font-size:12px;color:#798599}.breadcrumb span{padding:0 12px;color:#b5bfcc}.top-actions{display:flex;align-items:center;gap:20px}.content{padding:31px 36px 60px;max-width:1800px;margin:auto}.page-title{display:flex;justify-content:space-between;margin-bottom:18px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8b98ac;font-weight:700;margin-bottom:8px}.intro{color:#7d8799;margin-bottom:27px;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px}.metric{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:21px 22px}.metric-label{display:flex;align-items:center;justify-content:space-between;color:#7c8799;font-size:12px}.metric-label svg{color:#9aabc5;width:17px}.metric>strong{display:block;font-size:25px;font-weight:650;letter-spacing:-1px;margin:10px 0 7px;color:#243956}.metric>small{font-size:10px;color:#9aa3b2}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:23px;margin-bottom:24px}.panel{padding:24px;background:white;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:23px;min-width:0}.dashboard-grid>.panel{margin-bottom:0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.section-title a{font-size:11px}.task-item{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f0f3f7;color:var(--ink)}.task-item:last-child{border-bottom:0}.task-item div{flex:1}.task-item strong{font-size:12px;font-weight:550}.task-item small{display:block;color:var(--muted);font-size:10px}.task-check{width:17px;height:17px;border:1px solid #d9e1ed;border-radius:5px}.pill{display:inline-flex;align-items:center;border-radius:5px;padding:4px 8px;font-size:10px;background:#f1f4f9;color:#7b879b;max-width:100%}.pill.red{background:#fff1f0;color:#cd726b}.pill.green{background:#edf9f2;color:#29965b}.attention{display:block;padding:14px 0;border-bottom:1px solid #f0f3f7;color:var(--ink)}.attention strong{display:block;font-size:12px;font-weight:550}.attention small{font-size:10px;color:#d48b45}.empty{text-align:center;padding:38px 16px;color:#9ba5b5;font-size:12px}.empty strong{display:block;color:#718097}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 23px}.toolbar-actions{display:flex;gap:9px}.search{display:flex;align-items:center;gap:7px;background:white;border:1px solid var(--line);border-radius:8px;padding:0 12px;min-width:290px;color:#a1adbf}.search input{border:0;box-shadow:none;background:transparent;width:100%;font-size:12px}.search svg{width:16px}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;color:#8c97a7;background:#fbfcfe;font-weight:500;padding:15px 21px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:17px 21px;border-bottom:1px solid #f0f3f7;vertical-align:middle}tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.row-title{color:#34445d;font-weight:600}tbody tr:hover{background:#fcfdff}.pipeline{display:flex;gap:16px;overflow:auto;padding:4px 2px 18px}.stage{flex:1;min-width:220px;background:#f7f9fc;border-radius:9px;padding:14px 12px;min-height:270px}.stage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.stage-header strong{font-size:11px;font-weight:650}.stage-header span{background:#e8edf5;color:#8794aa;border-radius:4px;padding:1px 6px;font-size:9px}.stage>small{font-size:10px;color:#99a5b7}.stage-cards{padding-top:13px;min-height:150px}.deal-card{display:block;padding:16px 13px;background:white;border:1px solid #e9edf4;border-radius:8px;color:var(--ink);margin-bottom:11px;box-shadow:0 2px 3px #22355202;cursor:grab}.deal-company{display:block;font-size:9px;color:#9aa4b5;text-transform:uppercase;letter-spacing:.5px}.deal-card>strong{display:block;font-size:12px;font-weight:600;margin:6px 0 11px}.deal-card>b{font-size:12px;color:#556781;font-weight:550}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:10px;border-top:1px solid #f3f5f8}.card-foot small{font-size:9px;color:#9ba6b6}.card-foot .pill{font-size:8px;padding:3px 5px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;min-width:0}.field>span{font-size:11px;color:#66758c;font-weight:550}.field b{color:var(--blue);font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}.form-grid .wide{grid-column:1/-1}.form-panel{max-width:980px}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--line)}.detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:23px}.data-list dt{font-size:10px;color:var(--muted);margin:16px 0 4px}.data-list dd{margin:0;white-space:normal;overflow-wrap:anywhere;font-size:13px}.timeline{padding:10px 0 12px 14px;border-left:2px solid #dbe8ff;margin-bottom:10px}.timeline strong{display:block;font-size:12px;font-weight:550}.timeline small{color:var(--muted);font-size:10px}.training-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.training-card{padding:0;overflow:hidden;color:var(--ink)}.training-card:hover{border-color:#abc8ff;color:var(--ink)}.course-art{height:118px;background:linear-gradient(120deg,#ebf3ff,#f1f8ff);display:flex;align-items:center;justify-content:space-between;padding:30px;color:#477ccd}.course-art svg{width:44px;height:44px}.course-art span{font-size:9px;letter-spacing:1px;max-width:120px}.course-body{padding:22px}.course-body h2{margin:13px 0 10px}.course-body p{font-size:12px;color:var(--muted);min-height:38px}.course-body>strong{font-size:11px;color:var(--blue)}.video{width:100%;aspect-ratio:16/9;border:0;background:#f5f7fb;border-radius:8px;margin-bottom:15px}.material-image{max-width:100%;height:auto;border-radius:8px}.notice{border:1px solid #cde4d8;color:#3a7e58;background:#f3fbf6;padding:14px 18px;border-radius:8px;margin:0 0 20px;font-size:12px;overflow-wrap:anywhere}.notice.warning{border-color:#f4e1ba;background:#fffbf0;color:#9e7b2f}.price{font-size:34px;font-weight:650;letter-spacing:-1.5px;color:#193d76}.price small{font-size:13px;font-weight:400;color:#8694a9;letter-spacing:0}.pix{max-width:540px}.bar-row{position:relative;display:flex;justify-content:space-between;padding:13px 0 16px;margin-bottom:8px;font-size:12px}.bar-row div{position:absolute;bottom:2px;left:0;height:4px;border-radius:5px;background:#75a4ff}.quick-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.user-row{display:grid;grid-template-columns:1fr 1.5fr 1fr .7fr 1.2fr auto;gap:10px;align-items:end;border-bottom:1px solid var(--line);padding:15px 0}.user-row button{margin-bottom:16px}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:35px}.auth-card{width:440px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:38px}.auth-logo{width:145px;max-height:65px;object-fit:contain;object-position:left;margin-bottom:30px}.auth h1{font-size:28px;margin:0 0 20px}.auth h2{font-size:23px;margin-bottom:7px}.auth-card .muted{font-size:12px;margin-bottom:26px}.auth-card button.full{width:100%}.auth-card .field{margin-bottom:18px}.checkbox{display:flex;align-items:flex-start;gap:8px;color:#8692a6;font-size:11px;margin:7px 0 23px}.checkbox input{min-height:0;margin:3px 0 0}.login-layout{width:1060px;max-width:100%;display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:center}.login-story{padding:30px}.login-story .eyebrow{color:#6084b7;letter-spacing:2px;font-size:10px}.login-story h1{font-size:40px;line-height:1.2;letter-spacing:-1.8px;font-weight:600;color:#16365e;margin:23px 0}.login-story>p{color:#8393aa;font-size:14px}.login-decoration{position:relative;display:flex;gap:12px;margin-top:42px;transform:rotate(-5deg)}.mini-card{background:white;border:1px solid #e3ebf6;padding:21px;border-radius:12px;width:190px;font-size:10px;color:#9ba9bf;box-shadow:0 10px 30px #1d538709}.mini-card strong{display:block;color:#4279be;font-size:18px;margin:7px 0 13px}.mini-card.offset{transform:translateY(30px)}.mini-line{display:block;height:5px;border-radius:4px;background:#eaf1fb;margin-top:9px;width:100%}.mini-line.short{width:60%}.sign-card{width:720px}.sign-card small{overflow-wrap:anywhere}.mobile-toggle{display:none}footer{padding:8px 36px 22px;font-size:10px;color:#b1b9c8}button:focus-visible,a:focus-visible{outline:3px solid #8ab3ff;outline-offset:3px}[hidden]{display:none!important}
@media(min-width:1600px){.content{padding:38px 48px}.topbar{padding:0 48px}.stage{min-width:240px}}
@media(max-width:1180px){:root{--sidebar:210px}.content{padding:25px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr 1fr}.training-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-row{grid-template-columns:1fr 1fr 1fr}.login-layout{gap:25px;grid-template-columns:1fr 410px}.login-story h1{font-size:34px}.detail-grid{grid-template-columns:1fr}}
@media(max-width:800px){:root{--sidebar:230px}.sidebar{transform:translateX(-100%);transition:transform .2s}.menu-open .sidebar{transform:translateX(0);box-shadow:20px 0 50px #102a5220}.app-shell{margin-left:0}.mobile-toggle{display:inline-flex}.topbar{height:62px;padding:0 20px;gap:10px}.breadcrumb{flex:1;font-size:11px}.top-actions{gap:10px}.top-actions>.pill{display:none}.content{padding:25px 19px 40px}.dashboard-grid{grid-template-columns:1fr}.panel{padding:20px}.table-wrap{padding:0}.toolbar{flex-wrap:wrap}.toolbar-actions{width:100%;justify-content:flex-end}.search{width:100%;min-width:0}.login-layout{display:block;max-width:440px}.login-story{display:none}.auth{padding:22px}.auth-card{padding:30px;width:100%}.training-grid{grid-template-columns:1fr 1fr}.form-grid{gap:3px 15px}h1{font-size:24px}.user-row{grid-template-columns:1fr 1fr}.topbar .avatar{width:28px;height:28px}.pipeline{margin:0 -8px}.stage{min-width:240px}.metric{padding:17px}.metric>strong{font-size:23px}footer{padding-left:20px}}
@media(max-width:480px){.training-grid{grid-template-columns:1fr}.metrics{gap:10px}.metric-label{font-size:10px}.metric>small{font-size:9px}.metric>strong{font-size:21px}.metric-label svg{width:14px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}input,textarea,select{font-size:16px}.toolbar-actions{flex-wrap:wrap}.toolbar .button{font-size:11px;padding:9px 12px}.panel{padding:18px}.table-wrap{padding:0}.section-title a{font-size:10px}.section-title h2{font-size:14px}.user-row{display:block}.auth{padding:15px}.auth-card{padding:27px}.pill{font-size:9px}td,th{padding:13px 15px}}
@media print{.sidebar,.topbar,footer,.toolbar,.form-actions{display:none}.app-shell{margin:0}.content{padding:0}.panel{border:0;box-shadow:none}}
.calendar{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}.calendar-panel{overflow:auto}.calendar-day-label{background:#f8fafd;text-align:center;padding:10px;font-size:10px;color:var(--muted)}.calendar-cell{background:white;min-height:110px;padding:10px}.calendar-cell>span{font-size:11px;color:#8392a8}.calendar-cell.today{background:#f2f7ff}.calendar-cell.today>span{background:var(--blue);color:white;border-radius:50%;padding:3px 6px}.calendar-cell>a{display:block;background:#edf3ff;border-left:2px solid #6494ee;padding:4px;font-size:10px;border-radius:3px;margin-top:8px;overflow-wrap:anywhere}.calendar-cell.blank{background:#fbfcfe}
