:root{font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:#243748;background:#f4f6f8;font-size:14px;--brand:#13877e;--ink:#182e40;--muted:#798895;--border:#e5eaef;--soft:#f4f7f9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:#13877e;text-decoration:none}a:hover{text-decoration:underline}button{border:1px solid #dbe3e9;border-radius:7px;background:white;color:#344858;padding:9px 14px;white-space:nowrap;transition:background .15s}button:hover{background:#f0f5f5}button.primary,.button.primary{background:var(--brand);border-color:var(--brand);color:white}button.primary:hover{background:#0d716a}.danger{color:#bc4d4d!important}.button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:7px;background:#fff;padding:9px 14px;color:#344858}.button:hover{text-decoration:none;background:#f3f6f8}.ghost{border-color:transparent;background:transparent}.small{padding:5px 9px;font-size:12px}.text-button{border:0;background:none;padding:0;color:var(--brand);text-align:left;white-space:normal}.muted{color:var(--muted)}.tiny{font-size:12px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--brand);text-transform:uppercase}.loading,.empty{padding:65px 24px;text-align:center;color:var(--muted)}.empty svg{display:block;margin:0 auto 18px;color:#acbac4;width:40px;height:40px}.empty b{display:block;color:#536879;margin-bottom:8px}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--ink);color:#d8e3e9;position:fixed;inset:0 auto 0 0;width:220px;padding:30px 17px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 12px 30px}.brand img{width:36px;height:36px}.brand strong{font-size:21px;color:white;letter-spacing:3px}.brand small{display:block;font-size:9px;color:#8fa8b8;letter-spacing:2px;margin-top:3px}.navlabel{color:#7690a2;font-size:10px;letter-spacing:1.5px;padding:12px 15px}.navbtn{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#abc0ce;padding:12px 15px;border-radius:7px;margin:3px 0;text-align:left}.navbtn:hover{background:#243e52;color:white}.navbtn.active{background:#24574f;color:#c6f7e3;font-weight:600}.navbtn svg{width:18px;height:18px;opacity:.85}.navbtn .soon{font-size:10px;margin-left:auto;opacity:.5}.sidebar-spacer{flex:1;min-height:24px}.orgmark{border-top:1px solid #30485a;padding:18px 10px 10px;font-size:12px;color:#93aebf;line-height:1.8}.usercard{display:flex;gap:10px;align-items:center;padding:12px 8px 0}.avatar{width:32px;height:32px;background:#dcece9;color:#177d74;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:9px;font-size:12px;font-weight:700}.sidebar .avatar{background:#365367;color:#d8f4e9}.usercard b{font-size:12px;color:white}.usercard small{display:block;font-size:10px;color:#9ab2c1;margin-top:3px}.logout{padding:5px;margin-left:auto;color:#90aab8;border:0;background:none}.main{grid-column:2;min-width:0}.topbar{background:white;border-bottom:1px solid var(--border);height:70px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb strong{font-weight:500;color:#354d5f;margin-left:10px}.top-right{display:flex;gap:18px;align-items:center}.env{font-size:11px;color:#7e8b93}.env i{display:inline-block;width:6px;height:6px;background:#48a886;border-radius:50%;margin-right:5px}.content{padding:30px 36px 50px;max-width:1800px;margin:auto}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.pagehead h1{font-size:25px;letter-spacing:-.6px;margin:5px 0 8px;color:#203b4b;font-weight:650}.pagehead p{margin:0;font-size:12px;color:var(--muted);line-height:1.8}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.demo-note{padding:8px 36px;background:#eff7f4;color:#548579;font-size:11px;border-bottom:1px solid #e2eeea;display:flex;justify-content:space-between}.card{background:white;border:1px solid var(--border);border-radius:11px;box-shadow:0 2px 5px #22334402;overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #edf1f4}.card-head h2{font-size:14px;margin:0;font-weight:650}.card-body{padding:22px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat{padding:22px;position:relative;min-height:135px}.stat-label{font-size:12px;color:#7a8b97}.stat-value{font-size:34px;font-weight:600;color:#243e4f;margin:13px 0 7px;letter-spacing:-1px}.stat small{font-size:10px;color:#8a9aa5}.stat svg{position:absolute;right:22px;top:23px;color:#83aca7;width:20px;height:20px}.stat:first-child{background:#eaf5f1;border-color:#d8eae3}.stat:first-child .stat-value{color:#178b7b}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px}.full{grid-column:1/-1}.greeting-date{font-size:12px;color:#7b909d}.pipeline{display:flex;gap:12px;align-items:flex-end;height:185px;padding:30px 22px 18px}.pipe{flex:1;text-align:center;min-width:0}.pipe b{font-size:12px;display:block;color:#4d6775;margin-bottom:10px}.bar{width:65%;min-width:20px;margin:auto;background:#a8d8cd;border-radius:5px 5px 2px 2px;height:55px}.pipe:nth-child(even) .bar{background:#55a89b}.pipe span{font-size:10px;display:block;margin-top:12px;color:#7c8d98}.quicklinks{display:flex;gap:14px;padding:18px 22px;background:#fafcfc;border-top:1px solid var(--border)}.quicklinks button{font-size:12px}.taskrow{display:flex;gap:12px;align-items:flex-start;padding:17px 22px;border-bottom:1px solid #f0f3f5}.taskrow:last-child{border:0}.taskcheck{padding:0;width:19px;height:19px;border-radius:50%;min-width:19px;margin-top:2px;color:#128b7b;font-size:12px}.taskcopy{flex:1;min-width:0}.taskcopy strong{font-size:12px;font-weight:500;display:block;line-height:1.6}.taskcopy small{display:block;margin-top:5px;font-size:10px;color:#8c9aa5}.due{font-size:10px;white-space:nowrap;color:#789080}.overdue{color:#d17457}.feed{padding:0 22px}.feedrow{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid #eff3f5}.feedrow:last-child{border:0}.feedrow p{font-size:12px;line-height:1.8;margin:0 0 6px;white-space:pre-wrap;overflow-wrap:anywhere}.feedrow small{font-size:10px;color:#8a9aa5}.feedrow .avatar{width:28px;height:28px;border-radius:50%;font-size:10px}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--border);padding:0 22px;overflow-x:auto}.tab{border:0;border-bottom:2px solid transparent;border-radius:0;padding:16px 0;background:none;font-size:12px;color:#7c8c98}.tab:hover{background:none;color:var(--brand)}.tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:17px 22px;border-bottom:1px solid var(--border)}.search-wrap{position:relative;flex:1;min-width:180px}.search-wrap input{padding-left:34px;width:100%}.search-wrap svg{position:absolute;width:15px;height:15px;left:11px;top:12px;color:#9caab3}input,select,textarea{border:1px solid #dce4e9;border-radius:6px;padding:9px 11px;background:white;color:#344b5b;max-width:100%}input:focus,select:focus,textarea:focus{border-color:#4faaa0;outline:2px solid #12877e14}textarea{resize:vertical;line-height:1.8;min-height:85px}input::placeholder,textarea::placeholder{color:#a7b0b8}select{font-size:12px;padding-right:24px}.filters select{max-width:160px}table{width:100%;border-collapse:collapse;text-align:left}th{background:#f8fafb;font-size:11px;font-weight:500;color:#8796a1;padding:13px 20px;white-space:nowrap;border-bottom:1px solid var(--border)}td{padding:17px 20px;border-bottom:1px solid #edf1f4;font-size:12px;color:#657986;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfc}.table-scroll{overflow:auto}.company{display:flex;gap:11px;align-items:center;min-width:215px}.company strong{display:block;color:#304c5f;font-weight:600;line-height:1.6}.company small{display:block;font-size:10px;color:#9aa9b3;margin-top:4px}.company .avatar{width:34px;height:34px;border-radius:8px;background:#edf3f5;color:#8099aa}.tag{font-size:10px;padding:4px 7px;border-radius:4px;background:#eff4f8;color:#68849a;white-space:nowrap;display:inline-block;margin:2px}.tag.green{background:#e9f5ef;color:#389677}.tag.orange{background:#fff3e7;color:#b88448}.tag.red{background:#fff0ed;color:#b56b59}.tags{margin-top:5px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-top:1px solid var(--border);font-size:11px;color:#8a99a4}.pagination .actions{gap:12px}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.notice{background:#eff7f4;color:#4d8277;border:1px solid #dcebe5;padding:13px 16px;border-radius:7px;font-size:12px;line-height:1.8;margin-bottom:20px}.notice.neutral{background:#f5f8fb;color:#728692;border-color:#e4ebf0}.steps{display:flex;gap:8px;margin-bottom:22px}.step{background:#e8edf0;padding:9px 18px;border-radius:20px;font-size:11px;color:#8899a4}.step.active{background:#dcefe8;color:#278774}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;min-width:0}.field>span{color:#667e8d}.field.wide{grid-column:1/-1}.field small{color:#8d9ba5;font-size:10px;line-height:1.7}.field input,.field select,.field textarea{width:100%}.checkline{display:flex;align-items:center;gap:8px;font-size:12px;color:#657c8a}.checkline input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.filezone{border:1px dashed #8cb8af;background:#f6fbf9;padding:35px;text-align:center;border-radius:9px;margin:16px 0}.filezone input{margin-top:18px;font-size:12px}.filezone svg{color:#71a898;width:32px;height:32px}.filezone b{display:block;margin:14px 0 8px}.mapping{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.error{background:#fff0ed;color:#b86251;border:1px solid #f3d8d0;padding:11px 14px;border-radius:7px;font-size:12px;line-height:1.8;margin:12px 0;overflow-wrap:anywhere}.error:empty{display:none}.overlay{position:fixed;inset:0;background:#152d4260;z-index:100;display:flex;justify-content:center;align-items:center;padding:25px;backdrop-filter:blur(2px)}.modal{background:white;width:670px;max-width:100%;border-radius:13px;box-shadow:0 20px 80px #10233533;max-height:90vh;display:flex;flex-direction:column}.modal.large{width:820px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:21px 25px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:16px;margin:0}.modal-body{padding:24px 25px;overflow:auto}.close{border:0;background:transparent;font-size:22px;padding:2px 6px;color:#8b9ca7}.contact-editor{border:1px solid var(--border);border-radius:8px;padding:15px;margin-top:12px}.contact-editor .form-grid{gap:10px}.subheading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px;font-size:12px;font-weight:600}.drawer-overlay{position:fixed;inset:0;background:#142c4140;z-index:60}.drawer{position:fixed;inset:0 0 0 auto;width:min(900px,90vw);background:#f5f7f9;box-shadow:-15px 0 60px #152d421f;z-index:61;overflow:auto}.drawer-head{background:white;padding:26px 28px 0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2}.drawer-title{display:flex;gap:16px;align-items:flex-start}.drawer-title .avatar{width:46px;height:46px;font-size:18px}.drawer-title h2{font-size:20px;margin:0 0 9px;color:#2b4758;overflow-wrap:anywhere}.drawer-title .close{margin-left:auto}.drawer-actions{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.drawer-body{padding:23px 28px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.kv{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.kv small{display:block;color:#91a0aa;font-size:11px;margin-bottom:5px}.detail-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9}.timeline{border-left:1px solid #d9e4e6;margin:8px 0 8px 13px;padding-left:23px}.timeline-item{position:relative;margin-bottom:28px}.timeline-item:before{content:'';position:absolute;left:-28px;top:5px;border-radius:50%;width:8px;height:8px;background:#88baae;box-shadow:0 0 0 4px #f5f7f9}.timeline-item header{display:flex;justify-content:space-between;font-size:11px;color:#7f949f;margin-bottom:10px}.timeline-item p{background:white;border:1px solid var(--border);border-radius:8px;padding:15px;white-space:pre-wrap;font-size:12px;line-height:1.9;margin:0;overflow-wrap:anywhere}.detail-section{margin-bottom:20px}.detail-section h3{font-size:13px;margin:0 0 16px}.detail-section .card-body{padding:20px}.pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:#738997;line-height:1.7}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.auth-art{background:#193b48;padding:9vw 6vw;color:#d4e6e7;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-art:after{content:'';width:500px;height:500px;border:1px solid #a4cfc31a;border-radius:50%;position:absolute;right:-200px;bottom:-150px;box-shadow:0 0 0 60px #8dcdb90a,0 0 0 120px #8dcdb906}.auth-brand{display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:4px}.auth-brand img{width:40px}.auth-art h1{font-size:40px;line-height:1.5;margin:60px 0 22px;font-weight:500;color:#e8f5ef}.auth-art p{line-height:2.2;color:#92b5be;font-size:13px;max-width:360px}.auth-caption{margin-top:70px;font-size:10px;letter-spacing:2px;color:#7097a2}.auth-right{display:flex;align-items:center;justify-content:center;padding:50px}.auth-form{width:355px;max-width:100%}.auth-form h2{font-size:26px;font-weight:600;color:#294455;margin-bottom:10px}.auth-form>p{font-size:12px;color:#90a0aa;margin-bottom:30px;line-height:1.8}.auth-form .field{margin-bottom:20px}.auth-form button.primary{width:100%;margin-top:7px;padding:12px}.demo-logins{padding-top:23px;margin-top:25px;border-top:1px solid var(--border);font-size:11px;color:#8b9ca5}.demo-logins .actions{margin-top:12px}.demo-logins button{font-size:11px;padding:6px 10px}.role-chip{font-size:10px;color:#7d929e}.split-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#213e49;color:white;box-shadow:0 5px 30px #183d4930;border-radius:9px;padding:13px 22px;font-size:12px;z-index:200;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.settings-list .field{margin-bottom:18px}.onboard{display:flex;gap:18px;padding:20px 22px;align-items:center;background:#edf5f3;border-color:#dceae4;margin-bottom:24px}.onboard svg{width:34px;height:34px;color:#429a88;flex:none}.onboard b{font-size:13px}.onboard p{font-size:11px;color:#7b948e;margin:7px 0 0}.onboard .actions{margin-left:auto}.legend{padding:15px 22px;background:#fbfcfd;border-top:1px solid var(--border);font-size:10px;color:#91a0ab;line-height:1.8}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border)}.day{background:white;min-height:110px;padding:9px;overflow:hidden}.day.today{background:#eff9f5}.daynum{font-size:11px;color:#7a8d9a;margin-bottom:9px}.calendar-label{background:#f8fafb;padding:12px;text-align:center;font-size:11px;color:#8a9ba6}.calendar-item{display:block;margin-top:5px;border:0;background:#edf6f2;color:#418a7a;padding:5px;border-radius:3px;font-size:10px;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:left}.calendar-item.done{text-decoration:line-through;color:#a0b1ab}.mobile-nav{display:none}.no-margin{margin:0}.spaced{margin-top:20px}.safe-wrap{white-space:normal;overflow-wrap:anywhere}.chart-row{display:flex;gap:12px;align-items:center;margin-bottom:17px;font-size:11px}.chart-row span{width:80px;flex:none;color:#7a8c98}.chart-track{height:7px;flex:1;background:#f0f4f5;border-radius:5px;overflow:hidden}.chart-fill{height:100%;background:#82bdaf}.chart-row b{font-weight:500;color:#6f8895;width:25px;text-align:right}.initial-dot{width:7px;height:7px;border-radius:50%;background:#6aab96;display:inline-block;margin-right:6px}.keyvalue{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--border);font-size:12px}.keyvalue:last-child{border:0}.keyvalue span{color:#8b9ba6}.keyvalue b{font-weight:500}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.content{padding:38px 48px}.topbar{padding:0 48px}.demo-note{padding-left:48px;padding-right:48px}.stat{min-height:150px}}
@media(max-width:1150px){.layout{grid-template-columns:185px minmax(0,1fr)}.sidebar{width:185px;padding-left:10px;padding-right:10px}.content{padding:25px 22px}.topbar{padding:0 22px}.dashboard-grid{grid-template-columns:1.3fr 1fr}.stats{gap:12px}.stat{padding:17px}.stat svg{right:16px;top:18px}.mapping{grid-template-columns:1fr 1fr}.pagehead{align-items:flex-start}.env{display:none}}
@media(max-width:800px){.layout{display:block}.sidebar{position:static;width:100%;padding:13px 16px;display:block}.brand{padding:0;float:left;margin-right:18px}.brand img{width:29px;height:29px}.brand strong{font-size:18px}.brand small,.navlabel,.sidebar-spacer,.orgmark,.usercard{display:none}.sidebar nav{display:flex;overflow:auto}.navbtn{width:auto;white-space:nowrap;padding:10px;margin:0 2px;gap:7px;font-size:12px}.navbtn svg{display:none}.topbar{height:54px;padding:0 18px}.top-right{gap:7px}.top-right .tiny{display:none}.content{padding:22px 16px}.demo-note{padding:8px 18px}.stats{grid-template-columns:1fr 1fr}.stat{min-height:125px}.stat-value{font-size:28px}.dashboard-grid,.section-grid{grid-template-columns:1fr}.pagehead{flex-direction:column;gap:15px}.pagehead h1{font-size:23px}.pagehead .actions{width:100%}.drawer{width:100%}.drawer-head,.drawer-body{padding-left:20px;padding-right:20px}.detail-grid{gap:15px}.modal-body{padding:20px}.overlay{padding:12px}.mapping{grid-template-columns:1fr 1fr}.auth{display:block}.auth-art{display:none}.auth-right{min-height:100vh;padding:30px}.onboard{align-items:flex-start;flex-wrap:wrap}.onboard .actions{margin-left:0}.day{min-height:85px;padding:5px}.calendar-item{font-size:9px}.topbar .breadcrumb{font-size:11px}.form-grid{gap:13px}.contacts-table td{padding:12px}.full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}