:root{color:#26362f;font-synthesis:none;--green:#265544;--muted:#8b948e;--border:#e9ede7;--cream:#f7f8f5;background:#f7f8f5;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button{color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #78a58b}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:30px;font-weight:650;line-height:1.5}h2{font-size:17px;font-weight:650}p{line-height:1.7}small{color:var(--muted);font-size:12px}input,textarea,select{color:#314238;background:#fbfcfa;border:1px solid #dfe6dc;border-radius:9px;max-width:100%;min-height:43px;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:var(--green);outline:2px solid #b5cdb8}textarea{resize:vertical;min-height:88px}input[type=file][hidden]{display:none}label{margin:20px 0 9px;font-size:13px;font-weight:550;display:block}label input,label textarea,label select{width:100%;margin-top:8px;display:block}form>p{color:var(--muted);margin-top:8px;font-size:13px}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#8a948d;letter-spacing:.4px;background:#fafbf8;padding:14px 19px;font-size:11px;font-weight:500}td{border-bottom:1px solid #f0f2ed;height:70px;padding:18px 19px;font-size:13px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcf9}.table-scroll{overflow-x:auto}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--border);z-index:20;background:#fff;flex-direction:column;width:232px;padding:33px 20px 20px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{letter-spacing:2px;align-items:center;gap:12px;padding:0 8px;font-size:23px;font-weight:650;display:flex}.brand-mark{color:#e4f0d6;background:#285442;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.brand-en{letter-spacing:1.7px;color:#8b9a91;margin-top:4px;font-size:8px;font-weight:500;display:block}.workspace-label{border-top:1px solid var(--border);color:#98a097;justify-content:space-between;margin-top:29px;padding:28px 13px 18px;font-size:11px;display:flex}.sidebar nav{gap:7px;display:grid}.nav-item{text-align:left;color:#78877d;border-radius:9px;align-items:center;gap:13px;height:45px;padding:0 15px;font-size:13px;display:flex}.nav-item.selected{color:#2c5b42;background:#edf3e9;font-weight:600}.nav-item:not(.selected):hover{background:#f7f9f4}.nav-item b{text-align:center;background:#d8e6cf;border-radius:5px;min-width:21px;margin-left:auto;padding:3px;font-size:10px}.side-note{background:#f5f7ee;border:1px solid #e9eedf;border-radius:12px;margin-top:auto;margin-bottom:30px;padding:20px 17px}.tiny-icon{color:#748c58;margin-bottom:15px}.side-note strong{font-size:12px;font-weight:600}.side-note p{color:#96a08d;margin-top:9px;font-size:11px;line-height:1.9}.side-note>span{color:#a0ac94;letter-spacing:1.2px;margin-top:17px;font-size:8px;display:block}.sidebar-user{border-top:1px solid var(--border);align-items:center;gap:10px;padding:20px 3px 0;display:flex}.avatar{color:#648056;background:#e6eddf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:11px;font-weight:600;display:flex}.sidebar-user strong{text-overflow:ellipsis;white-space:nowrap;max-width:115px;font-size:12px;display:block;overflow:hidden}.sidebar-user small{margin-top:4px;font-size:10px;display:block}.sidebar-user a{color:#93a08f;margin-left:auto}.main{margin-left:232px}.topbar{border-bottom:1px solid var(--border);background:#ffffffb3;justify-content:space-between;align-items:center;height:76px;padding:0 40px;display:flex}.breadcrumb{color:#a2aaa4;align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumb strong{color:#68776c;font-weight:500}.header-right{color:#929c94;align-items:center;gap:9px;font-size:10px;display:flex}.live-dot,.green-dot,.gold-dot{background:#7d9b73;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.gold-dot{background:#c5b17f}.icon-btn{place-items:center;width:34px;height:34px;margin-left:15px;display:grid;position:relative}.icon-btn i,.mobile-nav i{background:#b9875e;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:6px}.mini-avatar{color:#7e885e;background:#e8eadd;border-radius:50%;place-items:center;width:31px;height:31px;margin-left:8px;font-size:12px;display:grid}.content{max-width:1540px;margin:auto;padding:34px 40px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px;display:flex}.overline{color:#9ba68e;letter-spacing:2px;margin-bottom:6px;font-size:9px;font-weight:500}.heading-dot{color:#b0bf8c;font-size:28px}.page-heading p{color:#939d94;margin-top:5px;font-size:12px}.heading-actions{align-items:center;gap:14px;display:flex}.date-chip{border:1px solid var(--border);color:#8a968b;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:flex}.primary,.secondary{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 18px;font-size:12px;font-weight:550;line-height:1.4;display:inline-flex}.primary{color:#fff;background:#2e5b45;border:1px solid #2e5b45}.primary:hover{background:#244b38}.secondary{color:#4b684e;background:#f2f5ed;border:1px solid #e4eade}.secondary:hover{background:#e8eee0}.full{width:100%;margin-top:20px}.panel{border:1px solid var(--border);background:#fff;border-radius:13px;overflow:hidden}.overview-grid{grid-template-columns:1.5fr 1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.hero-card{color:#f0f7e6;background:#285444;border-radius:13px;padding:24px 27px 18px;position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;border:1px solid #ffffff09;border-radius:50%;width:280px;height:280px;position:absolute;top:-100px;right:-180px;box-shadow:0 0 0 24px #ffffff04,0 0 0 50px #ffffff03}.hero-top{color:#e1edda;justify-content:space-between;align-items:center;font-size:12px;display:flex}.small-dot{background:#c9deab;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.hero-tag{letter-spacing:1.5px;color:#c2d6b3;background:#ffffff0b;border:1px solid #ffffff10;border-radius:5px;padding:5px 7px;font-size:8px}.hero-metrics{grid-template-columns:1fr 1fr;margin-top:23px;display:grid}.hero-metrics>div+div{border-left:1px solid #ffffff18;padding-left:26px}.hero-metrics>div>span{color:#b9cdb9;font-size:10px}.hero-metrics strong{letter-spacing:-1px;margin-top:7px;font-size:43px;font-weight:450;line-height:1.3;display:block}.hero-metrics small{color:#c2d3bf;letter-spacing:0;margin-left:9px;font-size:10px;font-weight:400}.hero-bottom{border-top:1px solid #ffffff13;justify-content:space-between;align-items:center;height:39px;margin-top:18px;display:flex}.hero-bottom>span{color:#a8c1ac;align-items:center;gap:6px;font-size:9px;display:flex}.hero-bottom>svg{color:#98b696;transform:translateY(7px)}.stat-card{border:1px solid var(--border);background:#fff;border-radius:13px;padding:24px 25px 19px}.stat-icon{color:#779366;background:#f0f4e8;border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:17px;display:grid}.stat-icon.amber{color:#c0a263;background:#faf4e8}.stat-title{color:#8c988e;font-size:11px}.stat-number{letter-spacing:-1px;font-size:41px;font-weight:450;line-height:1.6}.stat-number>span{color:#a6aea4;margin-left:9px;font-size:11px}.stat-foot{color:#a3ad9e;border-top:1px solid #f1f3ee;align-items:center;gap:7px;padding-top:14px;font-size:9px;display:flex}.stat-foot .green-dot,.stat-foot .gold-dot{width:4px;height:4px}.middle-grid{grid-template-columns:1.5fr 1fr;gap:23px;margin-bottom:25px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:10px;padding:23px 25px 18px;display:flex}.section-heading h2{font-size:14px}.section-heading p{color:#a6afa4;margin-top:6px;font-size:10px}.legend{color:#98a08f;gap:15px;font-size:9px;display:flex}.legend>span{align-items:center;gap:5px;display:flex}.legend i{background:#6d8a61;border-radius:2px;width:6px;height:6px}.legend>span+span i{background:#d2dcb1}.chart{background:repeating-linear-gradient(0deg,#0000 0 44px,#f2f4ee 44px 45px);border-bottom:1px solid #f0f3eb;justify-content:space-around;gap:14px;height:180px;margin:18px 26px 0;display:flex}.chart-col{text-align:center;flex-direction:column;flex:1;max-width:55px;height:180px;display:flex}.bars{justify-content:center;align-items:flex-end;gap:5px;height:155px;display:flex}.bars>div{background:#7c986c;border-radius:4px 4px 0 0;width:14px;min-height:3px;position:relative}.bars>div+div{background:#d3dfb7}.bars span{color:#88997b;opacity:0;font-size:8px;position:absolute;top:-16px;left:0;right:0}.chart-col:hover .bars span{opacity:1}.chart-col small{color:#a2ad9d;padding-top:12px;font-size:9px;display:block}.chart-col.is-today small{color:#62864c;font-weight:600}.chart-note{color:#a8b0a3;padding:20px 25px 14px;font-size:9px}.todo-panel .section-heading{padding-bottom:17px}.soft-icon{color:#91a17f;background:#f4f6ef;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:inline-flex}.todo-item{text-align:left;border-bottom:1px solid #f0f3eb;align-items:center;gap:12px;width:calc(100% - 48px);margin:0 24px;padding:15px 0;display:flex}.todo-icon{color:#b6a06c;background:#faf5e9;border-radius:9px;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}.todo-icon.purple{color:#9b92a9;background:#f3f1f7}.todo-item strong{font-size:11px;font-weight:550;display:block}.todo-item small{color:#a3aca0;margin-top:4px;font-size:9px;display:block}.todo-item b{margin-left:auto;font-size:18px;font-weight:500}.todo-item>svg{color:#b4bfac}.tip{color:#8c9f78;background:#f7f9f2;border:1px solid #f0f3e8;border-radius:8px;align-items:center;gap:10px;margin:19px 23px 20px;padding:14px;font-size:10px;display:flex}.text-btn{color:#65815a;white-space:nowrap;align-items:center;gap:5px;padding:4px 0;font-size:11px;display:inline-flex}.text-btn:hover{text-decoration:underline}.person-cell{align-items:center;gap:10px;display:flex}.small-avatar{color:#8c9a73;background:#f0f2e8;border-radius:10px;width:31px;height:31px;font-size:10px}.block{margin-top:4px;font-size:9px;display:block}.type-icon{color:#839b6f;vertical-align:middle;background:#f1f5ea;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;margin-right:7px;display:inline-flex}.type-icon.review-type{color:#c2a970;background:#fbf5e9}.proof-btn{color:#91a17f;border:1px solid #e8ede1;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:flex}.proof-btn:hover{background:#f2f6e9}.status{color:#bba56a;background:#f7f2e4;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:4px;height:4px;display:inline-block}.status.approved,.status.active{color:#86a26b;background:#eff5e8}.status.rejected,.status.disabled{color:#c79480;background:#fbefea}.workspace-footer{color:#b0b8a9;align-items:center;gap:7px;margin:25px 0 5px;font-size:9px;display:flex}.workspace-footer>span:last-child{margin-left:auto}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:55px 25px 60px;display:flex}.empty-icon{color:#a4b28f;background:#f3f5ed;border-radius:15px;place-items:center;width:53px;height:53px;margin-bottom:6px;display:grid}.empty h3{color:#849379;font-size:13px;font-weight:550}.empty p{color:#a5afa0;max-width:420px;font-size:11px}.empty button{margin-top:10px}.loading{text-align:center;color:#7d9271;justify-content:center;align-items:center;gap:12px;padding:70px;display:flex}.toolbar{justify-content:space-between;align-items:center;gap:15px;padding:21px 24px;display:flex}.segmented{background:#f3f5ef;border-radius:8px;align-items:center;gap:3px;padding:4px;display:inline-flex}.segmented button{color:#8d9986;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:12px;display:flex}.segmented button.active{color:#46673b;background:#fff;font-weight:600;box-shadow:0 1px 4px #3046230a}.segmented button em{background:#e6ecd8;border-radius:4px;padding:2px 4px;font-size:9px;font-style:normal}.search-input{background:#fafbf8;width:205px;min-height:36px;font-size:11px}.row-actions{align-items:center;gap:16px;display:flex}.red{color:#b98371}.approve-btn{color:#7d9868;background:#f3f7ec;border:1px solid #e4ecda;border-radius:5px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;display:inline-flex}.record-note{white-space:normal;color:#99a38f;max-width:240px;font-size:11px;line-height:1.6;display:block}.ranking-controls{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.ranking-filters{align-items:center;gap:10px;display:flex}.ranking-filters select{background:#fff;min-height:35px;font-size:11px}.compact button{padding:7px 14px;font-size:11px}.rank-banner{background:#f4f7ee;align-items:center;gap:20px;padding:29px 30px;display:flex;position:relative;overflow:hidden}.rank-banner .overline{font-size:8px}.rank-banner h2{margin:6px 0;font-size:21px}.rank-banner p{color:#9ba68c;font-size:11px}.trophy-emblem{color:#a6a372;background:#e9eedb;border:5px solid #edf2e3;border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.rank-aperture{color:#d5dec5;flex-shrink:0;margin-left:auto}.rank-number{color:#aab59f;border-radius:8px;justify-content:center;align-items:center;width:29px;height:29px;font-size:14px;display:inline-flex}.rank-1{color:#af9859;background:#f4edd8}.rank-2{color:#8c9a80;background:#edf0e8}.rank-3{color:#b49a82;background:#f5ece4}.progress{background:#f2f5eb;border-radius:10px;width:150px;height:5px;overflow:hidden}.progress>span{background:#91a87a;border-radius:10px;height:100%;display:block}.me-badge{color:#879b6e;background:#e8efdf;border-radius:4px;margin-left:8px;padding:2px 5px;font-size:9px;font-style:normal}.panel-foot{color:#a8b09f;border-top:1px solid #f1f3ed;padding:18px 23px;font-size:10px}.muted{color:#9ba791;margin-top:7px;font-size:10px}.count-badge{color:#8f9f7e;background:#f0f4e9;border-radius:5px;margin-left:8px;padding:3px 6px;font-size:10px}.change-list{padding:0 24px 12px}.change-card{border-top:1px solid #eff2e9;align-items:flex-start;gap:15px;padding:22px 0;display:flex}.change-symbol{color:#92a274;background:#f0f4e7;border-radius:10px;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}.change-body{flex:1;min-width:0}.change-title{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.change-title strong{font-size:12px;font-weight:550}.change-title time{color:#a6b09a;margin-left:auto;font-size:10px}.unread-label{color:#b8a062;background:#f4e9d3;border-radius:4px;padding:3px 5px;font-size:9px}.change-values{color:#a3ad98;align-items:center;gap:10px;margin:13px 0;font-size:20px;display:flex}.change-values strong{color:#476b3b}.change-values small{margin-left:4px;font-size:10px}.change-reason{overflow-wrap:anywhere;background:#f8f9f4;border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.7}.change-meta{color:#a5af9a;margin-top:10px;font-size:9px}.tiny{min-height:32px;padding:7px 10px;font-size:10px}.notification-strip{color:#9b8e5a;text-align:left;background:#f3f0e2;border:1px solid #ebe5ce;border-radius:9px;justify-content:space-between;gap:12px;width:100%;margin-bottom:22px;padding:14px 17px;font-size:11px;display:flex}.notification-strip>span{align-items:center;gap:8px;display:flex}.registration-grid{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:35px;display:grid}.welcome{background:#eaf0e3;border-radius:16px;padding:40px;position:relative;overflow:hidden}.eyebrow{color:#8da07a;letter-spacing:2px;font-size:9px}.welcome h2{letter-spacing:-1px;margin-top:23px;font-size:40px;font-weight:500;line-height:1.5}.welcome>p{color:#95a387;max-width:370px;margin-top:20px;font-size:13px}.welcome>a{margin-top:24px}.intro-badges{color:#7e936b;flex-wrap:wrap;gap:20px;margin-top:25px;font-size:12px;display:flex}.intro-badges>span{align-items:center;gap:7px;display:flex}.welcome-art{color:#a6b88f;justify-content:center;align-items:center;height:175px;margin-top:27px;display:flex;position:relative}.welcome-art>svg{z-index:1}.welcome-art>span{letter-spacing:2px;color:#aab99a;font-size:8px;position:absolute;bottom:0}.art-ring{border:1px solid #d1dfc3;border-radius:50%;width:145px;height:145px;position:absolute}.ring2{width:190px;height:190px}.ring3{width:235px;height:235px}.register-form{padding:40px 34px}.card-overline{color:#98a889;letter-spacing:1.8px;margin-bottom:12px;font-size:9px}.register-form h2{font-size:23px}.register-form p{color:#a2ac98;margin-top:10px;font-size:12px}.role-picker{gap:12px;margin-top:11px;display:flex}.role-picker button{color:#95a386;background:#fafbf7;border:1px solid #e5ebde;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:10px;min-height:65px;font-size:12px;display:flex}.role-picker svg{width:20px}.role-picker button.chosen{color:#62864b;background:#f0f5e8;border-color:#91ad78}.form-hint{color:#a7b199;align-items:center;gap:7px;margin-top:26px;font-size:10px;line-height:1.7;display:flex}.label-hint{color:#9fab95;margin-left:7px;font-size:10px;font-weight:400}.required{color:#b3a06b;margin-left:8px;font-size:10px;font-weight:400}.mobile-nav{display:none}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#142b246b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #ffffff70;border-radius:17px;width:100%;max-width:510px;max-height:90dvh;padding:31px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #1f382432}.modal h2{font-size:23px}.close{color:#9ba58f;padding:5px;position:absolute;top:14px;right:14px}.upload-grid{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.upload-button{color:#9caf86;background:#f8faf3;border:1px dashed #cad8b8;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:94px;height:85px;display:flex}.upload-button>span{font-size:10px}.upload-thumb{width:94px;height:85px;position:relative}.upload-thumb>img{object-fit:cover;border-radius:9px;width:100%;height:100%}.upload-thumb>button{color:#fff;background:#234531b3;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:3px;right:3px}.info-box{color:#a5996c;background:#f5f2e6;border-radius:8px;margin-top:15px;padding:13px;font-size:11px;line-height:1.8}.adjust-preview{color:#a2ad97;background:#f4f7ed;border-radius:8px;align-items:center;gap:14px;margin-top:18px;padding:15px;font-size:22px;display:flex}.adjust-preview strong{color:#4f7440}.adjust-preview span{margin-left:auto;font-size:11px}.toast{color:#f0f6e7;z-index:200;text-align:center;background:#264e3f;border-radius:9px;align-items:center;gap:9px;max-width:92vw;padding:14px 21px;font-size:12px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #24493620}.notice-float{z-index:60;background:#fff;border:1px solid #e4ead9;border-radius:13px;align-items:flex-start;gap:12px;width:360px;max-width:calc(100vw - 32px);padding:22px 30px 22px 18px;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 36px #2b4f341c}.notice-float strong{font-size:13px}.notice-float p{color:#94a383;margin-top:6px;font-size:11px}.notice-float .notice-reason{color:#9c987a;overflow-wrap:anywhere;font-size:11px}.notice-float .text-btn{margin-top:10px}.lightbox{z-index:110;background:#14221bef;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:55px 20px 25px;display:flex;position:fixed;inset:0}.lightbox>img{object-fit:contain;max-width:90vw;max-height:75dvh}.lightbox-close{color:#fff;position:absolute;top:20px;right:25px}.lightbox-controls{color:#fff;align-items:center;gap:20px;font-size:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-switch{color:#8b9e7c;justify-content:space-between;gap:12px;margin-top:16px;font-size:12px;display:flex}.auth-switch button{color:#4f7440;font-weight:550}.auth-heading{margin-bottom:12px}.login-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}@media (width>=1600px){.content{padding-top:45px}.hero-card{padding:30px}.hero-metrics strong{font-size:52px}.stat-number{font-size:48px}}@media (width<=1200px){.sidebar{width:204px;padding-left:15px;padding-right:15px}.main{margin-left:204px}.topbar{padding:0 27px}.content{padding:28px 27px}.overview-grid{grid-template-columns:1.35fr 1fr 1fr;gap:14px}.hero-card,.stat-card{padding:22px 20px 17px}.hero-metrics>div+div{padding-left:18px}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column-reverse;align-items:flex-end;gap:8px}.date-chip{font-size:10px}.stat-foot{font-size:8px}.middle-grid{grid-template-columns:1.3fr 1fr;gap:17px}.registration-grid{gap:20px}.welcome{padding:30px}.welcome h2{font-size:32px}.register-form{padding:30px 25px}.nav-item{font-size:12px}.side-note{padding:18px 13px}}@media (width<=900px){.sidebar{width:185px;padding-left:12px;padding-right:12px}.main{margin-left:185px}.content{padding:25px 20px}.topbar{height:65px;padding:0 20px}.overview-grid{grid-template-columns:1fr 1fr}.hero-card{grid-column:span 2}.hero-metrics{margin-top:20px}.hero-metrics>div+div{border:0}.hero-metrics strong{font-size:42px}.hero-bottom{margin-top:12px}.stat-card{padding:18px}.stat-icon{float:right;margin:0}.stat-number{line-height:1.9}.stat-foot{font-size:8px}.middle-grid{grid-template-columns:1fr}.todo-panel .section-heading{padding-bottom:8px}.tip{margin-top:15px}.brand{gap:9px;padding:0 5px;font-size:21px}.brand-en{letter-spacing:1px;font-size:7px}.nav-item{gap:10px;padding:0 12px}.registration-grid{grid-template-columns:1fr}.welcome-art{display:none}.welcome h2{font-size:30px}.welcome{padding:30px}.welcome h2 br{display:none}.intro-badges{margin-top:20px}.welcome p{max-width:none;margin-top:12px}.toolbar{flex-wrap:wrap}.change-title time{margin-left:0}.change-card{flex-wrap:wrap}.change-card>.tiny{margin-left:52px}}@media (width<=640px){:root{font-size:14px}.sidebar{display:none}.main{margin-left:0}.topbar{height:61px;padding:0 20px}.breadcrumb{font-size:10px}.breadcrumb:before{content:"光影";color:#345e42;letter-spacing:2px;margin-right:5px;font-size:17px;font-weight:600}.breadcrumb>strong{font-size:10px}.breadcrumb>svg{width:11px}.header-right{gap:5px}.header-right .desktop-only{display:none}.icon-btn{margin-left:2px}.mini-avatar{width:27px;height:27px;margin-left:3px;font-size:10px}.content{padding:25px 18px 105px}.page-heading{gap:8px;margin-bottom:23px}.overline{letter-spacing:1.5px;margin-bottom:7px;font-size:8px}h1{font-size:26px}.heading-dot{font-size:23px}.page-heading p{max-width:220px;margin-top:7px;font-size:10px;line-height:1.7}.heading-actions{flex-shrink:0;gap:10px;padding-top:4px}.heading-actions .date-chip{display:none}.heading-actions>.primary{min-height:36px;margin-top:21px;padding:9px 12px;font-size:11px}.overview-grid{gap:12px;margin-bottom:17px}.hero-card{border-radius:12px;padding:22px 23px 17px}.hero-top{font-size:12px}.hero-metrics{margin-top:23px}.hero-metrics>div+div{border-left:1px solid #ffffff12;padding-left:25px}.hero-metrics>div>span{font-size:10px}.hero-metrics strong{font-size:44px}.hero-bottom{height:35px;margin-top:17px}.hero-bottom>span{font-size:9px}.stat-card{border-radius:11px;padding:18px 17px 16px}.stat-icon{float:none;border-radius:8px;width:28px;height:28px;margin-bottom:13px}.stat-icon svg{width:17px}.stat-title{font-size:10px}.stat-number{font-size:34px;line-height:1.65}.stat-number>span{font-size:10px}.stat-foot{white-space:normal;gap:5px;padding-top:11px;font-size:8px;line-height:1.7}.middle-grid{gap:16px;margin-bottom:17px}.section-heading{padding:21px 20px 17px}.section-heading h2{font-size:14px}.section-heading p{font-size:9px}.chart{gap:10px;margin-left:20px;margin-right:20px}.bars>div{width:13px}.chart-note{padding:19px 20px 16px;font-size:8px}.todo-item{width:calc(100% - 40px);margin:0 20px}.todo-item strong{font-size:11px}.todo-item small{font-size:9px}.tip{margin:16px 19px 19px;font-size:9px}.panel{border-radius:11px}.empty{padding:42px 20px 47px}.empty p{max-width:250px;font-size:10px;line-height:1.9}.empty h3{font-size:12px}.workspace-footer{justify-content:center;margin-top:23px;font-size:8px}.workspace-footer>span:last-child{display:none}.mobile-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;min-height:69px;padding:11px 5px calc(11px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e6ebdf;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#a5af9b;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;padding:2px;display:flex;position:relative}.mobile-nav button span{font-size:9px}.mobile-nav button.active{color:#4e7441}.mobile-nav button.active:before{content:"";background:#7e9d66;border-radius:6px;width:31px;height:3px;position:absolute;top:-12px}.mobile-nav i{top:0;right:22%}.registration-grid{gap:16px}.welcome{padding:26px 23px}.welcome h2{margin-top:17px;font-size:29px;line-height:1.5}.welcome>p{font-size:11px}.eyebrow{letter-spacing:1.5px;font-size:8px}.intro-badges{gap:16px;margin-top:18px;font-size:10px}.intro-badges svg{width:15px}.register-form{padding:25px 23px}.register-form h2{font-size:21px}.register-form p{font-size:11px}.card-overline{font-size:8px}label{font-size:12px}.role-picker button{min-height:58px;font-size:11px}.form-hint{font-size:9px}.toolbar{gap:14px;padding:18px 16px}.toolbar .segmented{justify-content:space-between;width:100%}.segmented button{padding:8px 12px;font-size:10px}.search-input{width:100%;font-size:11px}.ranking-controls{flex-wrap:wrap;gap:15px}.ranking-controls>.segmented{justify-content:space-around;width:100%}.ranking-controls>.segmented>button{flex:1;font-size:12px}.ranking-filters{justify-content:space-between;width:100%}.rank-banner{gap:13px;padding:24px 19px}.rank-banner h2{font-size:19px}.rank-banner p{font-size:9px}.rank-banner .overline{letter-spacing:1.5px;font-size:6px}.trophy-emblem{border-width:4px;width:50px;height:50px}.trophy-emblem svg{width:24px}.rank-aperture{opacity:.65;width:49px;height:49px}.desktop-only{display:none}th{padding:12px 14px;font-size:10px}td{height:65px;padding:15px 14px;font-size:12px}.small-avatar{width:28px;height:28px;font-size:9px}.rank-panel .small-avatar{display:none}.person-cell{gap:8px}.rank-number{width:24px;height:24px;font-size:13px}.rank-panel th:first-child,.rank-panel td:first-child{padding-right:7px}.rank-panel th,.rank-panel td{padding-left:12px;padding-right:12px}.rank-panel td strong{font-weight:600}.panel-foot{padding:15px 18px;font-size:9px;line-height:1.8}.type-icon{width:21px;height:21px;margin-right:5px}.change-list{padding:0 18px 6px}.change-card{gap:10px;padding:19px 0}.change-symbol{width:31px;height:31px}.change-title{gap:7px}.change-title strong{font-size:11px}.change-title time{width:100%;font-size:8px;display:block}.change-values{margin:12px 0;font-size:19px}.change-reason{padding:11px;font-size:11px;line-height:1.8}.change-meta{font-size:8px;line-height:1.8}.change-card>.tiny{min-height:29px;margin-left:41px;font-size:9px}.notification-strip{padding:12px;font-size:10px;line-height:1.6}.notification-strip>span:last-child{white-space:nowrap;font-size:9px}.notification-strip svg{width:14px}.notice-float{gap:10px;width:calc(100vw - 32px);padding:18px 24px 18px 15px;bottom:90px;right:16px}.notice-float strong{font-size:12px}.notice-float p,.notice-float .notice-reason{font-size:10px}.notice-float>.soft-icon{width:29px;height:29px}.modal-backdrop{align-items:center;padding:16px}.modal{border-radius:14px;max-height:89dvh;padding:29px 23px 25px}.modal h2{font-size:22px}.modal form>p{font-size:11px}.modal .close{top:13px;right:12px}.modal .full{min-height:43px}.toast{width:max-content;padding:13px 17px;font-size:11px;bottom:92px}.label-hint{font-size:9px}.upload-thumb,.upload-button{width:83px;height:80px}.upload-grid{gap:9px}.login-grid{gap:10px}.login-grid label{margin-top:16px}.lightbox{padding:50px 12px 25px}.lightbox>img{max-width:96vw}.lightbox-controls{font-size:11px}.lightbox-controls .secondary{font-size:10px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.sidebar-user>button{color:#93a08f;place-items:center;margin-left:auto;padding:5px;display:grid}.brand-mark img{object-fit:contain;background:#fff;border-radius:10px;width:100%;height:100%}.brand-name{word-break:break-word;letter-spacing:0;min-width:0;max-width:125px;font-size:19px;line-height:1.3}.brand-en{overflow-wrap:anywhere;line-height:1.6}.breadcrumb:before{content:none!important}.mobile-brand{display:none}.team-announcement{color:#6b8457;background:#f0f5e7;border:1px solid #e2e9d6;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:22px;padding:16px 18px;display:flex}.team-announcement>svg{flex-shrink:0;margin-top:2px}.team-announcement strong{font-size:12px}.team-announcement p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px;font-size:12px}.settings-grid{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.settings-panel>.section-heading{border-bottom:1px solid #edf0e8}.settings-panel>.section-heading>svg{color:#8c9e7c}.settings-content{padding:4px 25px 25px}.settings-content label{margin-top:20px}.settings-wide{grid-column:1/-1}.logo-preview{color:#90a079;background:repeating-conic-gradient(#f4f6f0 0% 25%,#fff 0% 50%) 50%/20px 20px;border:1px solid #e8edde;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:205px;margin-top:22px;padding:24px;display:flex}.logo-preview img{object-fit:contain;width:95px;height:95px}.logo-preview strong{color:#45693a;overflow-wrap:anywhere;max-width:100%;font-size:20px}.logo-preview small{letter-spacing:1px;font-size:9px}.settings-logo-actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:18px;display:flex}.settings-hint{color:#99a58c;margin-top:16px;font-size:10px;line-height:1.9}.rules-layout{grid-template-columns:1.2fr 1fr;gap:35px;display:grid}.toggle-label{align-items:center;gap:12px;display:flex}.toggle-label input{accent-color:#315f44;flex-shrink:0;width:20px;height:20px;min-height:20px;margin:0}.toggle-label strong{font-size:13px;font-weight:550;display:block}.toggle-label small{margin-top:7px;font-size:11px;line-height:1.8;display:block}.rules-layout>label>small{margin-top:9px;font-size:10px;line-height:1.8;display:block}.settings-stat-note{color:#7d9368;background:#f8faf4;border-top:1px solid #eaf0df;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 25px;font-size:11px;display:flex}.settings-stat-note small{margin-left:auto;font-size:10px}.settings-savebar{justify-content:space-between;align-items:center;gap:15px;padding:20px 0 10px;display:flex}.settings-savebar>span{color:#9ba98e;font-size:11px}.settings-savebar>div{gap:12px;display:flex}.account-form{border-top:1px solid #e9eee2;margin-top:22px;padding-top:19px}.account-form h3{color:#779463;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.account-form label{margin-top:16px;font-size:12px}.record-filters{flex-wrap:wrap;align-items:flex-end;gap:15px;padding:0 24px 20px;display:flex}.record-filters label{color:#98a58b;margin:0;font-size:10px}.record-filters input{min-height:36px;margin-top:6px;font-size:11px}.employee-tools{align-items:center;gap:10px;display:flex}.audit-detail{white-space:normal;overflow-wrap:anywhere;color:#829473;min-width:230px;max-width:550px;font-size:11px;line-height:1.8}.more-menu{gap:7px;margin-top:22px;display:grid}.more-menu button{color:#789060;background:#f7f9f1;border-radius:9px;align-items:center;gap:13px;padding:15px 13px;font-size:13px;display:flex}.more-menu button>svg:last-child{width:15px;margin-left:auto}.quantity-input{color:#315f40;font-size:22px;font-weight:600}.welcome-art .art-logo{object-fit:contain;z-index:1;width:95px;height:95px}@media (height<=820px) and (width>=641px){.sidebar{overflow-y:auto}.side-note{display:none}.sidebar-user{margin-top:auto}.sidebar nav{padding-bottom:20px}}@media (width<=1000px){.settings-grid{grid-template-columns:1fr}.settings-wide{grid-column:auto}.rules-layout{grid-template-columns:1fr;gap:0}}@media (width<=640px){.mobile-brand{text-overflow:ellipsis;white-space:nowrap;color:#365f42;align-items:center;gap:6px;max-width:128px;font-size:15px;font-weight:650;display:flex;overflow:hidden}.mobile-brand img{object-fit:contain;flex-shrink:0;width:23px;height:23px}.breadcrumb{gap:8px}.breadcrumb>strong{font-size:9px}.settings-grid{gap:16px}.settings-content{padding:1px 20px 20px}.settings-panel .section-heading p{font-size:10px}.settings-content label{font-size:12px}.settings-logo-actions{gap:10px}.logo-preview{min-height:190px}.settings-stat-note{gap:8px;padding:16px 20px;font-size:10px}.settings-stat-note small{width:100%;margin-left:0;line-height:1.8}.settings-savebar{z-index:2;background:#f7f8f5;flex-direction:column;align-items:flex-start;gap:13px;padding:18px 0 6px;position:sticky;bottom:58px}.settings-savebar>div{gap:10px;width:100%}.settings-savebar>div>button{flex:1}.team-announcement{gap:9px;margin-bottom:18px;padding:13px 14px}.team-announcement p,.team-announcement strong{font-size:11px}.record-filters{gap:10px;padding:0 16px 17px}.record-filters>label{flex:1;min-width:125px}.record-filters>button{width:100%}.employee-tools{gap:10px;width:100%}.employee-tools>button{flex:1}.hero-bottom>span{font-size:8px}.sidebar .brand-name{max-width:110px}}.admin-sidebar .side-note{display:none}.admin-sidebar .sidebar-user{margin-top:auto}.admin-sidebar{overflow-y:auto}.mode-switch{color:#4c7542;white-space:nowrap;background:#edf3e5;border-radius:7px;padding:7px 9px;font-size:10px}.admin-list-panel{margin-bottom:22px}.admin-accounts{flex-wrap:wrap;gap:15px;padding:0 24px 23px;display:flex}.admin-accounts article{border:1px solid #e8edde;border-radius:10px;flex:1;align-items:center;gap:11px;min-width:260px;padding:13px 16px;display:flex}.admin-accounts article>div{flex:1}.admin-accounts strong{font-size:12px;display:block}.admin-accounts small{margin-top:5px;font-size:10px;display:block}.daily-counts{grid-template-columns:1fr 1fr;gap:14px;display:grid}.daily-counts label>span{align-items:center;gap:7px;display:flex}.daily-counts input{min-height:64px;font-size:26px;font-weight:550}.daily-counts small{margin-top:8px;font-size:9px;line-height:1.7;display:block}.daily-proof{border-top:1px solid #edf0e4;margin-top:22px;padding-top:1px}.report-panel{max-width:900px}.report-sheets{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:24px;display:grid}.report-sheets>div{color:#789461;background:#f4f7ed;border:1px solid #e7eddf;border-radius:10px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.report-sheets strong{font-size:12px;font-weight:550}.report-sheets small{font-size:10px;line-height:1.7}.payroll-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:21px;display:flex}.salary-month{align-items:flex-end;gap:14px;display:flex}.salary-month label{color:#849776;margin:0;font-size:11px}.salary-month input{background:#fff;min-width:160px;margin-top:8px}.salary-month>span{color:#a0ac92;padding-bottom:11px;font-size:11px}.payroll-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.payroll-tools select{background:#fff;max-width:190px;font-size:11px}.salary-formula{color:#64814e;background:#edf3e3;border:1px solid #dfe8d2;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:23px;padding:17px 20px;display:flex}.salary-formula strong{font-size:12px;font-weight:550;line-height:1.8}.salary-formula>span{margin-left:auto;font-size:10px}.salary-overview{grid-template-columns:1.3fr 1fr 1fr;gap:17px;margin-bottom:22px;display:grid}.salary-overview>div{padding:23px 24px}.salary-overview small{font-size:11px;line-height:1.8}.salary-overview strong{color:#3f6a36;margin:15px 0 9px;font-size:28px;font-weight:500;display:block}.salary-overview span{color:#a0ad91;font-size:9px;line-height:1.8;display:block}.salary-total{color:#476f3b;font-size:15px;font-weight:600}.salary-detail{gap:18px;margin-top:23px;display:grid}.salary-detail-modal{max-width:930px}.salary-breakdown{grid-template-columns:repeat(4,1fr);gap:12px;padding:3px 24px 25px;display:grid}.salary-breakdown>div{background:#f7f9f2;border-radius:9px;flex-direction:column;gap:12px;padding:16px;display:flex}.salary-breakdown span{color:#879c75;font-size:11px}.salary-breakdown strong{color:#486d3c;font-size:21px;font-weight:550}.salary-breakdown small{font-size:9px;line-height:1.8}.deduction-list{padding:0 23px 10px}.deduction-list article{border-top:1px solid #edf1e6;padding:18px 0}.deduction-list article>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.deduction-list strong{font-size:12px;font-weight:550}.deduction-list .badge{color:#9d9a70;background:#f3f1e3;border-radius:5px;padding:4px 7px;font-size:9px}.deduction-list p{color:#8b9b7b;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px;font-size:12px;line-height:1.8}.deduction-list small{color:#aaae9a;margin-top:7px;font-size:10px;line-height:1.8;display:block}.deduction-list button{margin-top:10px}.deduction-list .voided{opacity:.6}.payroll-notes{color:#9eac92;max-width:900px;padding:20px 3px;font-size:10px;line-height:1.9}.own-salary{color:#eef6e2;background:#285444;padding:30px}.own-salary>span{color:#c3d6b4;align-items:center;gap:8px;font-size:12px;display:flex}.own-salary>strong{margin:20px 0 15px;font-size:42px;font-weight:500;display:block}.own-salary>p{color:#b2c8a9;font-size:11px}.payroll-page .table-scroll th{font-size:10px}.payroll-page .table-scroll td{font-size:11px}.payroll-page .table-scroll .row-actions{gap:13px}@media (width<=1100px){.salary-overview{grid-template-columns:1fr 1fr}.salary-overview>div:first-child{grid-column:1/-1}.salary-breakdown{grid-template-columns:1fr 1fr}.report-sheets{grid-template-columns:1fr}.report-sheets>div{padding:18px}.payroll-tools{width:100%}}@media (width<=640px){.daily-counts{gap:12px}.daily-counts label{font-size:11px}.daily-counts label>span{gap:5px}.daily-counts label>span>svg{width:14px}.daily-counts input{min-height:60px;font-size:25px}.daily-counts small{font-size:9px}.mode-switch{padding:6px;font-size:8px}.admin-accounts{gap:12px;padding:0 18px 18px}.admin-accounts article{width:100%;min-width:0;padding:13px}.admin-accounts article .text-btn{font-size:10px}.report-sheets{gap:10px}.salary-overview{gap:12px;margin-bottom:18px}.salary-overview>div{padding:19px 17px}.salary-overview strong{font-size:25px}.salary-overview small{font-size:10px}.salary-overview span{font-size:8px}.salary-month input{min-width:145px}.salary-month label{font-size:10px}.salary-month>span{font-size:9px}.salary-formula{gap:8px;margin-bottom:18px;padding:14px 15px}.salary-formula>svg{width:16px}.salary-formula strong{max-width:90%;font-size:10px;line-height:1.9}.salary-formula>span{margin-left:24px;font-size:9px}.payroll-tools{gap:9px}.payroll-tools>select{flex:1;min-width:130px;max-width:100%;font-size:10px}.payroll-tools>button{padding:10px 12px;font-size:10px}.payroll-tools>button:last-child{width:100%}.salary-breakdown{gap:10px;padding:0 17px 18px}.salary-breakdown>div{gap:10px;padding:14px 12px}.salary-breakdown strong{font-size:19px}.salary-breakdown span{font-size:10px}.salary-breakdown small{font-size:8px}.own-salary{padding:25px 22px}.own-salary>strong{margin:20px 0 15px;font-size:35px}.own-salary>span{font-size:11px}.salary-detail{gap:16px}.payroll-notes{padding-top:17px;font-size:9px}.deduction-list{padding:0 18px 6px}.deduction-list p,.deduction-list strong{font-size:11px}.deduction-list .badge{font-size:8px}.salary-detail-modal{padding-left:16px;padding-right:16px}.admin-sidebar .brand-name{font-size:17px}}.pk-panel{margin-bottom:24px;overflow:hidden}.pk-panel h2{align-items:center;gap:9px;display:flex}.pk-controls{grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:14px;padding:0 25px 24px;display:grid}.pk-controls label{color:var(--muted);gap:8px;font-size:13px;display:grid}.pk-controls select{width:100%;min-width:0}.pk-result{background:linear-gradient(120deg,#f1f7ec,#edf5f4);border:1px solid #dfe9dc;border-radius:18px;margin:0 25px 24px;animation:.55s both pkReveal}.pk-lose{background:linear-gradient(120deg,#faf3e7,#f4f3ed)}.pk-arena{grid-template-columns:1fr 75px 1fr;align-items:center;gap:8px;padding:26px 16px 18px;display:grid}.pk-fighter{flex-direction:column;align-items:center;gap:9px;min-width:0;animation:.6s both pkSlide;display:flex}.pk-fighter strong{word-break:break-all;text-align:center}.pk-fighter small{color:#718077}.pk-avatar{background:#fff;border:3px solid #d8e4dd;border-radius:50%;place-items:center;width:64px;height:64px;font-size:22px;font-weight:600;display:grid}.pk-winner .pk-avatar{border-color:#b8954c;animation:1.5s ease-in-out 2 pkGlow;box-shadow:0 0 0 7px #d1b26325}.pk-winner small{color:#856225;font-weight:700}.pk-versus{color:#a8894b;justify-items:center;gap:8px;font-size:18px;display:grid}.pk-copy{text-align:center;padding:4px 20px 25px}.pk-copy>span{color:#6b7c70;font-size:12px}.pk-copy h3{margin:12px 0 7px;font-size:20px;line-height:1.6}.pk-copy p{color:#68766b;margin:0;font-size:14px;line-height:1.9}.pk-scores{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;font-size:13px;display:flex}.pk-scores>span{color:#6e796e}@keyframes pkReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pkSlide{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pkGlow{50%{box-shadow:0 0 0 12px #d1b26312}}@media (width<=700px){.pk-controls{grid-template-columns:1fr 1fr;padding:0 17px 20px}.pk-controls label:first-child{grid-column:1/-1}.pk-controls>.primary{grid-column:1/-1;justify-content:center}.pk-result{margin:0 16px 20px}.pk-copy h3{font-size:17px}.pk-arena{grid-template-columns:1fr 50px 1fr}.pk-avatar{width:54px;height:54px;font-size:19px}}@media (prefers-reduced-motion:reduce){.pk-result,.pk-fighter,.pk-winner .pk-avatar{animation:none}}.performance-query{gap:22px;display:grid}.performance-query .salary-overview{margin:0}.query-tabs{flex-wrap:wrap;gap:8px;padding:0 24px 18px;display:flex}.query-tabs button{color:#6b776e;background:#f3f5f0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:10px 14px;display:flex}.query-tabs button.active{color:#285444;background:#e7efe2;border-color:#d1dfc9;font-weight:600}.query-tabs span{opacity:.7;font-size:11px}.query-pagination{color:#7a857c;border-top:1px solid #eef0ea;justify-content:flex-end;align-items:center;gap:12px;padding:18px 24px;font-size:12px;display:flex}.query-pagination>span:first-child{margin-right:auto}@media (width<=600px){.query-tabs{gap:6px;padding:0 16px 16px}.query-tabs button{padding:9px 10px;font-size:12px}.query-pagination{flex-wrap:wrap;gap:7px;padding:16px}.query-pagination>span:first-child{width:100%}.performance-query .section-heading{flex-wrap:wrap;gap:12px}}.performance-query .single-employee-summary{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=600px){.performance-query .single-employee-summary{grid-template-columns:1fr}}