html,body{min-height:100%;margin:0}body{font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}:root{color:#18323e;font-synthesis:none;--navy:#123d5a;--navy-2:#0d3048;--teal:#168e91;--teal-light:#e5f5f3;--line:#e4ebee;--muted:#71838c;--red:#cf4a4a;--shadow:0 8px 28px #16384712;background:#f3f6f8;font-family:Microsoft YaHei,PingFang SC,Inter,system-ui,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;min-height:100%;margin:0}body,#root{min-height:100%;margin:0}body{overscroll-behavior-y:none;min-width:320px}button,input,select,textarea{font:inherit}button{color:inherit}button,select{cursor:pointer}button,a,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.58}input,select,textarea{color:#19343f}textarea{resize:vertical}.app-loading{min-height:100vh;background:#f4f8f9;place-content:center;justify-items:center;gap:20px;min-height:100dvh;display:grid}.app-loading img{width:72px;height:72px;box-shadow:var(--shadow);border-radius:21px}.loading{min-height:260px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;background:#fff;grid-template-columns:minmax(500px,1.08fr) minmax(430px,.92fr);min-height:100dvh;display:grid}.login-intro{color:#fff;background:linear-gradient(145deg,#103650 0%,#0b4660 54%,#0c6c74 100%);position:relative;overflow:hidden}.login-intro:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:560px;height:560px;position:absolute;top:-190px;right:-190px;box-shadow:0 0 0 90px #ffffff06,0 0 0 180px #ffffff05}.login-intro:after{content:"儒";color:#ffffff06;font-family:serif;font-size:440px;position:absolute;bottom:-105px;right:-15px}.intro-inner{min-height:100vh;z-index:1;flex-direction:column;min-height:100dvh;padding:54px clamp(50px,7vw,110px);display:flex;position:relative}.login-brand{letter-spacing:.04em;align-items:center;gap:14px;font-size:21px;font-weight:700;display:flex}.login-brand img{border-radius:14px;width:47px;height:47px;box-shadow:0 8px 22px #0000002e}.login-brand em{color:#6dd4c8;padding:0 3px;font-style:normal}.intro-copy{max-width:590px;margin:auto 0}.eyebrow{color:#73d6cd;letter-spacing:.16em;margin-bottom:24px;font-size:11px;font-weight:700;display:block}.intro-copy h1{letter-spacing:-.035em;margin:0 0 25px;font-size:clamp(42px,5vw,66px);font-weight:700;line-height:1.22}.intro-copy>p{color:#ffffffb3;max-width:510px;font-size:17px;line-height:1.9}.login-points{gap:16px;margin-top:42px;display:grid}.login-points span{color:#ffffffe0;align-items:center;gap:11px;font-size:15px;display:flex}.login-points svg{color:#71d4c9;width:19px}.login-copyright{color:#ffffff6b;font-size:12px}.login-panel{place-items:center;padding:50px;display:grid}.login-form{width:min(410px,100%)}.login-mobile-brand{display:none}.login-form .welcome{color:var(--teal);font-size:14px;font-weight:700}.login-form h2{color:#173646;letter-spacing:-.03em;margin:9px 0 10px;font-size:32px}.login-form>p{color:#819099;margin:0 0 38px}.login-form>label{margin-bottom:20px;display:block}.login-form label>span{color:#405966;margin-bottom:9px;font-size:13px;font-weight:700;display:block}.input-icon{border:1px solid #dfe7ea;border-radius:11px;align-items:center;height:52px;transition:all .2s;display:flex;position:relative}.input-icon:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #168e911a}.input-icon>svg{color:#91a0a7;width:18px;margin-left:16px}.input-icon input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 13px}.input-icon button{color:#91a0a7;background:0 0;border:0;padding:10px 15px;display:grid}.input-icon button svg{width:18px}.form-error{color:#b53f3f;background:#fff0f0;border-radius:8px;margin:-7px 0 14px;padding:10px 13px;font-size:13px}.login-button{color:#fff;background:linear-gradient(120deg, var(--navy), #176c78);border:0;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 11px 25px #10425333}.login-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #10425340}.login-button svg{width:18px}.demo-tip{color:#76878e;background:#f4f8f9;border:1px solid #e8edef;border-radius:9px;justify-content:space-between;margin-top:22px;padding:12px 15px;font-size:12px;display:flex}.demo-tip b{color:#3e5965}.app-shell{min-height:100vh;min-height:100dvh;display:flex}.sidebar{z-index:20;width:242px;padding:calc(24px + env(safe-area-inset-top,0px)) 18px calc(18px + env(safe-area-inset-bottom,0px));color:#fff;background:linear-gradient(#123d5a 0%,#10364e 65%,#0d3046 100%);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 28px #0f314414}.brand{align-items:center;gap:11px;height:48px;padding:0 6px;display:flex}.brand img{border-radius:12px;width:42px;height:42px}.brand div{gap:3px;display:grid}.brand strong{letter-spacing:.02em;white-space:nowrap;font-size:15px}.brand em{color:#75d4cb;font-style:normal}.brand span{color:#ffffff80;letter-spacing:.06em;font-size:10px}.mobile-close{display:none}.add-customer{color:#164455;background:#f5ffff;border:1px solid #ffffff1c;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:43px;margin:28px 2px 20px;font-weight:700;display:flex;box-shadow:0 8px 18px #0000001f}.sidebar nav{overscroll-behavior:contain;scrollbar-width:thin;gap:5px;min-height:0;display:grid;overflow-y:auto}.sidebar nav button{color:#ffffff9e;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;height:44px;padding:0 13px;font-size:14px;transition:all .18s;display:flex;position:relative}.sidebar nav button:hover{color:#fff;background:#ffffff0e}.sidebar nav button.active{color:#fff;background:#70d5cb21;box-shadow:inset 3px 0 #65c8bf}.sidebar nav button.active svg{color:#72d2c9}.nav-dot{background:#70d5c9;border-radius:50%;width:6px;height:6px;margin-left:auto;box-shadow:0 0 0 4px #70d5c91a}.sidebar-bottom{gap:11px;margin-top:auto;display:grid}.install-card{color:#dffaf7;text-align:left;background:#6acbc117;border:1px solid #76d8cd33;border-radius:10px;align-items:center;gap:10px;padding:11px;display:flex}.install-card>span{gap:2px;display:grid}.install-card b{font-size:12px}.install-card small{color:#ffffff7a;font-size:9px}.user-card{border-top:1px solid #ffffff14;align-items:center;gap:9px;padding:16px 3px 0;display:flex}.user-card>span{flex:1;gap:2px;min-width:0;display:grid}.user-card b{font-size:12px}.user-card small{color:#ffffff6e;font-size:10px}.user-card button{color:#ffffff73;background:0 0;border:0;padding:7px;display:grid}.main{width:calc(100% - 242px);min-width:0;min-height:100vh;min-height:100dvh;margin-left:242px}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border-bottom:1px solid #e7edef;align-items:center;height:78px;padding:0 clamp(22px,3.2vw,48px);display:flex;position:sticky;top:0}.page-title h1{letter-spacing:-.02em;margin:0;font-size:20px}.page-title p{color:#8a9aa1;margin:4px 0 0;font-size:11px}.top-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.connection{color:#ad6b3d;background:#fff5ea;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;display:flex}.connection.online{color:#1f8274;background:#eaf7f4}.notification{position:relative}.notification i{background:#e45a5a;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 2px #fff}.menu-btn{display:none}.content{padding:28px clamp(20px, 3vw, 42px) calc(50px + env(safe-area-inset-bottom,0px));max-width:1640px;margin:0 auto}.apple-install-note{color:#246c67;background:#eff9f7;border:1px solid #cfe8e4;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.apple-install-note svg{color:#168e91;flex:none}.apple-install-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;display:grid}.apple-install-step{background:#fbfcfd;border:1px solid #e1e9eb;border-radius:12px;align-items:flex-start;gap:12px;padding:17px;display:flex}.apple-device-icon{color:#167a7e;background:#e6f4f3;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.apple-device-icon svg{width:19px}.apple-install-step h3{margin:1px 0 10px;font-size:14px}.apple-install-step ol{color:#5f747d;margin:0;padding-left:18px;font-size:11px;line-height:1.8}.apple-install-step li+li{margin-top:6px}.apple-install-step li svg{vertical-align:-3px;color:#168e91}.apple-install-footnote{color:#89989e;margin:13px 2px 0;font-size:10px;line-height:1.65}.btn{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 16px;font-size:13px;font-weight:700;transition:all .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--teal);border-color:var(--teal);box-shadow:0 5px 14px #168e9129}.btn-primary:hover{background:#117d80}.btn-light{color:#425d69;background:#fff;border-color:#dfe7ea}.btn-light:hover{border-color:#b8c9cf}.btn-danger{color:#fff;background:#c84c4c;border-color:#c84c4c}.btn-ghost-danger{color:#bd4c4c;background:#fff8f8;border-color:#f1dada}.btn.grow{flex:1}.text-btn{color:var(--teal);background:0 0;border:0;padding:5px;font-size:12px;font-weight:700}.icon-btn{color:#61747c;background:#f4f7f8;border:0;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.avatar{color:#fff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff24}.avatar-lg{border-radius:14px;width:52px;height:52px;font-size:15px}.avatar-sm{border-radius:8px;width:29px;height:29px;font-size:9px}.avatar-xs{border-radius:7px;width:24px;height:24px;font-size:8px}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;width:fit-content;padding:4px 8px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.badge-gray{color:#667980;background:#eef2f3}.badge-blue{color:#3274a5;background:#e8f1fa}.badge-sky{color:#277f9e;background:#e9f6fb}.badge-purple{color:#775caf;background:#f0ecfa}.badge-orange{color:#b76831;background:#fff0e5}.badge-green{color:#27805a;background:#e8f7ef}.badge-red{color:#bd4949;background:#ffeded}.badge-teal{color:#147e7d;background:#e5f5f3}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 6px 24px #183c4c09}.panel-head{justify-content:space-between;align-items:flex-start;padding:20px 22px 15px;display:flex}.panel-head h3{margin:0;font-size:15px}.panel-head p{color:#91a0a6;margin:5px 0 0;font-size:10px}.empty{text-align:center;color:#829299;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:30px;display:flex}.empty-icon{color:#719097;background:#f1f6f6;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.empty h3{color:#425a65;margin:14px 0 6px;font-size:14px}.empty p{margin:0 0 15px;font-size:11px}.error-card{color:#b84b4b;background:#fff;border:1px solid #f2dcdc;border-radius:10px;padding:20px}.toast{z-index:100;color:#fff;background:#195f65;border-radius:9px;padding:12px 18px;font-size:13px;animation:.25s ease-out toastIn;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 38px #0003}.toast-error{background:#b94b4b}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}}.hello-row{color:#fff;background:linear-gradient(105deg,#123e59 0%,#14596a 62%,#168e88 100%);border-radius:12px;align-items:center;margin-bottom:22px;padding:23px 27px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #1549571f}.hello-row:after{content:"";border:38px solid #ffffff09;border-radius:50%;width:210px;height:210px;position:absolute;top:-80px;right:12%}.hello-row>div{z-index:1}.hello-row span{color:#9ee0da;font-size:11px}.hello-row h2{margin:6px 0;font-size:20px}.hello-row p{color:#ffffff94;margin:0;font-size:11px}.hello-row .btn{z-index:1;background:#fffffff0;margin-left:auto}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:flex-start;gap:12px;min-height:112px;padding:16px;display:flex;box-shadow:0 5px 20px #183c4c08}.metric-icon{color:#285e76;background:#e9f1f4;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.metric-icon.orange{color:#bd6a35;background:#fff0e5}.metric-icon.teal{color:#16817f;background:#e6f5f3}.metric-icon.red{color:#bd4a4a;background:#feeeee}.metric-icon.green{color:#2b805d;background:#eaf7f0}.metric-icon.purple{color:#735daa;background:#f0edfa}.metric-card>div{min-width:0;display:grid}.metric-card p{color:#72858d;margin:1px 0 4px;font-size:10px}.metric-card strong{color:#1d3c49;font-size:25px;line-height:1.15}.metric-card small{color:#a0adb2;white-space:nowrap;margin-top:6px;font-size:9px}.dashboard-grid{grid-template-columns:.9fr 1.1fr;gap:18px;margin-bottom:18px;display:grid}.pipeline-list{gap:14px;padding:5px 22px 23px;display:grid}.pipeline-label{justify-content:space-between;align-items:center;margin-bottom:7px;font-size:11px;display:flex}.pipeline-label span{color:#657b85}.pipeline-label b{color:#294854}.pipeline-track{background:#eff3f4;border-radius:10px;height:7px;overflow:hidden}.pipeline-track i{border-radius:inherit;background:#6ba8bc;height:100%;transition:width .5s;display:block}.pipeline-track .pipe-blue,.pipeline-track .pipe-sky{background:#4a94b5}.pipeline-track .pipe-purple{background:#8b74bd}.pipeline-track .pipe-orange{background:#d68b54}.pipeline-track .pipe-green{background:#4a9a74}.pipeline-track .pipe-red{background:#cf6a6a}.due-list{padding:0 12px 12px}.due-item{text-align:left;background:#fff;border:0;border-top:1px solid #edf1f2;align-items:center;gap:11px;width:100%;min-height:57px;padding:8px 10px;display:flex}.due-item:hover{background:#f8fbfb;border-radius:8px}.due-mark{color:#378499;background:#ebf5f7;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.due-mark.overdue{color:#c04e4e;background:#fff0f0}.due-main{flex:1;gap:3px;min-width:0;display:grid}.due-main b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.due-main small,.due-item>span:last-child{color:#8b9aa0;font-size:9px}.time-overdue{color:#c44848!important}.bottom-grid{grid-template-columns:1.1fr .9fr}.activity-list{padding:0 20px 12px}.activity-item{border-top:1px solid #eff2f3;align-items:flex-start;gap:10px;padding:11px 3px;display:flex}.activity-item>div{flex:1;min-width:0}.activity-item p{margin:0;font-size:10px}.activity-item p button{color:#167d85;background:0 0;border:0;padding:0;font-weight:700}.activity-item small{color:#8f9da2;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;display:block;overflow:hidden}.activity-item time{color:#a0adb2;white-space:nowrap;font-size:9px}.team-stats{padding:0 20px 17px}.team-stat{border-top:1px solid #edf2f3;align-items:center;gap:9px;min-height:59px;display:flex}.team-stat>div{flex:1;gap:2px;display:grid}.team-stat>div b{font-size:10px}.team-stat>div small{color:#93a0a5;font-size:8px}.team-stat>span{text-align:center;min-width:44px;display:grid}.team-stat>span b{font-size:13px}.team-stat>span small{color:#95a2a7;font-size:8px}.focus-panel{text-align:center;padding:27px}.focus-graphic{color:#198b8a;background:#e6f5f2;border-radius:15px;place-items:center;width:50px;height:50px;margin:0 auto 13px;display:grid}.focus-panel h3{margin:0 0 8px;font-size:15px}.focus-panel p{color:#7f9097;font-size:11px}.focus-panel .btn{margin-top:9px}.pool-hero{color:#fff;background:linear-gradient(115deg,#123e59,#126778);border-radius:13px;align-items:center;gap:17px;margin-bottom:17px;padding:22px 25px;display:flex;position:relative;overflow:hidden}.pool-hero:after{content:"";border:42px solid #ffffff09;border-radius:50%;width:220px;height:220px;position:absolute;top:-95px;right:110px}.pool-hero>span{color:#7bd8cf;background:#75dcd026;border-radius:14px;place-items:center;width:50px;height:50px;display:grid}.pool-hero>div:nth-child(2){z-index:1}.pool-hero>div>b{color:#81ddd3;letter-spacing:.08em;font-size:10px}.pool-hero h2{margin:5px 0;font-size:17px}.pool-hero p{color:#ffffff94;margin:0;font-size:10px}.pool-number{z-index:1;text-align:right;margin-left:auto;display:grid}.pool-number strong{font-size:31px}.pool-number small{color:#ffffff80;font-size:9px}.customer-summary{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:24px;height:66px;margin-bottom:14px;padding:0 24px;display:flex}.customer-summary>div{align-items:baseline;gap:7px;display:flex}.customer-summary strong{font-size:20px}.customer-summary span{color:#87969c;font-size:10px}.customer-summary>i{background:#e6ebed;width:1px;height:23px}.toolbar{border:1px solid var(--line);background:#fff;border-radius:11px 11px 0 0;align-items:center;gap:9px;min-height:58px;padding:9px 12px;display:flex}.search-box{border:1px solid #e0e7e9;border-radius:8px;align-items:center;gap:8px;width:min(340px,36%);height:37px;padding:0 11px;display:flex}.search-box:focus-within{border-color:#69aaa9;box-shadow:0 0 0 2px #168e9114}.search-box svg{color:#8da0a7}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.toolbar select{background:#fff;border:1px solid #e0e7e9;border-radius:8px;min-width:110px;height:37px;padding:0 10px;font-size:11px}.filter-icon{color:#71868e;background:#fff;border:1px solid #e0e7e9;border-radius:8px;place-items:center;width:37px;height:37px;display:grid}.toolbar-spacer{flex:1}.table-panel{box-shadow:none;border-radius:0 0 11px 11px;overflow:hidden}.customer-table-wrap{overflow-x:auto}.customer-table{border-collapse:collapse;width:100%;min-width:970px}.customer-table th{color:#87979d;text-align:left;background:#f8fafb;border-bottom:1px solid #e8edef;height:40px;padding:0 13px;font-size:9px;font-weight:600}.customer-table td{border-bottom:1px solid #edf1f2;height:70px;padding:8px 13px;font-size:10px}.customer-table tr{cursor:pointer;transition:all .12s}.customer-table tbody tr:hover{background:#f9fbfb}.customer-table tbody tr:last-child td{border-bottom:0}.customer-name{align-items:center;gap:10px;max-width:250px;display:flex}.customer-logo{color:#317187;background:#e8f2f4;border-radius:10px;flex:none;place-items:center;width:35px;height:35px;font-size:13px;font-weight:700;display:inline-grid}.customer-logo.level-A{color:#be5c4c;background:#fff0ed}.customer-logo.level-B{color:#b8743e;background:#fff3e8}.customer-logo.level-C{color:#367b9b;background:#e9f3f8}.customer-logo.level-D{color:#708088;background:#eef1f2}.customer-name>div{gap:5px;min-width:0;display:grid}.customer-name b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.customer-name small{color:#87969c;align-items:center;gap:4px;font-size:8px;display:flex}.customer-name small svg:nth-of-type(2){margin-left:5px}.badge-stack{flex-wrap:wrap;gap:4px;display:flex}.owner-cell{align-items:center;gap:6px;display:flex}.muted{color:#95a2a7}.date-cell{gap:4px;max-width:190px;display:grid}.date-cell b{font-size:10px;font-weight:600}.date-cell small{color:#929fa4;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;font-size:8px;display:flex;overflow:hidden}.deadline{color:#408a79!important}.deadline.urgent{color:#ba743d!important}.deadline.overdue{color:#c24b4b!important}.row-open{color:#768a92;background:#f1f5f6;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.modal-backdrop,.drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#091b2573;justify-content:center;align-items:center;padding:20px;animation:.16s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-height:calc(100vh - 36px);background:#fff;border-radius:14px;max-height:calc(100dvh - 36px);animation:.2s ease-out modalIn;overflow:hidden;box-shadow:0 30px 80px #0a232e42}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.985)}}.modal-head{border-bottom:1px solid #e8edef;justify-content:space-between;align-items:flex-start;min-height:76px;padding:18px 22px;display:flex}.modal-head h2{margin:0;font-size:17px}.modal-head p{color:#89989e;margin:5px 0 0;font-size:10px}.modal-body{max-height:calc(100vh - 112px);-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 112px);padding:21px 22px;overflow-y:auto}.form-section-title{border-bottom:1px solid #edf1f2;align-items:baseline;gap:8px;margin:2px 0 15px;padding-bottom:9px;display:flex}.form-section-title:not(:first-child){margin-top:24px}.form-section-title b{font-size:12px}.form-section-title span{color:#97a4a9;font-size:9px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.field{align-content:start;gap:7px;display:grid}.field-wide{grid-column:1/-1}.field>span{color:#4e6670;font-size:10px;font-weight:700}.field>span b{color:#ce5252}.field small{color:#96a3a8;margin-top:-3px;font-size:8px}.field input,.field select,.field textarea{background:#fff;border:1px solid #dde6e8;border-radius:8px;outline:none;width:100%;min-height:39px;padding:8px 10px;font-size:11px}.field textarea{line-height:1.7}.field input:focus,.field select:focus,.field textarea:focus{border-color:#63aaa8;box-shadow:0 0 0 3px #168e9114}.modal-actions{background:#fafcfc;border-top:1px solid #e8edef;justify-content:flex-end;gap:9px;margin:24px -22px -21px;padding:13px 22px;display:flex}.warning-note{color:#a75151;background:#fff6f6;border:1px solid #f0dddd;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:11px 13px;font-size:10px;display:flex}.warning-note svg{width:17px}.drawer-backdrop{justify-content:flex-end;padding:0}.drawer{width:min(690px,96vw);height:100vh;-webkit-overflow-scrolling:touch;background:#f5f8f9;height:100dvh;animation:.22s ease-out drawerIn;overflow-y:auto;box-shadow:-20px 0 55px #0d242e36}@keyframes drawerIn{0%{opacity:.5;transform:translate(40px)}}.customer-drawer{min-height:100%}.drawer-head{border-bottom:1px solid var(--line);z-index:3;background:#fff;justify-content:space-between;align-items:flex-start;min-height:114px;padding:22px 26px 16px;display:flex;position:sticky;top:0}.drawer-title{align-items:center;gap:13px;display:flex}.drawer-title .customer-logo{border-radius:13px;width:48px;height:48px;font-size:17px}.drawer-title>div>div{gap:5px;margin-bottom:6px;display:flex}.drawer-title h2{margin:0 0 4px;font-size:18px}.drawer-title p{color:#84959c;margin:0;font-size:10px}.drawer-owner{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:71px;padding:0 26px;display:flex}.drawer-owner>div{align-items:center;gap:9px;display:flex}.drawer-owner span:not(.avatar):not(.unowned){gap:3px;display:grid}.drawer-owner small{color:#8b9aa0;font-size:8px}.drawer-owner b{font-size:10px}.drawer-owner svg{width:18px}.drawer-owner .deadline{color:#3a8073}.drawer-owner .deadline.urgent{color:#ad6d37}.drawer-owner .deadline.overdue{color:#bd4747}.unowned{color:#168785;background:#e6f5f3;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.drawer-actions{border-bottom:1px solid var(--line);background:#fff;gap:8px;padding:13px 26px;display:flex}.drawer-tabs{border-bottom:1px solid var(--line);z-index:2;background:#fff;height:48px;padding:0 26px;display:flex;position:sticky;top:114px}.drawer-tabs button{color:#798a91;background:#fff;border:0;border-bottom:2px solid #0000;padding:0 18px;font-size:11px}.drawer-tabs button:first-child{padding-left:0}.drawer-tabs button.active{color:#176f77;border-color:#168e91;font-weight:700}.drawer-tabs i{background:#edf2f3;border-radius:8px;margin-left:3px;padding:2px 5px;font-size:8px;font-style:normal}.drawer-content{padding:20px 26px 40px}.need-card{background:linear-gradient(110deg,#eff8f7,#f6fbfb);border:1px solid #dfeeed;border-radius:10px;margin-bottom:19px;padding:15px 17px}.need-card span{color:#18807f;font-size:9px;font-weight:700}.need-card p{margin:7px 0 0;font-size:11px;line-height:1.75}.need-card small{color:#788b91;border-top:1px dashed #d5e5e4;margin-top:9px;padding-top:8px;font-size:9px;display:block}.timeline{padding-left:21px;position:relative}.timeline:before{content:"";background:#d9e4e6;width:1px;position:absolute;top:7px;bottom:7px;left:5px}.timeline-item{margin-bottom:14px;position:relative}.timeline-dot{z-index:1;background:#47a6a2;border:3px solid #edf7f6;border-radius:50%;width:11px;height:11px;position:absolute;top:17px;left:-21px}.timeline-card{background:#fff;border:1px solid #e2e9eb;border-radius:10px;padding:13px 15px}.timeline-card header{justify-content:space-between;align-items:center;display:flex}.timeline-card header>div{align-items:center;gap:6px;display:flex}.timeline-card header b{font-size:10px}.timeline-card time{color:#95a3a8;font-size:8px}.timeline-card>p{color:#3c515a;margin:11px 0 7px;font-size:11px;line-height:1.75}.timeline-card>small{color:#6c878f;align-items:center;gap:4px;margin-top:9px;font-size:8px;display:flex}.timeline-card>small svg{width:13px}.follow-result{color:#54777e;background:#f1f7f7;border-radius:6px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;display:flex}.profile-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profile-actions{justify-content:flex-end;margin-bottom:10px;display:flex}.info-item{background:#fff;border:1px solid #e3e9eb;border-radius:9px;align-items:center;gap:10px;min-height:69px;padding:12px;display:flex}.info-item>span{color:#48808d;background:#eef5f6;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.info-item svg{width:16px}.info-item>div{gap:4px;display:grid}.info-item small{color:#8c9ba1;font-size:8px}.info-item b{font-size:10px}.reason-card,.meta-card{background:#fff7ee;border:1px solid #f2e2ce;border-radius:9px;margin-top:13px;padding:14px 16px}.reason-card b{color:#9a643d;font-size:10px}.reason-card p{font-size:11px;line-height:1.7}.reason-card small{color:#a27351;font-size:8px}.meta-card{color:#8c9a9f;background:0 0;border-color:#e2e8ea;font-size:9px}.meta-card p{margin:4px 0}.drawer-transfer-list{gap:11px;display:grid}.drawer-transfer{background:#fff;border:1px solid #e2e9eb;border-radius:10px;gap:11px;padding:14px;display:flex}.drawer-transfer>span{color:#4a8390;background:#edf5f6;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.drawer-transfer>span svg{width:16px}.drawer-transfer>div{flex:1;min-width:0}.drawer-transfer header{justify-content:space-between;display:flex}.drawer-transfer b{font-size:10px}.drawer-transfer time,.drawer-transfer small{color:#89989e;font-size:8px}.drawer-transfer p{margin:7px 0;font-size:10px}.drawer-transfer blockquote{color:#627980;background:#f5f8f9;border-left:2px solid #80b8b5;margin:9px 0;padding:8px 10px;font-size:9px}.drawer-transfer em{color:#b06c39;font-size:8px;font-style:normal}.result-options{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px;display:grid}.result-options button{background:#fff;border:1px solid #e0e7e9;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:83px;display:flex}.result-options button svg{color:#7b8d94;width:19px}.result-options b{font-size:10px}.result-options small{color:#93a0a5;font-size:8px}.result-options button.active{background:#eef9f8;border-color:#43a19e;box-shadow:0 0 0 2px #168e9114}.result-options button.active svg{color:#168e91}.summary-strip{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:15px;min-height:82px;margin-bottom:14px;padding:13px 19px;display:flex}.summary-icon{color:#c34e4e;background:#fff0f0;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.summary-icon svg{width:19px}.summary-strip>div:not(.summary-icon){min-width:58px;display:grid}.summary-strip>div b{font-size:18px}.summary-strip>div span{color:#87969c;font-size:9px}.summary-strip>i{background:#e5ebed;width:1px;height:29px}.summary-strip>p{color:#8b999f;margin-left:auto;font-size:9px}.task-tabs{border-radius:11px 11px 0 0;gap:2px;overflow-x:auto}.task-tabs button{color:#71838b;white-space:nowrap;background:0 0;border:0;border-radius:7px;height:33px;padding:0 12px;font-size:10px}.task-tabs button.active{color:#167b80;background:#e9f6f5;font-weight:700}.task-tabs i{color:#fff;background:#c94f4f;border-radius:9px;margin-left:5px;padding:1px 5px;font-size:8px;font-style:normal}.task-list{padding:0 14px}.task-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #eaf0f1;align-items:center;gap:12px;width:100%;min-height:72px;padding:9px 8px;display:flex}.task-row:hover{background:#fafcfc}.task-row:last-child{border-bottom:0}.task-type-icon{color:#377e9c;background:#eaf3f7;border-radius:10px;flex:none;place-items:center;width:37px;height:37px;display:grid}.task-type-icon svg{width:17px}.task-type-icon.orange{color:#b76d37;background:#fff0e7}.task-type-icon.purple{color:#755dac;background:#f1edfa}.task-type-icon.teal{color:#1a817d;background:#e6f5f3}.task-company{flex:1;gap:4px;min-width:0;display:grid}.task-company b{font-size:11px}.task-company small{color:#8a999f;font-size:8px}.task-due{text-align:right;gap:3px;width:130px;display:grid}.task-due b{font-size:10px}.task-due small{color:#8b999f;font-size:8px}.row-arrow{color:#95a3a8;font-size:19px}.transfer-panel{overflow:hidden}.transfer-list{padding:2px 18px}.transfer-item{text-align:left;background:#fff;border:0;border-bottom:1px solid #e8edef;align-items:center;gap:13px;width:100%;min-height:92px;padding:13px 5px;display:flex}.transfer-item:last-child{border-bottom:0}.transfer-item:hover{background:#fafcfc}.transfer-icon{color:#347b9b;background:#e9f2f7;border-radius:11px;flex:none;place-items:center;width:39px;height:39px;display:grid}.transfer-icon svg{width:18px}.transfer-icon.purple{color:#765ead;background:#f1edfa}.transfer-icon.teal{color:#1c817e;background:#e7f5f3}.transfer-icon.green{color:#348260;background:#e9f7ef}.transfer-main{flex:1;min-width:0}.transfer-main>div{align-items:center;gap:8px;display:flex}.transfer-main b{font-size:11px}.transfer-main p{color:#46606b;align-items:center;gap:7px;margin:7px 0;font-size:9px;display:flex}.transfer-main p span{background:#f1f5f6;border-radius:5px;padding:3px 6px}.transfer-main small{color:#89989e;font-size:8px}.transfer-meta{text-align:right;gap:4px;width:185px;display:grid}.transfer-meta b{font-size:9px}.transfer-meta span,.transfer-meta small{color:#8c9a9f;font-size:8px}.transfer-meta small{color:#a66b3e}.team-toolbar{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;min-height:65px;margin-bottom:15px;padding:11px 16px;display:flex}.team-toolbar>div{align-items:baseline;gap:7px;display:flex}.team-toolbar b{font-size:21px}.team-toolbar span{color:#87969c;font-size:10px}.team-toolbar .btn{margin-left:auto}.team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.member-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:18px;box-shadow:0 5px 18px #183c4c08}.member-card.disabled{opacity:.63;background:#f9fafa}.member-top{justify-content:space-between;align-items:flex-start;display:flex}.member-card h3{margin:13px 0 4px;font-size:14px}.member-card>p{color:#829299;margin:0;font-size:9px}.member-card dl{margin:17px 0 12px}.member-card dl>div{border-top:1px solid #edf1f2;justify-content:space-between;padding:7px 0;font-size:8px;display:flex}.member-card dt{color:#91a0a5}.member-card dd{color:#3f5964;margin:0}.member-footer{border-top:1px solid #edf1f2;align-items:center;padding-top:10px;display:flex}.member-footer>span{align-items:center;gap:5px;font-size:8px;display:flex}.member-footer svg{width:13px}.status-active{color:#29815f}.status-disabled{color:#a25d5d}.member-footer .text-btn{margin-left:auto;font-size:8px}.member-footer .text-btn+.text-btn{margin-left:2px}.reset-password-note{color:#4c6a76;background:#eef5f6;border-radius:8px;align-items:center;gap:9px;margin-bottom:16px;padding:11px 13px;font-size:10px;display:flex}.reset-password-note svg{color:#248184;width:17px}.service-overview-strip{color:#fff;background:linear-gradient(105deg,#123e59,#176e78);border-radius:12px;align-items:center;gap:28px;min-height:84px;margin-bottom:14px;padding:14px 22px;display:flex;box-shadow:0 9px 24px #1248541f}.service-overview-title{align-items:center;gap:12px;margin-right:auto;display:flex}.service-overview-title>span{color:#7edbd2;background:#71d7cc21;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.service-overview-title>span svg{width:21px}.service-overview-title>div{gap:4px;display:grid}.service-overview-title b{font-size:14px}.service-overview-title small{color:#ffffff8c;font-size:9px}.service-mini-stat{text-align:center;min-width:70px;display:grid}.service-mini-stat strong{font-size:23px}.service-mini-stat span{color:#ffffff94;font-size:9px}.service-mini-stat.risk strong{color:#ffb0a6}.project-toolbar{border-radius:11px 11px 0 0}.project-toolbar .search-box{width:min(360px,35%)}.project-list-panel{border-radius:0 0 11px 11px;overflow:hidden}.project-list{padding:0 14px}.project-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #e9eef0;grid-template-columns:minmax(270px,1.35fr) 190px minmax(180px,.8fr) 135px 18px;align-items:center;gap:15px;width:100%;min-height:91px;padding:12px 9px 12px 16px;display:grid;position:relative}.project-row:last-child{border-bottom:0}.project-row:hover{background:#f9fbfb}.project-health-line{background:#55a07c;border-radius:4px;width:3px;position:absolute;top:14px;bottom:14px;left:0}.project-health-line.health-attention{background:#dc975f}.project-health-line.health-risk{background:#d26060}.project-main{gap:5px;min-width:0;display:grid}.project-main>div{align-items:center;gap:5px;display:flex}.project-code{color:#35828e;letter-spacing:.06em;font-size:8px;font-weight:700}.project-main>b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.project-main>small{color:#85969c;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:8px;display:flex;overflow:hidden}.project-main>small svg{width:12px}.project-main>small i{background:#bdc7ca;border-radius:50%;width:3px;height:3px}.project-members{align-items:center;gap:9px;display:flex}.avatar-stack{padding-left:6px;display:flex}.avatar-stack .avatar{margin-left:-6px;box-shadow:0 0 0 2px #fff}.project-members>span{gap:2px;font-size:9px;display:grid}.project-members>span small{color:#92a0a5;font-size:7px}.project-stage{grid-template-columns:1fr 35px;align-items:center;gap:5px;min-width:0;display:grid}.project-stage>span{color:#536e78;white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:9px;overflow:hidden}.project-stage>div{background:#eaf0f1;border-radius:8px;height:6px;overflow:hidden}.project-stage>div i{border-radius:inherit;background:linear-gradient(90deg,#329ba0,#58b5a6);height:100%;display:block}.project-stage>b{color:#3e6772;text-align:right;font-size:9px}.project-dates{gap:4px;display:grid}.project-dates>span{color:#89999f;align-items:center;gap:4px;font-size:8px;display:flex}.project-dates svg{width:12px}.project-dates b{font-size:9px}.project-dates small{color:#99a5aa;font-size:7px}.member-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.member-picker button{text-align:left;background:#fff;border:1px solid #dfe7e9;border-radius:8px;align-items:center;gap:7px;min-height:48px;padding:7px 9px;display:flex}.member-picker button.selected{background:#eef9f8;border-color:#54a6a4}.member-picker button>span{flex:1;gap:2px;display:grid}.member-picker b{font-size:9px}.member-picker small{color:#8a999f;font-size:7px}.member-picker button>i{color:#168e91;font-style:normal;font-weight:700}.project-drawer{min-height:100%}.project-drawer-head{border-bottom:1px solid var(--line);z-index:4;background:#fff;justify-content:space-between;padding:20px 25px 16px;display:flex;position:sticky;top:0}.project-drawer-head>div{min-width:0}.project-drawer-badges{gap:5px;margin-left:8px;display:inline-flex}.project-drawer-head h2{margin:7px 0 5px;font-size:18px}.project-drawer-head p{color:#82939a;align-items:center;gap:5px;margin:0;font-size:9px;display:flex}.project-drawer-head p svg{width:14px}.project-progress-hero{color:#fff;background:linear-gradient(110deg,#123e59,#176f78);grid-template-columns:88px 1fr 125px;align-items:center;gap:18px;min-height:128px;padding:17px 25px;display:grid}.progress-ring{--progress:0deg;background:conic-gradient(#74d5ca var(--progress),#ffffff26 0);border-radius:50%;place-items:center;width:78px;height:78px;display:grid}.progress-ring:before{content:"";background:#165568;border-radius:50%;grid-area:1/1;width:62px;height:62px}.progress-ring>span{z-index:1;text-align:center;grid-area:1/1;display:grid}.progress-ring b{font-size:18px}.progress-ring small{color:#ffffff8c;font-size:7px}.progress-info{min-width:0}.progress-info>small{color:#85d9d0;font-size:8px}.progress-info h3{margin:5px 0 10px;font-size:15px}.progress-info p{color:#ffffff94;margin:9px 0 0;font-size:8px}.progress-info p b{color:#ffffffdb}.progress-bar{background:#ffffff24;border-radius:7px;height:5px;overflow:hidden}.progress-bar i{border-radius:inherit;background:#73d5ca;height:100%;display:block}.project-next-service{border-left:1px solid #ffffff21;gap:3px;padding-left:17px;display:grid}.project-next-service svg{color:#78d5cb;width:17px}.project-next-service small,.project-next-service span{color:#ffffff80;font-size:7px}.project-next-service b{font-size:11px}.project-next-service .time-overdue{color:#ffafa7!important}.project-member-strip{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:15px;min-height:68px;padding:9px 25px;display:flex}.project-member-strip>div:first-child{align-items:center;gap:7px;min-width:105px;display:flex}.project-member-strip>div:first-child svg{color:#4c8994;width:17px}.project-member-strip>div:first-child span{display:grid}.project-member-strip small{color:#8c9ba1;font-size:7px}.project-member-strip b{font-size:9px}.member-chips{gap:6px;display:flex;overflow-x:auto}.member-chips>span{background:#f2f6f7;border-radius:8px;grid-template-columns:24px auto;align-items:center;column-gap:5px;min-width:max-content;padding:5px 8px 5px 5px;display:grid}.member-chips .avatar{grid-row:1/3}.member-chips b{font-size:8px}.member-chips small{font-size:6px}.project-tabs{top:0}.project-drawer-content{padding-top:17px}.project-overview-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.project-focus-card{background:#fff;border:1px solid #e1e9eb;border-radius:10px;gap:10px;min-height:112px;padding:14px;display:flex}.project-focus-card>span{color:#39828f;background:#eaf4f5;border-radius:9px;flex:none;place-items:center;width:33px;height:33px;display:grid}.project-focus-card>span svg{width:16px}.project-focus-card>div{min-width:0}.project-focus-card small{color:#6e868f;font-size:8px;font-weight:700}.project-focus-card p{color:#445b65;margin:7px 0 0;font-size:10px;line-height:1.7}.project-focus-card.result>span{color:#3a805f;background:#eaf6ef}.project-focus-card.risk>span{color:#8b969a;background:#f0f3f4}.project-focus-card.risk.has-risk{background:snow;border-color:#f0d8d3}.project-focus-card.risk.has-risk>span{color:#c05950;background:#ffebea}.project-focus-card.next>span{color:#7862a7;background:#f1edfa}.project-info-row{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.project-info-item{background:#fff;border:1px solid #e1e9eb;border-radius:9px;align-items:center;gap:9px;min-height:65px;padding:10px;display:flex}.project-info-item>span{color:#51828e;background:#edf4f5;border-radius:8px;flex:none;place-items:center;width:31px;height:31px;display:grid}.project-info-item svg{width:15px}.project-info-item>div{gap:3px;display:grid}.project-info-item small{color:#8a999f;font-size:7px}.project-info-item b{font-size:9px;line-height:1.4}.service-log-timeline{gap:11px;display:grid}.service-log-card{background:#fff;border:1px solid #e1e9eb;border-radius:10px;padding:15px 17px}.service-log-card header{justify-content:space-between;align-items:center;display:flex}.service-log-card header>div{align-items:center;gap:8px;display:flex}.service-log-card header span{gap:2px;display:grid}.service-log-card header b{font-size:9px}.service-log-card header small,.service-log-card header time{color:#8b9a9f;font-size:7px}.service-log-card h4{color:#738991;margin:14px 0 5px;font-size:8px}.service-log-card>p{margin:0 0 10px;font-size:10px;line-height:1.7}.log-result,.log-next{color:#467067;background:#eff7f4;border-radius:7px;gap:7px;margin-top:7px;padding:9px 10px;font-size:9px;line-height:1.6;display:flex}.log-next{color:#5e6483;background:#f3f1f8}.log-result svg,.log-next svg{flex:none;width:14px}.log-result span,.log-next span{display:grid}.log-result b,.log-next b{font-size:7px}.service-log-card footer{border-top:1px solid #edf1f2;align-items:center;gap:5px;margin-top:10px;padding-top:9px;display:flex}.service-log-card footer>span{color:#83949a;margin-left:auto;font-size:7px}.project-task-list{background:#fff;border:1px solid #e2e9eb;border-radius:10px;padding:0 12px}.project-task{text-align:left;background:#fff;border:0;border-bottom:1px solid #e9eef0;align-items:center;gap:10px;width:100%;min-height:68px;padding:9px 4px;display:flex}.project-task:last-child{border:0}.task-check{color:#fff;border:1px solid #b9c8cc;border-radius:5px;flex:none;place-items:center;width:19px;height:19px;display:grid}.task-check svg{width:12px}.project-task.done .task-check{background:#4d9c7b;border-color:#4d9c7b}.project-task.done .task-copy b{color:#92a0a5;text-decoration:line-through}.task-copy{flex:1;gap:4px;display:grid}.task-copy b{font-size:10px}.task-copy small{color:#8c9a9f;font-size:7px}.task-time{text-align:right;width:80px;font-size:9px;display:grid}.task-time small{color:#91a0a5;font-size:7px}.management-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.management-note{background:#fffaf0;border:1px solid #eadfc9;border-radius:9px;grid-column:1/-1;padding:15px}.management-note b{color:#8c6b3f;font-size:9px}.management-note p{font-size:10px;line-height:1.7}.management-note small{color:#a99473;font-size:7px}.service-metrics{margin-bottom:13px}.management-banner{background:linear-gradient(100deg,#fffaf0,#fff);border:1px solid #e8dec9;border-radius:11px;align-items:center;gap:12px;min-height:70px;margin-bottom:14px;padding:12px 18px;display:flex}.management-banner>svg{color:#b28649;width:28px}.management-banner>div{gap:2px;display:grid}.management-banner small{color:#927b5c;font-size:8px}.management-banner b{color:#6f5737;font-size:18px}.management-banner p{color:#a18e74;margin-left:auto;font-size:8px}.service-progress-grid{grid-template-columns:minmax(600px,1.4fr) minmax(320px,.6fr);gap:15px;display:grid}.employee-progress-list{padding:0 14px 14px}.employee-progress-item{border-top:1px solid #e9eef0}.employee-progress-summary{text-align:left;background:#fff;border:0;align-items:center;gap:12px;width:100%;min-height:82px;padding:10px 7px;display:flex}.employee-progress-summary:hover{background:#fafcfc}.employee-identity{flex:1;gap:2px;min-width:160px;display:grid}.employee-identity b{font-size:11px}.employee-identity small{color:#82949b;font-size:8px}.employee-identity em{color:#4d7d87;white-space:nowrap;text-overflow:ellipsis;max-width:210px;font-size:7px;font-style:normal;overflow:hidden}.employee-stat{text-align:center;min-width:64px;display:grid}.employee-stat b{font-size:14px}.employee-stat small{color:#8c9ba1;font-size:7px}.employee-stat.danger b{color:#c14f4f}.last-service{text-align:right;min-width:68px;display:grid}.last-service b{font-size:8px}.last-service small{color:#91a0a5;font-size:7px}.expand-arrow{color:#8a999f;width:16px;transition:all .2s}.employee-progress-item.expanded .expand-arrow{transform:rotate(180deg)}.employee-projects{background:#f7fafb;border-radius:0 0 9px 9px;padding:10px 12px 13px 64px}.employee-latest{color:#456e77;background:#eaf4f4;border-radius:7px;align-items:center;gap:7px;margin-bottom:7px;padding:8px 10px;display:flex}.employee-latest svg{width:15px}.employee-latest span{display:grid}.employee-latest b{font-size:7px}.employee-latest small{font-size:8px}.employee-projects>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #e5ebed;align-items:center;gap:9px;width:100%;min-height:55px;padding:7px 9px;display:flex}.employee-projects>button>div:first-of-type{flex:1;gap:3px;min-width:0;display:grid}.employee-projects>button b{font-size:9px}.employee-projects>button small{color:#87989f;font-size:7px}.mini-health,.urgent-dot{background:#50a17a;border-radius:50%;flex:none;width:7px;height:7px}.mini-health.health-attention,.urgent-dot.health-attention{background:#d58b4e}.mini-health.health-risk,.urgent-dot.health-risk{background:#cf5656}.mini-progress{align-items:center;gap:5px;width:100px;flex-direction:row!important;display:flex!important}.mini-progress>span{background:#e0e8ea;border-radius:6px;width:70px;height:5px;overflow:hidden}.mini-progress i{background:#48a29c;height:100%;display:block}.mini-progress b{font-size:8px!important}.no-project{color:#8b9a9f;font-size:8px}.service-side{align-content:start;gap:15px;display:grid}.urgent-project-list,.compact-task-list{padding:0 12px 12px}.urgent-project-list>button,.compact-task-list>button{text-align:left;background:#fff;border:0;border-top:1px solid #e9eef0;align-items:center;gap:8px;width:100%;min-height:58px;padding:7px 5px;display:flex}.urgent-project-list>button>div{flex:1;gap:3px;min-width:0;display:grid}.urgent-project-list b,.compact-task-list b{font-size:9px}.urgent-project-list small,.compact-task-list small{color:#89999f;white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.urgent-project-list div>span{background:#e7edef;border-radius:5px;height:4px;margin-top:3px;overflow:hidden}.urgent-project-list div>span i{background:#55a49c;height:100%;display:block}.urgent-project-list em{font-size:8px;font-style:normal}.task-alert{color:#478397;background:#eaf3f6;border-radius:8px;flex:none;place-items:center;width:29px;height:29px;display:grid}.task-alert.overdue{color:#bd4d4d;background:#ffeded}.task-alert svg{width:14px}.compact-task-list>button>div{flex:1;gap:3px;min-width:0;display:grid}.compact-task-list time{white-space:nowrap;font-size:8px}@media (max-width:1250px){.metric-grid,.team-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:950px){.sidebar{transition:transform .2s;transform:translate(-105%);box-shadow:20px 0 45px #0003}.sidebar.open{transform:translate(0)}.mobile-shade{z-index:19;background:#07182073;position:fixed;inset:0}.mobile-close{color:#ffffffb3;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.mobile-close svg{width:18px}.main{width:100%;margin-left:0}.menu-btn{background:#eff4f5;border:0;border-radius:8px;place-items:center;width:36px;height:36px;margin-right:12px;padding:0;display:grid}.menu-btn svg{width:20px}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:.9fr 1.1fr}.intro-inner{padding:45px}.intro-copy h1{font-size:40px}}@media (max-width:700px){.login-page{padding:calc(24px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(24px + env(safe-area-inset-left,0px));background:linear-gradient(145deg,#103650,#0c6c74);display:block}.login-intro{display:none}.login-panel{min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));background:#fff;border-radius:18px;padding:28px 22px}.login-mobile-brand{align-items:center;gap:10px;margin-bottom:38px;display:flex}.login-mobile-brand img{border-radius:11px;width:40px;height:40px}.login-form h2{font-size:26px}.demo-tip{flex-direction:column;gap:4px}.topbar{height:68px;padding:0 15px}.page-title p{display:none}.page-title h1{font-size:17px}.connection{padding:7px;font-size:0}.notification{display:none}.content{padding:16px 12px 35px}input,select,textarea,.field input,.field select,.field textarea,.search-box input{font-size:16px}.apple-install-grid{grid-template-columns:1fr}.apple-install-grid.mobile-first .ios-step{order:-1}.apple-install-step{padding:14px}.apple-install-note{align-items:flex-start}.hello-row{padding:19px}.hello-row h2{font-size:17px}.hello-row .btn{display:none}.metric-grid{grid-template-columns:repeat(2,1fr);gap:9px}.metric-card{min-height:96px;padding:12px}.metric-card strong{font-size:21px}.metric-card small{display:none}.metric-icon{width:32px;height:32px}.customer-summary{justify-content:space-between;gap:8px;padding:0 13px}.customer-summary>div{text-align:center;gap:1px;display:grid}.customer-summary strong{font-size:17px}.customer-summary>i{height:28px}.customer-toolbar{flex-wrap:wrap;height:auto}.search-box{width:100%}.toolbar select{flex:1;min-width:0}.filter-icon,.customer-toolbar .btn,.toolbar-spacer{display:none}.pool-hero{align-items:flex-start;padding:17px}.pool-hero>span{display:none}.pool-hero h2{font-size:14px}.pool-hero p{max-width:250px;line-height:1.5}.pool-number{min-width:42px}.drawer{width:100vw}.drawer-head{padding:18px}.drawer-title h2{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.drawer-owner,.drawer-actions,.drawer-tabs{padding-left:18px;padding-right:18px}.drawer-actions{overflow-x:auto}.drawer-actions .btn{white-space:nowrap}.drawer-content{padding:16px 14px 35px}.drawer-tabs{top:107px}.profile-grid,.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.modal-backdrop{padding:8px}.modal{max-height:calc(100vh - 16px)}.modal-body{padding:17px}.modal-actions{margin-bottom:-17px;margin-left:-17px;margin-right:-17px}.result-options{gap:5px}.result-options small{display:none}.summary-strip{flex-wrap:wrap}.summary-strip>p{width:100%;margin:0}.task-row{gap:8px}.task-row .badge{display:none}.task-due{width:82px}.task-due small{display:none}.transfer-item{align-items:flex-start}.transfer-meta{width:90px}.transfer-meta small{display:none}.transfer-main small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.team-grid{grid-template-columns:1fr}.team-toolbar{z-index:2;position:sticky;top:74px}.toast{text-align:center;width:calc(100% - 32px)}}@media (display-mode:standalone){.topbar{height:calc(78px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}}@media (display-mode:standalone) and (max-width:700px){.topbar{height:calc(68px + env(safe-area-inset-top,0px))}.content{padding-bottom:calc(35px + env(safe-area-inset-bottom,0px))}.drawer-head,.project-drawer-head{padding-top:calc(18px + env(safe-area-inset-top,0px))}.drawer-content{padding-bottom:calc(35px + env(safe-area-inset-bottom,0px))}}@media (max-width:1200px){.project-row{grid-template-columns:minmax(240px,1.2fr) 150px minmax(150px,.8fr) 110px 16px;gap:10px}.service-progress-grid{grid-template-columns:1fr}.service-side{grid-template-columns:1fr 1fr}}@media (max-width:800px){.service-overview-strip{gap:12px;padding:13px}.service-overview-title small{display:none}.service-mini-stat{min-width:48px}.service-mini-stat strong{font-size:19px}.project-toolbar{flex-wrap:wrap}.project-toolbar .search-box{width:100%}.project-toolbar select{flex:1}.project-toolbar .btn{width:100%}.project-row{grid-template-columns:1fr 86px 16px;min-height:112px}.project-members{grid-column:1}.project-stage{grid-area:1/2/3}.project-dates{display:none}.member-picker{grid-template-columns:1fr 1fr}.project-progress-hero{grid-template-columns:70px 1fr;padding:15px}.progress-ring{width:65px;height:65px}.progress-ring:before{width:51px;height:51px}.project-next-service{border-top:1px solid #ffffff1f;border-left:0;grid-column:1/-1;align-items:center;gap:8px;padding:8px 0 0;display:flex}.project-member-strip{flex-direction:column;align-items:flex-start}.project-overview-grid,.project-info-row{grid-template-columns:1fr}.project-focus-card{min-height:auto}.management-grid{grid-template-columns:1fr}.management-note{grid-column:auto}.employee-progress-summary{flex-wrap:wrap}.employee-identity{min-width:calc(100% - 80px)}.employee-stat{min-width:55px}.last-service{margin-left:auto}.employee-projects{padding-left:12px}.mini-progress{display:none!important}.service-side{grid-template-columns:1fr}.management-banner p{display:none}}