:root{font-family:'DM Sans','Noto Sans SC','Microsoft YaHei',sans-serif;color:#263b35;background:#f5f7f8;font-synthesis:none;--green:#187d68;--ink:#263b35;--muted:#8a9592;--border:#edf0ef;--light:#f5f8f7;--sidebar:228px}
*{box-sizing:border-box}body{margin:0;font-size:13px;line-height:1.65}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #70b6a6;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #9fcbbe;outline-offset:1px;border-color:#70ac9e}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}svg{flex-shrink:0}button{border:0;background:none}input,select,textarea{border:1px solid #dfe6e3;border-radius:7px;padding:10px 12px;color:var(--ink);background:#fff;min-width:0}input::placeholder,textarea::placeholder{color:#a1aaa7}input[type=date],input[type=time]{min-height:40px}select{padding-right:24px}textarea{resize:vertical;width:100%}label{display:flex;flex-direction:column;gap:7px;font-weight:500}small{font-size:11px}.icon{width:20px;height:20px;vertical-align:middle}.muted{color:var(--muted)}.numeric{font-variant-numeric:tabular-nums}.green{color:#208670;background:#ecf5f1}.blue{color:#5f89b9;background:#eff4fa}.purple{color:#9a86b3;background:#f3eff9}.orange{color:#c89a52;background:#fcf5e9}.red{color:#c36767;background:#fcf0f0}.gray{color:#8a9390;background:#f1f3f2}.orange-text{color:#c6964d}.eyebrow{display:block;font-size:10px;letter-spacing:1.8px;font-weight:600;color:#7eaa9c}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#7e8b85}.icon-btn:hover{background:#f0f5f2;color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 17px;border-radius:7px;font-weight:500;font-size:12px;white-space:nowrap;transition:background .16s,transform .16s}.btn .icon{width:17px;height:17px}.btn:active{transform:translateY(1px)}.primary{background:var(--green);color:white;border:1px solid var(--green);box-shadow:0 3px 5px #187d6810}.primary:hover{background:#126751}.secondary{background:white;border:1px solid #dfe6e3;color:#63736c}.secondary:hover{border-color:#91b9a9;background:#fafdfb}.small{padding:6px 12px;min-height:31px;font-size:11px}.danger-outline{border:1px solid #ead3d3;color:#b75a5a;background:white}.danger{background:#c06060;color:white}.full-width{width:100%}.text-link,.text-button{display:inline-flex;align-items:center;gap:3px;color:#779088;font-size:11px}.text-link:hover,.text-button:hover{color:var(--green)}.text-link .icon{width:14px;height:14px}.text-button{color:var(--green);padding:5px}.avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:500;letter-spacing:.4px}.avatar.large{width:48px;height:48px;font-size:13px}.avatar.xl{width:70px;height:70px;font-size:21px}.tone-0{background:#e7efdf;color:#849768}.tone-1{background:#e7eff6;color:#7b95ad}.tone-2{background:#f5eae1;color:#b5997e}.tone-3{background:#e9e6f2;color:#9a8bb0}.tone-4{background:#e4f0eb;color:#7da596}.tone-5{background:#f3e6e9;color:#b48996}.tag{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:450}.tag i{width:4px;height:4px;background:currentColor;border-radius:50%}.online-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#6eaa8d}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e9eeeb;padding:30px 20px 16px;display:flex;flex-direction:column;z-index:20;overflow:auto}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand img{width:33px;height:33px}.brand>span{font-size:19px;font-weight:650;letter-spacing:1px}.brand b{font-size:15px;letter-spacing:-.5px;font-weight:600;margin-left:1px}.company-switch{display:flex;align-items:center;gap:9px;padding:13px 10px;background:#f7f9f8;border:1px solid #edf0ee;border-radius:8px;margin-top:29px;margin-bottom:28px}.company-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #dee8e1;border-radius:6px;background:white;font-weight:600;color:#7b9586}.company-switch strong{font-size:11px;display:block;max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-switch small{font-size:9px;display:block;color:#a1aaa5}.version-tag{font-size:8px;padding:1px 4px;border:1px solid #dbe6dd;border-radius:3px;color:#8c9d8b;margin-left:auto}.nav-label{font-size:10px;letter-spacing:.7px;color:#b1b9b5;padding:0 12px;margin-bottom:12px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:7px;margin-bottom:7px;color:#7e8984;font-size:12px;position:relative;transition:background .15s}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:#f6f9f7;color:var(--green)}.nav-item.active{background:#eaf3ee;color:#237e63;font-weight:600}.nav-item.active:before{content:'';width:3px;height:15px;background:#388a6d;position:absolute;left:-20px;border-radius:0 3px 3px 0}.nav-count{font-size:9px;background:#f4ece0;color:#b78f52;border-radius:4px;padding:0 5px;margin-left:auto;min-width:17px;text-align:center}.nav-divider{height:1px;background:var(--border);margin:15px 8px}.sidebar-bottom{margin-top:auto;padding-top:45px}.mobile-promo{background:linear-gradient(130deg,#f0f5ee,#f8faf7);border:1px solid #e6ede3;border-radius:9px;padding:14px;position:relative}.promo-icon{display:inline-flex;border-radius:7px;background:white;box-shadow:0 2px 6px #54765e0a;padding:7px;color:#6c9279;margin-bottom:12px}.promo-icon .icon{width:17px;height:17px}.mobile-promo strong{display:block;font-size:11px;color:#5e7766;font-weight:550}.mobile-promo p{font-size:9px;color:#9ba99c;margin-top:3px}.mobile-promo a{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:500;color:#4a8164;margin-top:15px}.mobile-promo a .icon{width:14px;height:14px}.help-link{width:100%;display:flex;align-items:center;gap:9px;font-size:10px;color:#98a29c;margin-top:18px;padding:8px 2px}.help-link .icon{width:15px;height:15px}.help-link .icon:last-child{margin-left:auto;width:12px}.sidebar-foot{display:flex;align-items:center;gap:6px;font-size:9px;color:#a6afa9;padding-top:16px;margin-top:9px;border-top:1px solid var(--border)}.sidebar-foot>span:last-child{margin-left:auto;font-size:8px}.workspace{margin-left:var(--sidebar);min-height:100vh}.topbar{height:77px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;background:#fff;border-bottom:1px solid var(--border)}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#9ca6a0}.breadcrumb .icon{width:11px;height:11px;color:#c2c9c5}.breadcrumb strong{color:#5d7065;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:13px}.global-search{display:flex;align-items:center;gap:9px;color:#a0aaa4;background:#f8faf9;border:1px solid #edf1ee;border-radius:6px;padding:7px 10px;min-width:230px;font-size:10px}.global-search .icon{width:15px;height:15px}.global-search kbd{font-size:9px;margin-left:auto;border:1px solid #e8edeb;border-radius:3px;padding:0 4px;color:#b1bbb4}.notification{position:relative}.notification i{width:5px;height:5px;background:#d79872;border:1px solid white;border-radius:50%;position:absolute;right:9px;top:7px}.topbar-separator{width:1px;height:23px;background:#e9eeea;margin:0 4px}.profile-button{display:flex;align-items:center;gap:10px;padding:0}.profile-button>span:not(.avatar){font-size:11px;text-align:left;font-weight:500}.profile-button small{font-size:8px;display:block;color:#9fa8a1;margin-top:1px;font-weight:400}.profile-button .icon{width:11px;height:11px;margin-left:7px;color:#a0aaa4}.main-content{max-width:1560px;margin:auto;padding:29px 32px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h1{font-size:22px;font-weight:600;letter-spacing:.2px;line-height:1.45}.page-heading p{font-size:11px;color:#98a49b;margin-top:8px;letter-spacing:.2px}.heading-actions{display:flex;align-items:center;gap:11px}.date-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #e6ebe7;border-radius:6px;background:#fff;font-size:10px;color:#7b8b80;white-space:nowrap}.date-chip .icon{width:14px;height:14px}.wave{color:#d6b370;font-size:24px;margin-left:7px}.welcome-banner{position:relative;background:#edf3ec;border:1px solid #e4ece0;border-radius:11px;min-height:172px;padding:24px 29px;overflow:hidden;margin-bottom:22px}.welcome-banner .eyebrow{color:#8d9f7e;font-size:8px;letter-spacing:1.6px}.welcome-banner h2{font-size:23px;font-weight:550;color:#3b5946;margin-top:9px}.welcome-banner p{font-size:11px;color:#8a9b89;margin-top:8px}.welcome-banner p strong{color:#68866b;font-weight:600}.welcome-banner a{display:inline-flex;align-items:center;gap:15px;font-size:10px;font-weight:550;color:#537759;margin-top:15px}.welcome-banner a .icon{width:14px;height:14px}.welcome-art{position:absolute;width:330px;height:240px;right:25px;top:-20px;opacity:.9}.art-orbit{position:absolute;width:205px;height:205px;border:1px solid #b8ccb43d;border-radius:50%;left:62px;top:11px}.orbit-two{width:285px;height:285px;left:22px;top:-29px}.art-leaf{position:absolute;box-shadow:inset 6px 1px 10px #ffffff55,9px 11px 23px #51775219}.leaf-a{width:98px;height:107px;right:81px;top:32px;border-radius:90px 12px 90px 12px;background:linear-gradient(135deg,#c4d8ae,#79a27f);transform:rotate(-12deg)}.leaf-b{width:89px;height:81px;right:147px;top:94px;border-radius:12px 85px 12px 85px;background:linear-gradient(135deg,#e0e5bf,#acbe95);transform:rotate(13deg)}.leaf-c{width:77px;height:76px;right:71px;top:133px;border-radius:85px 10px 85px 10px;background:linear-gradient(135deg,#c9d8bb,#92b49b);transform:rotate(9deg)}.art-stem{position:absolute;height:149px;right:143px;top:76px;width:3px;background:linear-gradient(#d2dac4,#92b293);transform:rotate(17deg);border-radius:100%}.art-spark{position:absolute;left:60px;top:62px;color:#a9b98e;font-size:25px}.art-note{position:absolute;right:0;bottom:39px;font-family:Georgia,serif;font-style:italic;font-size:13px;color:#9aaf91;transform:rotate(-9deg)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{background:#fff;border:1px solid var(--border);border-radius:9px;padding:17px 20px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#89958d;font-size:11px}.stat-icon{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:7px}.stat-icon .icon{width:16px;height:16px}.stat-value{font-size:32px;font-weight:550;line-height:1.3;letter-spacing:-1px;color:#30483b;margin-top:3px;font-variant-numeric:tabular-nums}.stat-value small{font-size:11px;font-weight:400;color:#a0aba4;margin-left:7px;letter-spacing:0}.stat-detail{display:flex;align-items:center;gap:7px;font-size:9px;color:#a5afa7;margin-top:13px}.trend{display:inline-flex;align-items:center;gap:2px;color:#6a9d78;background:#f0f7f0;border-radius:3px;padding:1px 4px;font-size:9px}.trend .icon{width:12px;height:12px}.subtle-strong{color:#788d7f}.dashboard-columns{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(280px,1fr);gap:21px}.dashboard-primary,.dashboard-secondary{display:flex;flex-direction:column;gap:21px;min-width:0}.panel{background:#fff;border:1px solid var(--border);border-radius:9px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 12px;min-height:60px}.panel-heading h2{font-size:13px;font-weight:550;display:flex;align-items:center;gap:8px}.panel-heading p{color:#aab2ad;font-size:9px;margin-top:4px}.segmented{display:inline-flex;padding:3px;border:1px solid #ecf0ec;border-radius:5px;background:#f9faf9}.segmented button{font-size:9px;padding:3px 9px;color:#9ca79f;border-radius:3px}.segmented .selected{background:white;box-shadow:0 1px 4px #334f3a0c;color:#5e8067}.chart-legend{display:flex;align-items:center;justify-content:space-between;padding:0 25px;margin-top:8px}.chart-legend>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#9ca79f}.chart-legend i{width:6px;height:6px;border-radius:50%}.chart-legend strong{font-size:16px;font-weight:550;color:#60836e}.chart-legend small{font-size:9px;font-weight:400;color:#a2ada5;margin-left:5px}.growth-chart{padding:10px 18px 14px}.growth-chart svg{width:100%;height:auto;display:block;max-height:230px;overflow:visible}.number-pill{font-size:9px;font-weight:500;border-radius:4px;padding:1px 6px;background:#f3f6f3;color:#8c9d8e}.approval-list{padding:0 22px 10px}.approval-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #f1f4f1;padding:16px 0}.approval-row:last-child{border-bottom:0}.approval-info{text-align:left;flex:1;min-width:0;padding:0}.approval-info strong{display:block;font-size:11px;font-weight:550}.approval-info strong span{font-weight:400;color:#829186;margin-left:3px}.approval-info small{display:flex;align-items:center;gap:7px;color:#a7b1a8;font-size:9px;margin-top:4px}.approval-info i{font-style:normal;color:#c2c9c3}.approval-info p{font-size:11px;color:#98a49b;margin-top:10px}.approval-actions{margin-left:7px}.approval-actions .btn{font-size:10px;padding:4px 10px;min-height:27px;border-color:#e7ece6;color:#8a9d8c}.tiny-label{font-size:8px;color:#b6bfb5;letter-spacing:1px;font-weight:400;margin-left:4px}.new-members{display:grid;grid-template-columns:repeat(4,1fr);padding:13px 8px 22px}.new-member{display:flex;align-items:center;flex-direction:column;padding:4px 7px;border-right:1px solid #f0f3ef}.new-member:last-child{border:0}.new-member strong{font-size:11px;font-weight:500;margin-top:10px}.new-member>span:not(.avatar){font-size:9px;color:#9ca89e;margin-top:2px}.new-member>small{font-size:9px;color:#b7c0b6;margin-top:8px}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:9px 14px 22px}.shortcut-grid button{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:9px;color:#8b9a8e;padding:0}.shortcut-icon{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.shortcut-icon .icon{width:18px;height:18px}.shortcut-grid button:hover .shortcut-icon{transform:translateY(-2px);transition:transform .2s}.donut-wrap{display:flex;justify-content:center;padding:4px 0 17px}.donut{width:143px;height:143px;border-radius:50%;padding:19px;transform:rotate(-1deg)}.donut>div{background:#fff;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 0 4px #fff}.donut strong{font-size:28px;line-height:1.3;font-weight:500;letter-spacing:-.7px;color:#526a5b}.donut span{font-size:9px;color:#a6b0a7}.department-legend{padding:0 24px 18px;display:grid;gap:9px}.department-legend>div{display:flex;align-items:center;justify-content:space-between;font-size:10px}.department-legend>div>span{display:flex;align-items:center;gap:8px;color:#8d9b90}.department-legend i{width:6px;height:6px;border-radius:2px}.department-legend strong{font-size:10px;font-weight:500;color:#6e8374}.department-legend small{font-size:8px;color:#adb7ad;margin-left:2px}.agenda-list{padding:0 22px 12px}.agenda-item{display:flex;align-items:center;text-align:left;width:100%;gap:11px;background:transparent;border-bottom:1px solid #f2f4f1;padding:13px 0;position:relative;color:var(--ink)}.agenda-item:last-child{border-bottom:0}.event-time{font-size:11px;color:#748879;flex-shrink:0;min-width:39px}.event-time small{display:block;font-size:8px;color:#b6c0b5;margin-top:1px}.event-copy{display:flex;flex-direction:column;border-left:2px solid #8ebfa7;padding-left:12px;min-width:0}.agenda-item.purple .event-copy{border-color:#c2b4d2}.agenda-item.orange .event-copy{border-color:#d9ba8d}.event-copy strong{font-size:10px;font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-copy small{font-size:9px;color:#b0bbae;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.care-note{display:flex;align-items:center;gap:12px;background:#eef3ec;border:1px solid #e6ece1;border-radius:8px;padding:17px;color:#9db094}.care-note>.icon{width:26px;height:26px}.care-note strong{display:block;font-weight:450;font-size:10px;color:#8b9f82}.care-note span{display:block;font-size:8px;color:#aab8a2;margin-top:3px}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 0;font-size:8px;color:#b4bfb6;letter-spacing:.3px}.page-footer .online-dot{width:4px;height:4px;background:#a1b8a3;margin-right:5px}.compact-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:9px;background:#fff;padding:24px 0;margin-bottom:22px}.compact-stats>div{padding:0 28px;border-right:1px solid var(--border)}.compact-stats>div:last-child{border:0}.compact-stats span{color:#98a59b;font-size:11px;display:block}.compact-stats strong{font-size:28px;font-weight:550;display:block;margin-top:5px}.compact-stats small{font-weight:400;font-size:11px;color:#a4b0a6;margin-left:6px}.filter-bar{display:flex;align-items:center;gap:12px;padding:22px}.input-icon{display:flex;align-items:center;gap:8px;border:1px solid #e1e8e2;padding:0 11px;border-radius:7px;background:white}.input-icon>.icon{width:16px;height:16px;color:#a2aea5}.input-icon input{padding:10px 0;border:0;outline:0;width:100%;font-size:11px;background:transparent;min-height:38px}.input-icon:focus-within{outline:2px solid #b2d2c5;outline-offset:1px}.filter-bar .input-icon{min-width:230px}.filter-bar select{font-size:11px}.filter-count{margin-left:auto;color:#a2aea5;font-size:10px;white-space:nowrap}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:11px}th{font-weight:450;color:#98a59c;background:#f8faf8;padding:13px 18px;font-size:10px;border-top:1px solid #f0f3ef;border-bottom:1px solid #edf1ec}td{padding:17px 18px;border-bottom:1px solid #f0f3ef;color:#7c8e80}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:24px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfb}.person-cell{display:flex;align-items:center;text-align:left;gap:10px;padding:0;min-width:100px}.person-cell strong{font-size:11px;font-weight:500;color:#536c5b}.person-cell small{font-size:9px;color:#acb8ae;display:block;margin-top:2px}.cell-title{font-size:11px;font-weight:400}.cell-sub{display:block;font-size:9px;color:#a6b3a9;margin-top:4px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-top:1px solid var(--border);font-size:10px;color:#9caaa0}.pagination>div{display:flex;align-items:center;gap:14px}.pagination strong{font-weight:400;font-size:11px}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--border);padding:0 24px}.tabs button{padding:18px 0;font-size:12px;color:#98a69c;position:relative;white-space:nowrap}.tabs button.active{color:var(--green);font-weight:550}.tabs button.active:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:0;background:var(--green)}.tabs button span{background:#f1f5f1;border-radius:4px;padding:1px 5px;font-size:9px;margin-left:5px}.approval-list.full{padding:0 26px 10px}.full .approval-row{padding:24px 0}.full .approval-info strong{font-size:13px}.full .approval-info small{font-size:10px}.full .avatar{width:42px;height:42px}.empty{display:flex;align-items:center;flex-direction:column;padding:45px 20px;color:#a1b4a4}.empty>.icon{width:32px;height:32px;margin-bottom:14px;color:#b8cbbb}.empty strong{font-weight:500;font-size:13px;color:#819887}.empty span{font-size:11px;margin-top:5px}.recruitment-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#edf3eb,#f3f3e9);border:1px solid #e5ebe0;border-radius:10px;padding:28px 32px;margin-bottom:25px}.recruitment-banner h2{font-size:23px;color:#526e51;margin-top:7px;font-weight:500}.recruitment-banner p{font-size:11px;color:#9aaa90;margin-top:8px}.recruitment-banner>.icon{width:90px;height:90px;margin-right:35px;stroke-width:.7;color:#a7bd90}.job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.job-card{padding:24px}.job-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.job-icon{width:43px;height:43px;background:#eff4ec;color:#95ad89;border-radius:9px;display:flex;align-items:center;justify-content:center}.job-card h2{font-size:16px;font-weight:550}.job-card p{display:flex;gap:9px;font-size:10px;color:#9da992;margin-top:8px}.job-card p i{font-style:normal;color:#c6cdc0}.job-salary{display:block;color:#639174;font-size:23px;font-weight:500;margin-top:24px}.job-salary small{font-size:10px;color:#b5bcae;font-weight:400}.job-meta{display:flex;justify-content:space-between;margin-top:24px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:10px;color:#b0baaa}.job-meta b{color:#809777;font-weight:500;margin-left:8px}.job-footer{display:flex;justify-content:space-between;margin-top:18px;gap:10px}.hint{font-size:10px;color:#a5b0a0;margin-top:20px}.notice-bar{display:flex;align-items:center;gap:9px;background:#f5f4e9;color:#a49d71;border:1px solid #eceada;border-radius:7px;padding:11px 15px;font-size:11px;margin-bottom:20px}.notice-bar .icon{width:16px;height:16px}.salary-cell{color:var(--green);font-weight:500}.org-root{display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #dce9df;border-radius:10px;background:#ecf4ee;width:280px;padding:22px;margin:12px auto 0}.org-root>.icon{color:#74a485;width:30px;height:30px}.org-root h2{font-size:19px;color:#5a8061}.org-root p{font-size:10px;color:#93a88e;margin-top:5px}.org-connector{height:38px;border-left:1px dashed #c5d6c5;width:1px;margin:0 auto}.org-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.org-card{border-top:3px solid var(--dept-color)}.org-card .panel-heading{border-bottom:1px solid var(--border);padding:18px 20px}.org-members{padding:8px 20px}.org-members .person-cell{width:100%;padding:12px 0;border-bottom:1px solid #f2f5ef}.org-members .person-cell:last-child{border:0}.org-members .icon{width:13px;height:13px;color:#c1cbbd;margin-left:auto}.org-more{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;background:#fbfcf9;color:#9bad91;border-top:1px solid var(--border);font-size:10px}.org-more .icon{width:13px;height:13px}.calendar-panel{max-width:980px}.calendar-summary{display:flex;gap:25px;align-items:center;padding:28px;border-bottom:1px solid var(--border)}.calendar-date{display:flex;flex-direction:column;align-items:center;padding:12px 22px;background:#edf4ee;color:#739773;border-radius:8px}.calendar-date strong{font-size:34px;font-weight:500;line-height:1.2}.calendar-date span{font-size:10px;margin-top:5px}.calendar-summary h2{font-size:19px;font-weight:500}.calendar-summary p{color:#a5b09e;font-size:11px;margin-top:8px}.calendar-group{padding:20px 30px;border-bottom:1px solid var(--border)}.calendar-group h3{display:flex;align-items:center;gap:10px;font-size:12px;color:#8ba080;margin-bottom:8px}.calendar-group .agenda-item{padding:20px 0}.calendar-group .event-time{font-size:15px;min-width:55px}.calendar-group .event-copy strong{font-size:13px}.calendar-group .event-copy small{font-size:11px}.settings-panel{max-width:740px;margin-bottom:24px}.settings-panel .form-grid{padding:10px 25px 25px}.data-settings{padding:24px}.data-settings h2{font-size:14px}.data-settings p{color:#9da996;font-size:11px;margin:9px 0 18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid label{font-size:11px;color:#7f9179}.span-two{grid-column:span 2}.form-grid input,.form-grid select{width:100%;font-size:12px;min-height:41px}.form-note{display:flex;align-items:center;gap:8px;background:#f5f8f1;color:#a3af97;border-radius:6px;padding:12px;font-size:10px}.form-note .icon{width:15px;height:15px}.form-error{color:#c36969;font-size:11px;margin:0;min-height:0}.form-error:empty{display:none}.form-inline-note{font-size:10px;color:#abb7a2;align-self:center;margin-top:17px}.form-intro{font-size:12px;color:#a0ad97;margin-bottom:22px}

dialog{border:1px solid #e6ece4;border-radius:15px;box-shadow:0 24px 100px #19362430;width:min(540px,calc(100% - 32px));max-height:90dvh;padding:0;color:var(--ink);overscroll-behavior:contain}dialog.wide{width:min(640px,calc(100% - 32px))}dialog::backdrop{background:#223d335e;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 26px 18px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:2}.modal-header .eyebrow{font-size:8px;color:#a9b99f;letter-spacing:2px;margin-bottom:4px}.modal-header h2{font-size:19px;font-weight:550}.modal-body{padding:24px 26px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 26px;border-top:1px solid var(--border);background:#fafcf8;position:sticky;bottom:0;z-index:2}.employee-detail-hero{display:flex;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--border);margin-bottom:23px}.employee-detail-hero h2{font-size:23px}.employee-detail-hero p{font-size:12px;color:#98a790;margin:5px 0 9px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:12px}.detail-grid>div>span{display:block;color:#a4b09e;font-size:10px;margin-bottom:6px}.detail-grid strong{font-size:12px;font-weight:450;word-break:break-word}.request-detail-person{display:flex;align-items:center;gap:12px;margin-bottom:25px}.request-detail-person>div{flex:1}.request-detail-person strong{font-size:13px;font-weight:500}.request-detail-person small{font-size:10px;color:#a9b59f;display:block;margin-top:3px}.reason-box{background:#f7f9f4;padding:14px;border-radius:7px;margin-top:24px}.reason-box>span{font-size:10px;color:#a5b19b}.reason-box p{font-size:12px;color:#7e9276;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.approval-timeline{display:grid;grid-template-columns:15px 1fr;gap:12px;padding:24px 0}.timeline-dot{width:9px;height:9px;border:2px solid #c3d2b8;border-radius:50%;margin-top:6px}.timeline-dot.done{border-color:#7cac81;background:#7cac81}.approval-timeline strong{display:block;font-size:11px;color:#8b9e80;font-weight:450}.approval-timeline small{display:block;font-size:10px;color:#b0bda5;margin-top:3px;overflow-wrap:anywhere}#decision-form label{font-size:11px;color:#94a689}#decision-form textarea{font-size:12px;margin-top:3px}.payslip-hero{display:flex;align-items:center;flex-direction:column;background:#eef6ee;border-radius:10px;padding:25px}.payslip-hero span{font-size:11px;color:#95ab88}.payslip-hero strong{font-size:34px;font-weight:500;color:#54835a;margin:8px 0}.payslip-hero small{font-size:10px;color:#a7b99a}.payslip-lines{padding:15px 0}.payslip-lines>div{display:flex;justify-content:space-between;padding:15px 0;font-size:12px;border-bottom:1px solid var(--border);color:#91a280}.payslip-lines strong{font-weight:450;color:#718961}.modal-body>.notice-bar:last-child{margin:10px 0 0;font-size:10px}.event-detail-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#f0f6ea;color:#9db38b;border-radius:12px;margin-bottom:18px}.modal-body>h2{font-size:19px;margin-bottom:24px}.search-results{margin-top:20px}.search-results>button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 0;text-align:left;border-bottom:1px solid var(--border)}.search-results>button>span:not(.avatar){flex:1}.search-results>button>.icon:last-child{margin-left:auto;width:14px;height:14px;color:#b0bda3}.search-results strong{font-size:12px;font-weight:500;display:block}.search-results small{font-size:10px;color:#9dad90;display:block;margin-top:3px}.notification-summary{display:flex;align-items:center;gap:15px;background:#f2f6ea;padding:17px;border-radius:9px;margin-bottom:17px}.notification-summary>.icon{color:#9bb27d;width:27px;height:27px}.notification-summary strong{font-size:13px;font-weight:500;color:#7d9464}.notification-summary p{font-size:10px;color:#a5b492;margin-top:4px}.notification-item{display:block;text-align:left;width:100%;padding:16px 0;border-bottom:1px solid var(--border)}.notification-item strong{font-size:12px;font-weight:450;display:block}.notification-item span{color:#abb79b;font-size:10px;display:block;margin-top:4px}.notice-body{font-size:14px;line-height:1.9;margin-top:20px;color:#839675}.help-content h3{font-size:13px;font-weight:500;margin-bottom:8px}.help-content p{font-size:12px;color:#94a589;line-height:1.9;margin-bottom:22px}.help-content p:last-child{margin:0}.toasts{position:fixed;top:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:10px;z-index:1000;pointer-events:none;width:max-content;max-width:90vw}.toast{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dbe8d7;color:#5b865d;box-shadow:0 8px 24px #28452814;border-radius:9px;padding:12px 20px;font-size:12px;animation:toastIn .2s ease-out}.toast>.icon{width:17px;height:17px}.toast.error{color:#bd7474;border-color:#eedbdb}@keyframes toastIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}

.mobile-preview-page{min-height:100vh;background:radial-gradient(ellipse at 76% 52%,#dbe8dc 0%,#eff4ee 35%,#f8faf7 70%);padding:0 56px 45px}.mobile-preview-bar{height:94px;display:flex;align-items:center;justify-content:space-between;max-width:1350px;margin:auto}.mobile-preview-bar>.btn{font-size:11px;background:#ffffff70}.mobile-preview-layout{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center;max-width:1120px;margin:24px auto 0}.mobile-intro{padding-bottom:30px}.mobile-intro>.eyebrow{font-size:10px;letter-spacing:2.5px;color:#88a787}.mobile-intro>h1{font-size:45px;line-height:1.65;letter-spacing:2px;font-weight:550;color:#395e42;margin-top:22px}.mobile-intro>p{font-size:13px;line-height:2;color:#99ad93;margin-top:20px}.preview-modes{display:inline-flex;gap:7px;padding:5px;border:1px solid #e1e9dd;border-radius:10px;background:#eef3ea;margin:30px 0}.preview-modes button{display:flex;align-items:center;gap:9px;font-size:11px;border-radius:7px;padding:10px 18px;color:#92a587}.preview-modes .active{background:#fff;color:#4a7e50;box-shadow:0 2px 5px #5c764711}.preview-modes .icon{width:17px;height:17px}.mobile-feature{display:flex;align-items:center;gap:15px;margin:21px 0}.mobile-feature>span{width:29px;height:29px;background:#e9f0e2;border:1px solid #dce8d4;color:#84a26f;border-radius:50%;display:flex;align-items:center;justify-content:center}.mobile-feature>span .icon{width:15px;height:15px}.mobile-feature strong{font-size:12px;font-weight:500;color:#6f8961}.mobile-feature p{font-size:10px;color:#a0b092;margin-top:3px}.prototype-label{font-size:10px;color:#b2bea5;margin-top:36px;letter-spacing:.6px}.device{height:826px;width:402px;border:8px solid #fff;border-radius:39px;box-shadow:0 24px 70px #4f704821,0 0 0 1px #dfe8dc;overflow:hidden;display:flex;flex-direction:column;background:#f6f8f4;position:relative}.device-top{height:61px;flex-shrink:0;background:#f6f8f4;display:flex;align-items:center;justify-content:space-between;padding:16px 19px 4px;font-size:13px;font-weight:500}.mini-capsule{display:flex;align-items:center;gap:10px;border:1px solid #d7dfd3;border-radius:20px;background:#ffffff87;padding:2px 10px;font-size:13px;letter-spacing:1px;color:#738a6e}.mini-capsule i{height:15px;width:1px;background:#d7dfd3}.app-mark{font-size:10px;color:#7e9f74;display:flex;align-items:center;gap:5px}.app-mark .icon{width:15px;height:15px}.app-device{border-color:#e9eee4;box-shadow:0 24px 70px #4f704821,0 0 0 1px #c6d3bf}.mobile-body{overflow:auto;padding:18px 19px 22px;flex:1;scrollbar-width:none}.mobile-body::-webkit-scrollbar{display:none}.mobile-tabbar{display:flex;justify-content:space-around;background:#fff;border-top:1px solid #edf1e9;padding:12px 0 15px;flex-shrink:0}.mobile-tabbar a{display:flex;align-items:center;flex-direction:column;gap:5px;font-size:9px;color:#adbba2;position:relative;min-width:48px}.mobile-tabbar a .icon{width:20px;height:20px}.mobile-tabbar a.active{color:var(--green)}.mobile-tabbar a>i{position:absolute;right:8px;top:0;width:5px;height:5px;background:#c7a36e;border:1px solid #fff;border-radius:50%}.mobile-greeting{display:flex;justify-content:space-between;align-items:center;margin:4px 0 24px}.mobile-greeting>div>span{font-size:10px;color:#9bad90}.mobile-greeting h1{font-size:25px;font-weight:550;letter-spacing:.5px;margin-top:6px;color:#42603c}.mobile-greeting h1>span{font-size:23px;color:#cbb079;margin-left:4px}.mobile-greeting p{font-size:11px;color:#a5b59b;margin-top:5px}.mobile-greeting>.avatar{border:3px solid #fff;width:49px;height:49px;box-shadow:0 2px 8px #3e5f3410}.mobile-checkin{border-radius:15px;background:#fff;border:1px solid #e6ece0;box-shadow:0 3px 12px #3d633006;padding:19px;text-align:center}.checkin-heading{display:flex;justify-content:space-between;align-items:center;gap:7px}.checkin-heading>span:first-child{display:flex;align-items:center;gap:5px;font-size:9px;color:#94a786;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkin-heading .icon{width:13px;height:13px}.checkin-heading .tag{font-size:8px;padding:2px 6px}.checkin-time{font-size:39px;line-height:1.4;letter-spacing:1px;font-weight:500;color:#416a42;margin:19px 0 4px;font-variant-numeric:tabular-nums}.mobile-checkin>p{font-size:10px;color:#8fa37f}.mobile-checkin>p>span{font-size:9px;color:#b7c3a9;margin-left:7px}.clock-records{display:flex;justify-content:space-around;font-size:10px;color:#a4b397;margin-top:19px;padding-top:16px;border-top:1px dashed #e5eddc}.clock-records strong{font-weight:500;color:#7f9970;margin-left:6px}.checkin-button{margin-top:19px;min-height:45px;border-radius:8px;font-size:13px;letter-spacing:1px}.checkin-note{display:block;color:#bfcbb2;font-size:8px;margin-top:9px}.mobile-services{margin-top:24px}.mobile-body h2{font-size:13px;font-weight:550;color:#607d51;display:flex;justify-content:space-between;align-items:center}.mobile-body h2>span{font-size:9px;color:#b3c1a3;font-weight:400}.mobile-services>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:17px}.mobile-services>div>button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;font-size:10px;color:#8da079}.mobile-services .shortcut-icon{width:43px;height:43px;border:1px solid #ffffff90;border-radius:12px}.mobile-services .shortcut-icon .icon{width:21px;height:21px}.mobile-pending{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e9eddf;border-radius:11px;padding:16px;margin-top:24px}.mobile-pending>div{flex:1}.mobile-pending strong{display:block;font-size:12px;font-weight:500;color:#7c8d5e}.mobile-pending div>span{font-size:9px;color:#b3ba9a;display:block;margin-top:4px}.mobile-pending>.icon{width:15px;height:15px;color:#bec7ad}.mobile-notices{margin-top:24px}.mobile-notices h2 span{font-size:7px;letter-spacing:1px}.mobile-notices>button{display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:16px 0;border-bottom:1px solid #e7eddf}.notice-label{font-size:8px;padding:1px 4px;background:#e9efdf;color:#9daf7c;flex-shrink:0}.mobile-notices>button strong{font-size:10px;font-weight:450;color:#91a37d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-notices>button small{font-size:8px;margin-left:auto;color:#bcc7aa;display:flex;align-items:center;gap:1px;white-space:nowrap}.mobile-notices .icon{width:11px;height:11px}.mobile-page-title{margin:8px 0 24px}.mobile-page-title .eyebrow{font-size:8px;letter-spacing:1.8px;color:#a4b88b}.mobile-page-title h1{font-size:26px;color:#54763d;font-weight:550;margin-top:8px}.mobile-page-title p{font-size:11px;color:#adbd98;margin-top:5px}.mobile-search{margin-bottom:17px;border-color:#e1e9d5}.mobile-search input{font-size:11px}.mobile-directory{background:#fff;border:1px solid #e6ecde;border-radius:12px;padding:0 14px}.directory-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:16px 0;border-bottom:1px solid #edf1e7}.directory-item:last-child{border:0}.directory-item>span:not(.avatar){flex:1}.directory-item strong{display:block;font-size:12px;font-weight:500;color:#7c965f}.directory-item small{display:block;font-size:9px;color:#adbd98;margin-top:4px}.directory-item .icon{width:13px;height:13px;color:#c3cfb4}.mobile-request-summary{display:flex;justify-content:space-around;background:#fff;border:1px solid #e6ecdc;border-radius:11px;margin-bottom:20px;padding:20px 0}.mobile-request-summary>div{display:flex;flex-direction:column;align-items:center;width:33%;border-right:1px solid #edf1e5}.mobile-request-summary>div:last-child{border:0}.mobile-request-summary strong{font-size:25px;font-weight:500;color:#7d9b61}.mobile-request-summary span{font-size:10px;color:#acbc96;margin-top:5px}.mobile-requests{margin-top:20px}.mobile-request-card{background:#fff;border:1px solid #e5ecdc;border-radius:12px;width:100%;display:block;text-align:left;padding:16px;margin-bottom:13px}.mobile-request-card>div{display:flex;align-items:center;gap:10px;margin-bottom:15px}.mobile-request-card .shortcut-icon{width:29px;height:29px;border-radius:7px}.mobile-request-card .shortcut-icon .icon{width:15px;height:15px}.mobile-request-card strong{font-size:12px;font-weight:500;color:#779459}.mobile-request-card .tag{margin-left:auto;font-size:9px}.mobile-request-card p{font-size:10px;color:#adbd96;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-request-card footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf2e4;margin-top:14px;padding-top:11px;font-size:9px;color:#b4c19e}.mobile-request-card footer span:last-child{display:flex;align-items:center;gap:1px}.mobile-request-card footer .icon{width:12px;height:12px}.mobile-profile{display:flex;flex-direction:column;align-items:center;padding:15px 0 29px}.mobile-profile h1{font-size:24px;font-weight:550;color:#6e8e4c;margin-top:15px}.mobile-profile p{font-size:11px;color:#a6b98a;margin:6px 0 13px}.mobile-profile-details{padding:8px 17px;background:#fff;border:1px solid #e6eddc;border-radius:12px}.mobile-profile-details>div{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #f0f4e8;font-size:10px}.mobile-profile-details>div:last-child{border:0}.mobile-profile-details span{color:#aebe96;white-space:nowrap}.mobile-profile-details strong{font-weight:400;color:#8ca36a;word-break:break-all;text-align:right}.mobile-menu{margin-top:20px;background:#fff;border:1px solid #e6eddc;border-radius:12px;padding:0 17px}.mobile-menu button{display:flex;align-items:center;width:100%;gap:12px;padding:17px 0;border-bottom:1px solid #edf2e4;text-align:left;color:#94aa73;font-size:11px}.mobile-menu button:last-child{border:0}.mobile-menu .icon{width:17px;height:17px;color:#a8bb8d}.mobile-menu .icon:last-child{margin-left:auto;width:12px;height:12px;color:#c2cfac}.mobile-demo-note{font-size:9px;color:#c0cda9;text-align:center;line-height:1.9;margin-top:28px}

@media(min-width:1600px){.main-content{padding:34px 42px 0}.topbar{padding:0 42px}.welcome-banner{min-height:184px}.stats-grid{gap:22px}.stat-card{padding:20px 24px}.dashboard-columns{gap:24px}.dashboard-primary,.dashboard-secondary{gap:24px}.growth-chart svg{max-height:255px}.welcome-art{right:50px}.sidebar{padding-top:33px}}
@media(max-width:1200px){:root{--sidebar:205px}.sidebar{padding-left:16px;padding-right:16px}.brand{gap:8px}.brand>span{font-size:17px}.brand b{font-size:13px}.brand img{width:31px;height:31px}.main-content{padding:24px 24px 0}.topbar{padding:0 24px}.global-search{min-width:180px}.global-search kbd{display:none}.topbar-actions{gap:8px}.page-heading h1{font-size:20px}.date-chip{display:none}.dashboard-columns{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:17px}.stat-card{padding:15px}.stat-value{font-size:29px}.stats-grid{gap:13px}.stat-detail{font-size:8px;gap:4px}.welcome-art{right:-25px}.welcome-banner{padding-left:23px}.welcome-banner>div:first-child{position:relative;z-index:1}.welcome-banner p{max-width:65%}.approval-list{padding:0 17px 9px}.approval-row{gap:9px}.approval-actions{margin-left:0}.approval-info small{font-size:8px;gap:4px}.panel-heading{padding-left:17px;padding-right:17px}.new-members{padding-left:0;padding-right:0}.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.org-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-preview-page{padding:0 36px 40px}.mobile-preview-layout{gap:45px;grid-template-columns:1fr 402px}.mobile-intro>h1{font-size:36px}.mobile-intro>p{font-size:12px}.mobile-preview-layout{max-width:960px}.filter-bar{gap:9px;padding:18px}.filter-bar .input-icon{min-width:180px}.filter-count{font-size:9px}}
@media(max-width:1000px){:root{--sidebar:184px}.sidebar{padding-left:13px;padding-right:13px}.brand b{font-size:11px}.brand>span{font-size:16px;letter-spacing:0}.brand img{width:28px;height:28px}.company-switch{padding:10px 7px;gap:7px}.version-tag{display:none}.nav-item{font-size:11px;padding:10px;gap:10px}.topbar{height:67px}.global-search{min-width:0;width:160px}.global-search span{font-size:9px}.profile-button>span:not(.avatar),.profile-button>.icon{display:none}.topbar-actions{gap:7px}.main-content{padding:23px 20px 0}.topbar{padding:0 20px}.dashboard-columns{grid-template-columns:minmax(0,1fr)}.dashboard-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.shortcuts{grid-column:2;grid-row:1}.department-panel{grid-row:1 / span 2;grid-column:1}.agenda-panel{grid-column:2;grid-row:2}.care-note{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid.three .stat-value{font-size:23px}.stat-card{padding:17px 20px}.stat-detail{font-size:9px}.welcome-art{right:-15px;opacity:.6}.welcome-banner p{max-width:70%}.page-heading h1{font-size:19px}.heading-actions .btn{font-size:10px;padding:8px 12px}.page-heading p{font-size:10px}.compact-stats>div{padding:0 18px}.compact-stats span{font-size:10px}.filter-bar{flex-wrap:wrap}.filter-bar .input-icon{flex:1}.filter-count{display:none}.mobile-preview-layout{grid-template-columns:1fr 360px;gap:35px}.device{width:360px;height:770px}.mobile-intro>h1{font-size:30px}.mobile-intro>p{font-size:11px}.mobile-feature strong{font-size:11px}.mobile-feature p{font-size:9px}.mobile-preview-page{padding:0 30px 40px}.preview-modes button{padding:8px 13px;font-size:10px}.mobile-preview-bar .brand b{font-size:14px}.mobile-preview-bar .brand>span{font-size:18px}.mobile-preview-bar .brand img{width:34px;height:34px}}
@media(max-width:760px){:root{--sidebar:68px}.sidebar{padding:24px 10px 12px;overflow-x:hidden}.sidebar .brand{justify-content:center}.sidebar .brand img{width:34px;height:34px}.sidebar .brand>span,.company-switch,.nav-label,.nav-item>span,.nav-count,.sidebar-bottom{display:none}.sidebar nav:first-of-type{margin-top:32px}.nav-item{justify-content:center;padding:13px 0;margin-bottom:10px}.nav-item .icon{width:21px;height:21px}.nav-item.active:before{left:-10px}.nav-divider{margin:13px 3px}.global-search{display:none}.topbar{padding:0 17px;height:66px}.breadcrumb{font-size:10px;gap:8px}.topbar-separator{margin:0 2px}.topbar-actions{gap:4px}.topbar-actions .icon-btn{width:30px}.main-content{padding:22px 17px 0}.page-heading{align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:19px}.page-heading h1{font-size:20px}.page-heading p{font-size:10px;line-height:1.8}.page-heading .heading-actions{width:100%;justify-content:flex-end}.page-heading .heading-actions:empty{display:none}.heading-actions .btn{min-height:35px}.welcome-banner{min-height:175px;padding:22px 19px}.welcome-banner h2{font-size:21px}.welcome-banner p{font-size:10px;max-width:70%}.welcome-art{right:-105px;top:-5px;opacity:.45}.welcome-banner .eyebrow{font-size:7px}.stat-card{padding:13px 15px}.stat-value{font-size:28px}.stat-top{font-size:10px}.stats-grid{gap:11px}.stat-detail{font-size:8px;flex-wrap:wrap;margin-top:9px}.stat-icon{width:25px;height:25px}.dashboard-secondary{gap:15px}.panel-heading{padding:17px 16px 12px}.panel-heading h2{font-size:12px}.approval-list{padding:0 15px 8px}.approval-row .avatar{width:31px;height:31px;font-size:10px}.approval-info strong{font-size:10px}.approval-info small{font-size:8px;gap:4px;flex-wrap:wrap}.approval-actions .btn{font-size:9px;padding:4px 7px}.approval-row>.tag{font-size:8px;padding:2px 5px}.new-member strong{font-size:10px}.new-member .avatar.large{width:37px;height:37px;font-size:11px}.new-member>span:not(.avatar){font-size:8px}.new-member>small{font-size:8px}.tiny-label{display:none}.shortcut-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:9px 12px 20px}.department-legend{padding:0 16px 19px;font-size:9px}.department-legend>div{font-size:9px}.donut{width:117px;height:117px;padding:16px}.donut strong{font-size:25px}.agenda-list{padding:0 15px 10px}.event-time{font-size:9px;min-width:30px}.event-copy{padding-left:8px}.event-copy strong{font-size:9px}.event-copy small{font-size:8px}.agenda-item{gap:7px}.page-footer{font-size:7px;flex-direction:column;align-items:flex-start;gap:6px}.compact-stats{grid-template-columns:repeat(2,1fr);gap:20px;padding:20px 0}.compact-stats>div:nth-child(2){border:0}.compact-stats strong{font-size:25px}.filter-bar{padding:16px;gap:10px}.filter-bar .input-icon{flex-basis:100%}.filter-bar select{flex:1;min-width:0;padding:8px;font-size:10px}.pagination{padding:14px;font-size:9px;flex-direction:column;gap:14px}.tabs{gap:20px;overflow:auto;padding:0 16px}.tabs button{font-size:11px}.tabs button span{font-size:8px}.full .approval-info strong{font-size:11px}.full .approval-info small{font-size:9px}.full .approval-row{gap:8px}.full .approval-info p{font-size:10px}.approval-list.full{padding:0 16px}.job-grid{grid-template-columns:1fr}.recruitment-banner{padding:23px}.recruitment-banner>.icon{display:none}.recruitment-banner h2{font-size:19px}.recruitment-banner .eyebrow{font-size:8px}.org-grid{grid-template-columns:1fr}.org-root{width:90%}.stats-grid.three{grid-template-columns:1fr}.stats-grid.three .stat-card{padding:17px 20px}.stats-grid.three .stat-value{font-size:29px}.notice-bar{font-size:10px}.calendar-summary{padding:21px;gap:17px}.calendar-summary h2{font-size:15px}.calendar-date{padding:9px 17px}.calendar-date strong{font-size:29px}.calendar-group{padding:18px 21px}.calendar-group .event-copy strong{font-size:11px}.calendar-group .event-copy small{font-size:10px}.calendar-group .event-time{font-size:13px;min-width:45px}.calendar-group h3{font-size:11px}.settings-panel .form-grid{padding:10px 20px 22px}.form-grid{gap:15px}.form-note{font-size:9px;align-items:flex-start}.modal-header{padding:20px}.modal-body{padding:22px 20px}.modal-footer{padding:16px 20px}.modal-header h2{font-size:18px}.form-grid input,.form-grid select{font-size:11px}.detail-grid strong{font-size:11px}.mobile-preview-page{padding:0;background:#f6f8f4;min-height:100dvh}.mobile-preview-bar{height:48px;border-bottom:1px solid #e6eddf;padding:0 17px;background:#fff;position:relative;z-index:2}.mobile-preview-bar .brand>span{font-size:13px}.mobile-preview-bar .brand b{font-size:10px}.mobile-preview-bar .brand img{width:24px;height:24px}.mobile-preview-bar>.btn{font-size:9px;padding:4px 8px;min-height:28px;border:0;background:#f3f7ef}.mobile-preview-bar>.btn .icon{width:13px;height:13px}.mobile-preview-layout{display:block;margin:0;max-width:none}.mobile-intro{display:none}.device,.app-device{height:calc(100dvh - 48px);width:100%;border:0;border-radius:0;box-shadow:none}.device-top{height:46px;padding:9px 22px}.mobile-body{padding:17px 22px 25px}.mobile-greeting{margin:3px 0 21px}.mobile-greeting h1{font-size:27px}.mobile-greeting>div>span{font-size:11px}.mobile-greeting p{font-size:12px}.mobile-checkin{padding:20px}.checkin-time{font-size:43px}.mobile-checkin>p{font-size:11px}.clock-records{font-size:11px}.checkin-heading>span:first-child{font-size:10px}.checkin-note{font-size:9px}.mobile-tabbar{padding-bottom:max(13px,env(safe-area-inset-bottom));padding-top:10px}.mobile-tabbar a{font-size:10px}.mobile-services>div>button{font-size:11px}.mobile-pending strong{font-size:13px}.mobile-pending div>span{font-size:10px}.mobile-notices>button strong{font-size:11px}.mobile-body h2{font-size:14px}.mobile-notices>button small{font-size:9px}.mobile-request-card strong{font-size:13px}.mobile-request-card p{font-size:11px}.mobile-request-card footer{font-size:10px}.mobile-profile-details>div{font-size:11px}.mobile-menu button{font-size:12px}.directory-item strong{font-size:13px}.directory-item small{font-size:10px}}
@media(max-width:420px){.main-content{padding:20px 12px 0}.topbar{padding:0 12px}.topbar-actions .icon-btn:first-child{display:none}.page-heading h1{font-size:17px}.welcome-banner{padding:19px 16px}.welcome-banner h2{font-size:20px}.welcome-banner p{max-width:85%;font-size:9px}.welcome-art{opacity:.25;right:-135px}.stat-card{padding:12px}.stat-detail{font-size:7px}.stat-value{font-size:26px}.dashboard-secondary{display:flex}.shortcut-grid{grid-template-columns:repeat(4,1fr);gap:5px}.department-legend{padding:0 23px 20px}.donut{width:145px;height:145px;padding:20px}.approval-row{flex-wrap:wrap}.approval-row .approval-info{flex-basis:calc(100% - 50px)}.approval-row>.tag{margin-left:40px}.approval-row>.approval-actions{margin-left:auto}.new-member>span:not(.avatar){font-size:7px}.new-member>small{font-size:7px}.mobile-body{padding-left:17px;padding-right:17px}.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.form-inline-note{margin:0}.detail-grid .span-two{grid-column:span 2}.modal-header h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep supporting information legible on everyday office and phone screens. */
.page-heading p,.stat-top,.stat-detail,.panel-heading p,.chart-legend>span,.approval-info small,.department-legend>div>span,.event-time small,.event-copy small,.new-member>span:not(.avatar),.new-member>small,.filter-count,.cell-sub,.person-cell small,.pagination,.hint,.form-intro,.form-grid label,.detail-grid>div>span,.form-inline-note,.request-detail-person small,.approval-timeline small,.job-card p,.job-meta,.data-settings p,.help-content p{color:#6b7d72}
.nav-item{color:#65766d}.nav-label,.breadcrumb,.date-chip,.help-link{color:#77877e}.global-search{color:#7c8d82}.stat-top,.page-heading p{font-size:12px}.stat-detail{font-size:10px}.panel-heading h2{font-size:14px}.panel-heading p,.text-link{font-size:11px}.approval-info strong{font-size:12px}.approval-info small{font-size:10px}.department-legend>div,.department-legend strong{font-size:11px}.event-copy strong{font-size:11px}.event-copy small{font-size:10px}.new-member strong{font-size:12px}.new-member>span:not(.avatar),.new-member>small{font-size:10px}.shortcut-grid button{font-size:10px;color:#677d6e}.welcome-banner p{color:#6c826b;font-size:12px}.welcome-banner a{font-size:11px}.welcome-art .art-note{bottom:52px;right:12px}.tag{font-size:11px}.tag.orange{color:#977234}.tag.blue{color:#5278a4}.tag.green{color:#28795d}.tag.gray{color:#6b7870}.person-cell strong,.cell-title,td{font-size:12px}.cell-sub,.person-cell small{font-size:10px}th{font-size:11px}.btn.small{font-size:11px}.form-grid label{font-size:12px}.detail-grid>div>span{font-size:11px}.mobile-intro>p,.mobile-feature p{color:#778d73}.mobile-feature strong{color:#58734e}.mobile-greeting>div>span,.mobile-greeting p,.checkin-heading>span:first-child,.mobile-checkin>p,.clock-records,.mobile-services>div>button,.mobile-pending div>span,.mobile-notices>button strong,.mobile-request-card p,.mobile-request-card footer,.mobile-profile-details span,.mobile-menu button,.directory-item small,.mobile-page-title p,.mobile-request-summary span{color:#6f8362}.mobile-body h2>span,.checkin-note,.mobile-checkin>p>span,.mobile-demo-note{color:#839475}.mobile-tabbar a{color:#7a8d6c}.mobile-tabbar a.active{color:var(--green)}.mobile-pending strong,.mobile-request-card strong,.directory-item strong,.mobile-profile-details strong{color:#54733f}.mobile-services>div>button,.checkin-heading>span:first-child,.clock-records,.mobile-checkin>p{font-size:11px}.mobile-pending div>span,.mobile-notices>button strong,.mobile-request-card p,.directory-item small{font-size:11px}.mobile-notices>button small,.mobile-request-card footer{font-size:10px}
@media(max-width:760px){.page-heading p,.stat-top{font-size:11px}.stat-detail{font-size:9px}.approval-info strong{font-size:11px}.approval-info small{font-size:9px}.department-legend>div,.department-legend strong{font-size:10px}.event-copy strong,.event-copy small{font-size:10px}.new-member>span:not(.avatar),.new-member>small{font-size:9px}.welcome-banner p{font-size:11px}.panel-heading h2{font-size:13px}.mobile-pending strong{font-size:13px}.mobile-profile-details>div{font-size:12px}}
@media(max-width:420px){.stat-detail{font-size:8px}.new-member>span:not(.avatar),.new-member>small{font-size:8px}.page-heading h1{font-size:17px}}