:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#252b31;background:#f5f7f7;font-synthesis:none;font-size:14px;--green: #397957;--green-dark: #285e42;--green-light: #edf6ef;--border: #e8edeb;--muted: #8a9492;--shadow: 0 5px 24px #172e2310}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-dark)}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #6d9e7b80;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:none;border-color:#6c9c7e;box-shadow:0 0 0 3px #729a7c15}h1,h2,h3,p{margin:0}h1{font-size:25px;font-weight:650;letter-spacing:-.6px}h2{font-size:17px;font-weight:650}h3{font-size:15px}small{font-size:12px}img{object-fit:contain}input,select,textarea{background:#fff;border:1px solid #e1e7e3;border-radius:8px;padding:10px 12px;min-width:0;color:#354239;transition:.15s}input[type=checkbox]{accent-color:#659775;width:16px;height:16px;cursor:pointer;flex-shrink:0}textarea{resize:vertical;line-height:1.7}select{cursor:pointer}button{border:0;background:transparent}button svg,a svg{flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn{min-height:36px;padding:8px 14px;border:1px solid #e0e7e2;border-radius:8px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:500;white-space:nowrap;transition:.15s;color:#536258}.btn:hover:not(:disabled){background:#f6faf7;border-color:#a9c2b1;color:var(--green)}.btn.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 3px 8px #3e7c5720}.btn.primary:hover:not(:disabled){background:var(--green-dark)}.btn.danger{background:#bf4f49;border-color:#bf4f49;color:#fff}.btn.danger-ghost{color:#ba625c;background:#fff;border-color:#ecd9d7}.btn+.btn{margin-left:5px}.icon-btn{width:30px;height:30px;border-radius:7px;padding:5px;color:#839088;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:#edf3ee;color:var(--green)}.muted{color:var(--muted);line-height:1.75;font-size:13px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.danger-text{color:#c46c65!important}.danger-text:hover{color:#a94139!important}.block{display:block;color:#929994;margin-top:4px}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;color:#59665c;font-size:13px}.field>span{font-weight:550}.field small{color:var(--muted);font-weight:400}.check-row{display:flex;align-items:center;gap:7px;margin:16px 0}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:20px;padding:1px 8px;border-radius:5px;background:#eaf4ed;color:#508363;font-weight:500;white-space:nowrap}.badge.gray{background:#f1f3f2;color:#8a9490}.badge.red{background:#fcf0ef;color:#bf6c65}.badge.orange{background:#fff3e6;color:#bd9457}.badge.blue{background:#edf3fb;color:#6a91bd}.panel{border:1px solid var(--border);border-radius:13px;background:#fff;box-shadow:0 3px 12px #223f2b03}.panel-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eff2ef;padding:19px 21px;gap:10px}.panel-title h2{font-size:15px}.panel-title h2 span{font-size:11px;color:#75917f;background:#edf4ee;padding:2px 7px;border-radius:5px;margin-left:7px}.panel-title small{color:#9ca59e;font-size:11px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:3px 0 26px;gap:15px}.page-heading p{margin-top:9px;font-size:13px;color:#949e98}.standalone-heading{margin-bottom:24px}.toolbar{padding:17px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar select{height:37px;min-width:100px;font-size:12px;border-radius:7px}.toolbar-spacer{flex:1}.search{display:flex;align-items:center;background:#fafcfb;border:1px solid #e5eae6;border-radius:7px;padding:0 11px;color:#a0aaa2;min-width:220px;gap:9px;height:37px}.search input{background:transparent;border:0;padding:9px 0;box-shadow:none!important;width:100%;font-size:12px}.search input::placeholder{color:#a2aaa6}.search button{padding:0;color:#88988a}.toolbar .search{min-width:260px}.switch{width:36px;height:21px;background:#dce3df;border-radius:20px;position:relative;padding:0;flex-shrink:0;transition:.2s}.switch span{position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:100%;background:#fff;box-shadow:0 1px 3px #0002;transition:.2s}.switch.on{background:#6c9c7b}.switch.on span{left:18px}.notice{display:flex;align-items:center;gap:9px;background:#f1f7f2;border:1px solid #e2eee3;color:#65866e;padding:13px 16px;border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:18px}.notice.warning{background:#fff9ed;border-color:#f1e6cc;color:#ad8b48}.error-box{padding:12px 15px;display:flex;align-items:center;gap:9px;background:#fdf4f2;border:1px solid #f3ded9;color:#ba685b;border-radius:9px;font-size:13px;margin:10px 0}.error-box svg{flex-shrink:0}.error-box .btn{margin-left:auto}.empty{padding:55px 20px;display:flex;align-items:center;text-align:center;flex-direction:column;gap:13px}.empty-icon{color:#9ab09f;background:#f0f6f1;padding:17px;border-radius:50%;display:flex}.empty h3{color:#6d7e71;font-size:14px}.empty p{color:#a0aaa2;font-size:12px;max-width:370px;line-height:1.8}.empty .btn{margin-top:5px}.loading{min-height:200px;display:flex;align-items:center;justify-content:center;gap:12px;color:#8b9d8e;font-size:13px}.toast{position:fixed;top:22px;left:50%;transform:translate(-50%);background:#fff;border:1px solid #dce9dd;box-shadow:0 8px 30px #1b422025;padding:14px 18px;display:flex;gap:10px;align-items:center;color:#4d815c;border-radius:10px;z-index:1000;max-width:min(600px,90vw);font-size:13px}.toast.error{color:#bb665e;border-color:#efd4cc}.toast svg{flex-shrink:0}.toast button{margin-left:10px;color:#a4aaa5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#13271c5c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:490px;max-width:100%;max-height:90vh;background:#fff;border-radius:17px;box-shadow:0 30px 90px #0003;display:flex;flex-direction:column;outline:0}.modal.wide{width:830px}.modal>header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:24px;overflow:auto}.modal-body>p{margin-bottom:20px;line-height:1.8}.modal .page-heading{margin:0 0 20px}.modal .page-heading h1{font-size:20px}.modal .error-box{align-items:flex-start}.modal .field:last-of-type{margin-bottom:20px}.share-code{font-family:monospace;padding:25px;background:#f2f6f2;border:1px dashed #bdd0c2;color:var(--green);font-size:25px;letter-spacing:3px;text-align:center;margin-bottom:20px;border-radius:9px}.code-input{font:12px/1.7 ui-monospace,monospace;background:#f7faf8}.back-link{display:inline-flex;align-items:center;gap:6px;color:#8c9990;font-size:12px;margin-bottom:17px}.tabs{display:flex;gap:8px;border-bottom:1px solid #e0e7e2;margin-bottom:23px;overflow:auto}.tabs button{white-space:nowrap;padding:10px 18px 14px;color:#8a9a8f;position:relative;font-size:13px}.tabs button.active{color:var(--green);font-weight:600}.tabs button.active:after{content:"";position:absolute;height:3px;width:25px;background:#6b9678;border-radius:2px;bottom:0;left:calc(50% - 12px)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(ellipse at 95% 10%,#dfede3a0 0,transparent 35%),radial-gradient(ellipse at 5% 90%,#e6f2e9b0 0,transparent 35%),#fafdfb;position:relative;overflow:hidden}.auth-card{width:600px;border-radius:34px;box-shadow:0 28px 50px #253c2320;background:transparent;z-index:1}.auth-hero{height:220px;background:url(/assets/hero.webp) center/cover no-repeat;border-radius:34px 34px 0 0;position:relative;padding:28px 42px}.auth-logo{width:164px;height:37px;object-fit:contain}.auth-copy{margin-top:27px}.auth-copy h1{font-size:35px;color:#2a2c3b;letter-spacing:-1.2px;font-weight:700;display:flex;gap:8px}.auth-copy h1 em{font-style:normal;color:#567f5b}.auth-copy p{font-size:12px;color:#80868a;margin-top:10px}.auth-form{background:#fff;border-radius:34px;margin-top:-5px;padding:28px 45px 18px;position:relative}.auth-form h2{font-size:22px;color:#2d2c38;position:relative;padding-bottom:14px;margin-bottom:15px}.auth-form h2:after{position:absolute;content:"";width:28px;height:3px;border-radius:4px;background:#7d9d7d;bottom:0;left:0}.login-mode{display:flex;gap:14px;margin:0 0 15px;font-size:11px}.login-mode button{padding:0 0 5px;color:#a2a8a3}.login-mode button.active{color:#639070;border-bottom:1px solid #639070}.auth-input{display:flex;gap:13px;align-items:center;border:1px solid #e8e8ea;border-radius:28px;min-height:50px;padding:0 22px;color:#aaa9b6;margin-bottom:14px;box-shadow:inset 0 1px 3px #00000002}.auth-input input{border:0;box-shadow:none!important;flex:1;width:100%;background:transparent;padding:13px 0;font-size:13px;color:#646a64}.auth-input input::placeholder{color:#afb0b1}.auth-input button{color:#a3a3ac;padding:0}.auth-options{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:15px 0 18px;color:#92959b}.auth-options label{display:flex;align-items:center;gap:7px}.auth-options input{width:18px;height:18px}.login-submit.btn{border-radius:30px;width:100%;height:50px;background:linear-gradient(110deg,#242429,#19191e);color:#fff;font-size:14px;font-weight:600;border:0;box-shadow:0 12px 20px #0002}.login-submit.btn:hover:not(:disabled){background:#35393a;color:#fff}.agreement{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px -10px 20px;color:#9a9ca1;font-size:11px;line-height:1.8}.agreement input{height:19px;width:19px;flex-shrink:0}.auth-features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #f1f2f0;padding-top:21px;gap:12px}.auth-features>div{display:flex;align-items:center;gap:8px;white-space:nowrap}.auth-features img{width:47px;height:47px;filter:drop-shadow(0 5px 9px #497c4030)}.auth-features b{font-size:11px;font-weight:600;display:block;margin-bottom:3px}.auth-features small{font-size:9px;color:#a1a2a8;display:block}.demo-link{font-size:11px;color:#7e9681;margin:17px auto 0;display:flex;padding:5px}.auth-back{display:block;text-align:center;font-size:12px;margin-top:10px}.dots{position:absolute;width:190px;height:140px;bottom:7%;opacity:.5;background-image:radial-gradient(#cfdfd2 1.4px,transparent 1.4px);background-size:16px 16px}.dots.left{left:-20px}.dots.right{right:-10px}.captcha{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.captcha img{height:35px;max-width:130px}.captcha input{width:100px}.app-header{height:78px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 40px;gap:40px;position:sticky;top:0;z-index:20}.brand img{width:158px;height:37px;display:block}.app-header nav{display:flex;align-items:stretch;align-self:stretch;gap:27px;flex:1}.app-header nav a{color:#8b958e;font-size:13px;display:flex;align-items:center;position:relative;white-space:nowrap}.app-header nav a.active{color:var(--green);font-weight:600}.app-header nav a.active:after{height:3px;position:absolute;bottom:0;left:5px;right:5px;background:#649270;border-radius:3px;content:""}.header-actions{display:flex;align-items:center;gap:15px}.header-profile{display:flex;align-items:center;gap:9px;color:inherit}.header-profile img{width:36px;height:36px;border-radius:50%;background:#f2f6f2}.header-profile b{font-size:12px;display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis}.header-profile small{font-size:9px;display:block;color:#9aa99b;margin-top:4px}.header-actions .btn{font-size:11px;min-height:30px;padding:5px 11px}.mobile-menu{display:none}.environment-bar{height:30px;display:flex;align-items:center;justify-content:center;gap:7px;background:#ecf4ee;color:#809b87;font-size:10px;border-bottom:1px solid #e2ece5}.app-content{max-width:1500px;margin:0 auto;padding:34px 40px 60px}.mobile-nav{position:fixed;top:78px;right:15px;left:15px;background:#fff;box-shadow:var(--shadow);z-index:30;border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column}.mobile-nav a{padding:13px 15px;display:flex;gap:12px;align-items:center;color:#7e8c82}.mobile-nav a.active{color:var(--green);background:var(--green-light);border-radius:6px}.access-denied,.not-found{padding:80px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.legal-page{padding:40px 25px;max-width:900px;margin:auto}.legal-page .panel{padding:35px}.legal-page p{line-height:1.9;margin-top:24px;color:#849187;font-size:14px}.legal-page h1{margin-bottom:25px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:18px;margin-bottom:25px}.stats-row>div{background:#fff;border:1px solid var(--border);border-radius:11px;display:flex;align-items:center;gap:17px;padding:22px}.stats-row small{color:#929f96;font-size:12px}.stats-row b{font-size:26px;display:block;font-weight:600;margin-top:6px;line-height:1}.stats-row em{font-size:11px;font-style:normal;font-weight:400;color:#a7b1a9;margin-left:7px}.stat-icon{width:47px;height:47px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#edf5ef;color:#7d9f86;flex-shrink:0}.stat-icon.blue{background:#edf3fa;color:#86a2c1}.stat-icon.orange{background:#fcf4e9;color:#cbb185}.stats-row .stats-tip{background:linear-gradient(110deg,#edf5ef,#e8f1e9);border-color:#dfeae1;color:#90ae94;gap:15px;padding-left:28px}.stats-tip span{font-size:11px;line-height:1.9}.stats-tip b{font-size:15px;margin-top:3px;font-weight:550;letter-spacing:1px;color:#5e8269}.stats-row.three{grid-template-columns:repeat(3,1fr)}.role-toolbar{margin-bottom:22px}.segmented{background:#f3f6f3;border:1px solid #e6ebe5;display:flex;align-items:center;border-radius:6px;padding:2px}.segmented button{padding:6px 8px;color:#a0ada4;border-radius:4px}.segmented .active{background:#fff;box-shadow:0 1px 4px #0001;color:#628c6d}.batch-row{display:flex;align-items:center;gap:20px;border-top:1px solid #f1f4f1;padding:12px 20px;color:#a0aaa2;font-size:11px}.batch-row label{display:flex;align-items:center;gap:7px}.batch-row span b{font-weight:500;color:#7b9b81}.batch-row button{font-size:11px;color:#789c7e;padding:0}.role-workspace{display:grid;grid-template-columns:390px 1fr;gap:22px;align-items:start}.role-list{overflow:hidden}.role-item{padding:23px 18px 23px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0f3f0;position:relative;cursor:pointer;transition:.15s}.role-item.selected{background:#f1f7f2}.role-item.selected:before{position:absolute;left:0;top:15px;bottom:15px;width:3px;background:#83a88a;content:"";border-radius:0 4px 4px 0}.role-item:hover{background:#f7faf7}.role-item>img{width:49px;height:49px;border-radius:13px;background:#e7efe9;border:1px solid #e2eae4}.role-item>input{width:14px;height:14px}.role-item-info{flex:1;min-width:0}.role-name{font-size:13px;display:flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}.role-name .badge{font-size:9px;padding:0 5px;line-height:17px}.role-item-info p{font-size:10px;color:#9da99f;margin-top:7px}.role-item-info p span{padding:0 3px;color:#c0c9c2}.role-item-info small{font-size:10px;color:#a7b2a9;margin-top:4px;display:block}.role-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:13px}.role-item-right .badge{font-size:10px;line-height:18px;padding:1px 6px}.role-item-right small{font-size:9px;color:#a4afa5}.list-footer{padding:18px;text-align:center;font-size:10px;color:#b1b9b2;background:#fefefe}.detail-hero{padding:29px 25px;background:linear-gradient(110deg,#f8fbf8,#fdfefd);display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:13px 13px 0 0}.detail-person{display:flex;align-items:center;gap:17px}.detail-person>img{width:67px;height:67px;border-radius:17px;border:3px solid #fff;box-shadow:0 3px 10px #466a4110}.detail-name{display:flex;align-items:center;gap:9px}.detail-name h2{font-size:19px}.detail-name .icon-btn{width:20px;height:20px}.detail-name .badge{font-size:10px;line-height:16px}.detail-person p{font-size:11px;color:#9aa69c;display:flex;align-items:center;gap:7px;margin-top:6px}.detail-person p span{color:#c8d0ca}.detail-person p .icon-btn{width:20px;height:20px}.power{font-size:10px;color:#9fa993;display:block;margin-top:7px}.auto-switch{display:flex;align-items:center;gap:12px;font-size:10px;color:#8a9e90}.detail-meta{display:flex;align-items:center;padding:22px 26px;gap:42px;border-bottom:1px solid #edf2ee}.detail-meta>div{display:flex;flex-direction:column;gap:7px}.detail-meta small{color:#a4aea6;font-size:10px}.detail-meta b{font-size:11px;font-weight:500;color:#6e8073}.detail-meta .btn{margin-left:auto;font-size:11px;height:30px;min-height:30px}.feature-heading{display:flex;align-items:center;gap:13px;margin:25px 26px 18px}.feature-heading h3{font-size:13px}.feature-heading span{font-size:10px;color:#b4bdb6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:0 25px 24px}.feature-tile{min-height:70px;display:flex;align-items:center;gap:11px;border:1px solid #e7eee8;border-radius:9px;padding:14px 13px;color:#779680;transition:.2s}.feature-tile>span{display:flex;align-items:center;justify-content:center;background:#f0f5f1;width:34px;height:34px;border-radius:9px;color:#8eac96;flex-shrink:0}.feature-tile b{font-weight:500;font-size:11px;color:#7a8980;white-space:nowrap}.feature-tile>svg{margin-left:auto;color:#c2cfc5;width:12px}.feature-tile.featured{background:#eff6f0;border-color:#cfe0d2}.feature-tile.featured b{color:#588064}.feature-tile.featured>span{color:#638f6f;background:#e5efe6}.feature-tile:hover{background:#f2f8f3;border-color:#abc7b3;transform:translateY(-2px);box-shadow:0 4px 10px #24482806}.detail-bottom{padding:18px 26px;border-top:1px solid #f1f3f1;display:flex;align-items:center;gap:20px}.detail-bottom>span{display:flex;align-items:center;gap:7px;color:#b0beb3;font-size:10px;margin-right:auto}.detail-bottom .btn{font-size:10px;min-height:29px;padding:5px 8px}.detail-bottom button{font-size:10px}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.table-wrap th{font-weight:500;color:#929f95;background:#fafcfb;padding:16px 20px;border-block:1px solid #f0f3f0}.table-wrap td{padding:20px;border-bottom:1px solid #f1f4f1;color:#718176}.table-person{display:flex;align-items:center;gap:10px}.table-person img{width:35px;height:35px;border-radius:10px}.table-wrap td .btn{font-size:11px;min-height:29px;padding:6px 10px}.import-file{margin-top:23px;padding-top:22px;border-top:1px solid var(--border)}.import-file h3{margin-bottom:8px}.import-file p{margin-bottom:15px}.import-file input{width:100%}.daily-schedule-panel{margin-bottom:20px}.daily-schedule-panel h3{font-size:14px}.daily-schedule-panel .muted{margin-top:8px;line-height:1.7}.daily-schedule-panel .field{max-width:280px;margin-top:18px}.schedule-summary{display:block}.schedule-summary small{display:block;margin-top:7px;line-height:1.6}.task-master{display:flex;gap:18px;align-items:center;padding:21px 25px;margin-bottom:23px}.task-master h3{font-size:14px}.task-master p{font-size:11px;color:#9dac9f;margin-top:7px}.task-master .switch{margin-left:auto}.settings-workspace{display:grid;grid-template-columns:215px 1fr;gap:23px;align-items:start}.settings-nav{padding:21px 12px;position:sticky;top:100px}.settings-nav h3{font-size:12px;color:#a3afa6;padding:0 12px 15px}.settings-nav button{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:13px 14px;border-radius:7px;font-size:12px;color:#8b9d90;gap:12px;margin-bottom:4px}.settings-nav .active{color:#5d8869;background:#eef5ef;font-weight:600}.settings-nav small{margin-left:auto;color:#b5c2b8;font-size:10px}.nav-dot{width:6px;height:6px;border-radius:50%;background:#c4d3c8}.settings-nav .active .nav-dot{background:#79a185}.settings-content{min-width:0}.setting-search{display:flex;align-items:center;gap:20px;margin-bottom:18px;padding:15px 20px}.setting-search .search{flex:1}.task-group{margin-bottom:20px}.task-fields{display:grid;grid-template-columns:1fr 1fr}.task-field{min-height:88px;display:flex;justify-content:space-between;align-items:center;padding:20px 23px;border-bottom:1px solid #f0f4f0;gap:20px}.task-field:nth-child(odd){border-right:1px solid #eff3ef}.task-field b{font-size:12px;font-weight:500;color:#6f8576;display:block}.task-field small{font-size:10px;color:#adb9b0;display:block;line-height:1.6;margin-top:7px}.task-field select{font-size:11px;min-width:85px;max-width:150px;padding:6px 8px}.resources-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.resource-card{padding:28px 23px;display:flex;align-items:center;gap:21px}.resource-card img{width:47px;height:47px}.resource-card p{color:#97a59a;font-size:12px;margin-bottom:11px}.resource-card b{font-size:21px;font-weight:600;color:#5d7665}.resource-card small{font-size:9px;display:block;margin-top:8px;color:#bdc7c0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:23px}.tools-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:23px;align-items:start}.tool-types{padding:25px 25px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-types button{border:1px solid #e8eee9;border-radius:9px;padding:20px 10px;display:flex;flex-direction:column;gap:9px}.tool-types button.active{background:#f0f7f1;border-color:#c5daca}.tool-types img{width:38px;height:38px}.tool-types b{font-size:12px;font-weight:500;color:#6c8574}.tool-types small{font-size:10px;color:#a3b1a6}.tool-controls{padding:25px}.tool-controls .field{max-width:250px;margin-bottom:13px}.quick-values{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}.quick-values .btn{margin:0;font-size:11px;min-width:50px}.tool-controls p{font-size:11px;margin-top:15px}.month-banner{display:flex;align-items:center;gap:20px;padding:30px;margin-bottom:25px;background:linear-gradient(110deg,#edf6ef,#fcfefc);border-color:#ddebe0;color:#6c9479}.month-banner h2{font-size:20px;letter-spacing:.4px}.month-banner p{color:#9bb1a2;font-size:12px;margin-top:10px}.month-banner>.badge,.month-banner>a{margin-left:auto}.month-card{padding:30px}.month-title{display:flex;gap:15px;align-items:center}.month-title img{width:43px;height:43px}.month-title h2{color:#6b8273;font-size:17px}.month-title .badge{margin-left:auto}.progress{height:9px;background:#eff5f0;border-radius:10px;margin:30px 0 16px;overflow:hidden}.progress span{height:100%;display:block;background:linear-gradient(90deg,#b0cdb7,#74a583);border-radius:10px;transition:.4s}.progress-values{display:flex;justify-content:space-between;font-size:11px;color:#a0ada4}.progress-values b{color:#718b78;font-weight:500}.month-card>.muted{margin:24px 0 20px;font-size:11px}.month-card>.btn{width:100%}.lineup-intro{padding:25px;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.lineup-intro p{font-size:12px;color:#a2b0a7;margin-top:8px}.lineups-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.formation{display:flex;justify-content:center;gap:15px;padding:33px 20px}.formation>div{display:flex;flex-direction:column;align-items:center;gap:9px;flex:1}.hero-avatar{width:53px;height:60px;border-radius:10px;background:linear-gradient(150deg,#d4dbbd,#a9be9d);display:flex;align-items:center;justify-content:center;color:#fff;font-family:serif;font-size:27px;border:3px double #f2f4e9;box-shadow:0 4px 10px #5d7f4320}.formation b{font-size:11px;color:#849183;font-weight:500}.formation small{font-size:10px;color:#b1bba9}.lineup-actions{border-top:1px solid #eff2ec;padding:17px 20px;display:flex;gap:8px}.lineup-actions .btn{font-size:11px}.campaign-panel{padding:30px}.campaign-illustration{background:radial-gradient(ellipse,#e4efe4 0,transparent 70%);color:#9bb29d;height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.campaign-illustration span{font-size:11px;letter-spacing:3px}.campaign-panel h2{color:#708b78;font-size:20px;margin-top:20px}.campaign-panel p{margin:13px 0 24px}.campaign-panel .field{max-width:250px}.report-panel{overflow:hidden}.report-panel .field{margin:0}.report-panel .toolbar{padding:24px;align-items:flex-end;border-bottom:1px solid #eff3ef}.report-panel .empty{min-height:330px}.report-panel .notice{margin:20px 25px}.ranking-banner{background:linear-gradient(120deg,#ecf4e9,#fafcf5);padding:35px 30px;color:#a0ac79;display:flex;align-items:center;gap:19px}.ranking-banner p{font-size:11px;margin-top:7px;color:#acb596}.ranking-banner h2{font-size:22px}.log-panel .toolbar{border-bottom:1px solid #eff3f0}.log-list{padding:0 23px}.log-item{display:flex;gap:15px;align-items:flex-start;border-bottom:1px solid #f0f4f0;padding:22px 0}.log-dot{height:7px;width:7px;background:#a1bda8;border-radius:50%;margin-top:4px;flex-shrink:0}.log-item>div{flex:1}.log-item b{font-size:12px;color:#78917f;font-weight:500}.log-item p{font-size:11px;color:#a1b0a6;margin-top:8px;line-height:1.7;word-break:break-word}.log-item time{font-size:10px;color:#b8c3bb;display:block;margin-top:10px}.log-item>.badge{font-size:9px;line-height:16px}.compact-logs .log-item{padding:18px 0}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:13px;padding:20px;color:#8c9c90;font-size:12px}.pagination span{margin-right:auto}.pagination .btn{font-size:11px;min-height:30px}.announcement-list{display:flex;flex-direction:column;gap:22px}.announcement{padding:25px}.announcement header{display:flex;align-items:center;gap:15px}.announcement-symbol{background:#eef5ef;color:#7fa188;border-radius:10px;height:42px;width:42px;display:flex;align-items:center;justify-content:center}.announcement h2{font-size:15px;color:#6a8271}.announcement time{font-size:10px;color:#abb7ac;display:block;margin-top:8px}.announcement-content{padding:22px 0 5px 57px;white-space:pre-wrap;font-size:13px;line-height:1.95;color:#95a398;word-break:break-word}.profile-layout{display:grid;grid-template-columns:380px 1fr;gap:25px;align-items:start}.profile-card{padding:32px;text-align:center}.profile-avatar{width:90px;height:90px;background:#eef5ed;border:5px solid #f5faf5;border-radius:50%;margin-bottom:15px}.profile-card h2{margin-bottom:10px;color:#6c8674}.profile-card .field{text-align:left}.avatar-options{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:25px 0}.avatar-options button{padding:3px;border:1px solid transparent;border-radius:50%}.avatar-options button.active{border-color:#77a381;background:#edf5ed}.avatar-options img{width:39px;height:39px;border-radius:50%}.profile-card>.btn{width:100%}.password-card{padding:30px 35px}.password-card h2{color:#6a8171}.password-card>p{margin:10px 0 28px;font-size:12px}.password-card form{max-width:450px}.quota-banner{padding:35px;background:linear-gradient(100deg,#eaf3e8,#f9fcf7);display:flex;align-items:center;gap:25px;color:#7d9c80;margin-bottom:25px}.quota-banner p{font-size:12px;margin-bottom:15px;color:#97aa94}.quota-banner strong{font-size:36px;font-weight:550;color:#668363}.quota-banner small{font-size:13px}.quota-banner>.badge{margin-left:auto}@media(min-width:1650px){.app-content{padding-top:42px}.role-workspace{grid-template-columns:405px 1fr}.role-item{padding-block:26px}.feature-tile{min-height:78px}.auth-card{width:600px}.auth-hero{height:220px}}@media(max-width:1250px){.app-header{padding:0 25px;gap:25px}.app-header nav{gap:17px}.app-header nav a{font-size:12px}.header-actions{gap:10px}.header-profile span{display:none}.app-content{padding:28px 25px}.role-workspace{grid-template-columns:340px 1fr;gap:18px}.feature-grid{grid-template-columns:repeat(2,1fr)}.detail-meta{gap:20px}.detail-hero{padding:23px 20px}.auto-switch{flex-direction:column;align-items:flex-end;gap:9px}.resources-grid{grid-template-columns:repeat(3,1fr)}.role-item{gap:9px;padding-inline:10px}.role-name{gap:5px}.role-item>img{width:44px;height:44px}.stats-row{gap:12px}.stats-row>div{padding:18px;gap:12px}.stats-row .stats-tip{padding-left:18px}.task-fields{grid-template-columns:1fr}.task-field:nth-child(odd){border-right:0}.lineups-grid{grid-template-columns:1fr}.header-actions .icon-btn:nth-child(2){display:none}}@media(max-width:1000px){.app-header nav{display:none}.app-header{justify-content:space-between;height:68px}.mobile-menu{display:flex}.header-profile span{display:block}.mobile-nav{top:68px}.stats-row{grid-template-columns:repeat(3,1fr)}.stats-row .stats-tip{display:none}.role-workspace{grid-template-columns:300px 1fr}.detail-person>img{width:53px;height:53px}.detail-name h2{font-size:16px}.detail-name .badge{display:none}.feature-heading{display:block}.feature-heading span{display:block;margin-top:7px}.feature-tile b{font-size:10px}.feature-tile{gap:8px;padding:13px 10px}.detail-bottom>span{display:none}.detail-bottom .btn{margin-right:auto}.role-item-right{display:none}.resources-grid{grid-template-columns:repeat(2,1fr)}.tools-layout{grid-template-columns:1fr}.profile-layout{grid-template-columns:330px 1fr}.task-master{margin-top:15px}.page-heading .actions{justify-content:flex-end}.settings-workspace{grid-template-columns:185px 1fr}.settings-nav{top:85px}.toolbar .search{min-width:200px}.toolbar{gap:10px}.two-columns{gap:18px}.month-card{padding:23px}.month-title h2{font-size:14px}.progress-values{flex-direction:column;gap:10px}}@media(max-width:720px){:root{font-size:13px}.app-header{padding:0 16px;height:62px;gap:10px}.brand img{width:135px;height:32px}.header-profile span{display:none}.header-actions{gap:7px}.header-actions>.btn{font-size:0;padding:7px;gap:0;border:0}.header-actions>.btn svg{width:17px;height:17px}.mobile-nav{top:62px}.app-content{padding:22px 15px 45px}.environment-bar{height:28px;font-size:9px}.page-heading{margin-bottom:20px;align-items:flex-start;gap:12px;flex-wrap:wrap}.page-heading h1{font-size:22px}.page-heading p{font-size:11px;line-height:1.7;margin-top:7px}.page-heading .actions{gap:6px;justify-content:flex-start}.page-heading .actions .btn{font-size:11px;padding:7px 10px;min-height:31px}.stats-row{gap:9px;margin-bottom:18px}.stats-row>div{padding:15px 10px;gap:9px;display:block}.stat-icon{width:33px;height:33px;border-radius:9px;margin-bottom:11px}.stat-icon svg{width:18px;height:18px}.stats-row small{font-size:10px}.stats-row b{font-size:23px;margin-top:8px}.stats-row em{font-size:9px;margin-left:4px}.role-toolbar{margin-bottom:18px;border-radius:10px}.toolbar{padding:14px 12px;gap:9px}.toolbar .search{min-width:100%;height:36px}.toolbar select{min-width:85px;flex:1;height:32px;font-size:11px;padding:6px 8px}.toolbar-spacer{display:none}.toolbar>.btn{font-size:10px;padding:5px 9px;min-height:31px}.segmented button{padding:5px}.batch-row{padding:11px 12px;gap:12px;font-size:10px;flex-wrap:wrap}.batch-row>span{display:none}.batch-row button{font-size:10px}.batch-row>button:last-child{margin-left:auto}.role-workspace{display:flex;flex-direction:column;gap:18px}.role-list{width:100%}.role-list>.panel-title{padding:15px 17px}.role-item{padding:17px 15px;gap:12px}.role-item>img{width:45px;height:45px}.role-item-right{display:flex}.role-name{font-size:13px}.role-item-info p{margin-top:5px}.role-item-info small{margin-top:4px}.role-list .list-footer{padding:12px}.role-detail{width:100%;border-radius:11px}.detail-hero{padding:22px 17px}.detail-person{gap:12px}.detail-person>img{height:58px;width:58px}.detail-name{gap:5px}.detail-name h2{font-size:17px}.detail-meta{padding:19px 18px;gap:20px;flex-wrap:wrap}.detail-meta .btn{font-size:10px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:9px;padding:0 16px 20px}.feature-heading{margin:21px 18px 15px;display:flex;gap:10px}.feature-heading h3{font-size:12px;flex-shrink:0}.feature-heading span{font-size:9px;margin-top:0}.feature-tile{flex-direction:column;gap:9px;justify-content:center;min-height:88px;padding:13px 4px}.feature-tile b{font-size:10px}.feature-tile>svg{display:none}.feature-tile>span{width:30px;height:30px;background:transparent}.feature-tile.featured>span{background:transparent}.feature-tile>span svg{width:24px;height:24px}.detail-bottom{padding:15px 18px}.table-wrap th{padding:14px;font-size:11px}.table-wrap td{padding:16px 14px;font-size:11px}.settings-workspace{display:flex;flex-direction:column;gap:15px}.settings-nav{position:static;display:flex;gap:4px;width:100%;overflow:auto;white-space:nowrap;padding:9px}.settings-nav h3{display:none}.settings-nav button{width:auto;padding:9px 11px;font-size:11px;flex-shrink:0;gap:6px;margin:0}.settings-nav small,.nav-dot{display:none}.settings-content{width:100%}.task-master{padding:18px;gap:12px}.task-master .stat-icon{margin:0;height:40px;width:40px}.task-master h3{font-size:13px}.task-master p{font-size:10px}.setting-search{padding:11px;gap:8px}.setting-search>.badge{font-size:9px;padding-inline:5px}.setting-search .search{min-width:0}.task-group{margin-bottom:15px}.task-field{padding:17px 18px;min-height:78px;gap:15px}.task-field b{font-size:12px}.task-field small{font-size:10px;margin-top:5px}.task-field select{max-width:130px}.panel-title{padding:17px 18px}.two-columns,.profile-layout,.tools-layout,.lineups-grid{grid-template-columns:1fr;gap:18px}.resources-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.resource-card{padding:18px 14px;gap:13px}.resource-card img{width:35px;height:35px}.resource-card p{font-size:11px;margin-bottom:8px}.resource-card b{font-size:17px}.resource-card small{font-size:8px;margin-top:7px}.tabs{gap:0;margin-bottom:18px}.tabs button{padding:10px 14px 13px;font-size:12px}.month-banner{padding:23px 20px;gap:15px;margin-bottom:18px}.month-banner>svg{width:28px}.month-banner h2{font-size:16px}.month-banner p{font-size:10px;margin-top:7px}.month-banner>.badge{display:none}.month-banner>a{font-size:10px;padding:6px 8px}.month-card{padding:25px}.month-title h2{font-size:16px}.progress-values{flex-direction:row}.tools-layout .panel-title{padding:17px}.tool-types{padding:20px 18px 0;gap:10px}.tool-types button{padding:17px 5px}.tool-types b{font-size:11px}.tool-controls{padding:22px 18px}.lineup-intro{padding:20px;gap:10px}.lineup-intro h2{font-size:15px}.lineup-intro p{font-size:10px}.lineup-intro .btn{font-size:10px;padding:7px 10px}.formation{gap:9px;padding:28px 15px}.hero-avatar{width:45px;height:53px;font-size:23px}.formation b{font-size:10px}.lineup-actions{gap:6px;padding:15px}.lineup-actions .btn{font-size:10px}.report-panel .toolbar{padding:18px;gap:10px}.report-panel .field{flex:1}.report-panel .field input{font-size:12px;height:36px}.report-panel .empty{min-height:270px}.report-panel .notice{margin:15px;font-size:10px}.ranking-banner{padding:25px}.ranking-banner h2{font-size:20px}.log-list{padding:0 18px}.log-item{gap:11px}.log-item b{font-size:11px}.log-item p{font-size:10px}.log-item time{font-size:9px}.log-item>.badge{font-size:8px;padding:0 5px}.pagination{padding:16px;gap:10px;font-size:11px}.pagination .btn{font-size:10px;padding:5px 9px}.announcement{padding:20px 17px}.announcement h2{font-size:13px}.announcement header{gap:10px}.announcement header .icon-btn{width:24px;height:24px}.announcement-symbol{width:35px;height:35px;flex-shrink:0}.announcement-content{padding:18px 0 0;font-size:12px}.profile-card{padding:28px 25px}.profile-card .avatar-options{max-width:300px;margin:25px auto}.password-card{padding:26px}.quota-banner{padding:27px 22px;gap:20px}.quota-banner strong{font-size:29px}.quota-banner .badge{font-size:9px}.modal-backdrop{padding:15px}.modal{max-height:93vh;border-radius:14px}.modal>header{padding:17px 20px}.modal>header h2{font-size:16px}.modal-body{padding:20px}.modal-body .btn{font-size:12px}.toast{top:12px;padding:12px 14px;font-size:12px;min-width:250px}.auth-page{padding:22px 15px}.auth-card{width:450px;border-radius:27px}.auth-hero{height:183px;padding:23px 29px;border-radius:27px 27px 0 0;background-position:center}.auth-logo{width:140px;height:30px}.auth-copy{margin-top:22px}.auth-copy h1{font-size:29px;gap:6px}.auth-copy p{font-size:9px;margin-top:8px}.auth-form{padding:23px 28px 18px;border-radius:27px}.auth-form h2{font-size:20px;margin-bottom:14px;padding-bottom:12px}.auth-input{height:46px;min-height:46px;padding:0 17px;margin-bottom:13px}.auth-input input{font-size:12px}.login-submit.btn{height:46px;font-size:13px}.agreement{font-size:9px;margin:16px -8px 17px;gap:6px}.agreement input{width:17px;height:17px}.auth-features{gap:8px;padding-top:19px}.auth-features>div{gap:5px}.auth-features img{width:33px;height:33px}.auth-features b{font-size:9px}.auth-features small{font-size:7px}.demo-link{font-size:10px;margin-top:13px}.auth-options{font-size:10px}.login-mode{font-size:10px;gap:17px;margin-bottom:14px}.dots{width:110px;height:100px;bottom:2%}.legal-page{padding:22px 16px}.legal-page .panel{padding:24px}.legal-page h1{font-size:22px}.legal-page p{font-size:12px}.auth-form .error-box{font-size:11px;padding:10px}.auth-form .error-box svg{width:16px}.profile-avatar{width:80px;height:80px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.task-multi{position:relative;min-width:120px;font-size:11px;color:#66836f}.task-multi summary{padding:9px 11px;border:1px solid #e2e9e3;border-radius:7px;cursor:pointer;max-width:230px;list-style:none;white-space:normal}.task-multi summary:after{content:"⌄";margin-left:9px}.task-multi>div{position:absolute;right:0;top:100%;width:170px;max-height:270px;overflow:auto;background:#fff;border:1px solid #dfe8e1;box-shadow:0 10px 25px #1232;z-index:10;border-radius:8px;padding:8px}.task-multi label{display:flex;align-items:center;gap:8px;padding:7px;cursor:pointer}.live-toolbar{padding:0;gap:10px;margin-bottom:14px}.live-toolbar .tabs{margin:0;flex:1}.live-caption{margin-bottom:20px}.game-log{padding:18px 22px;max-height:480px;overflow:auto;line-height:1.9}.game-log p{font-size:12px;color:#688371;padding:7px 0;border-bottom:1px solid #edf2ee;white-space:pre-wrap;word-break:break-word}.game-log time{font-size:10px;color:#a2b3a7}.section-space{padding:22px 18px 15px;color:#718a79;font-size:14px}.campaign-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:22px 0}.campaign-metrics>div{background:#f6faf6;padding:17px 20px;border-radius:9px}.campaign-metrics small{font-size:11px;color:#9bad9e;display:block}.campaign-metrics b{font-size:21px;display:block;margin-top:10px;color:#65816c}.campaign-panel>.field{margin-top:25px}.campaign-panel>.muted{margin-top:20px}.campaign-lineups{margin-top:25px}.report-title{padding:24px;text-align:center;background:#f0f7ef;color:#6d8b75}.report-title p{font-size:11px;color:#9ab09e;margin-top:8px}.report-panel caption{caption-side:bottom;font-size:11px;color:#a0b1a4;padding:10px}.sparring-panel>.toolbar{align-items:flex-end}.sparring-panel .field{margin:0}.opponent-card{padding:25px}.opponent-card h2,.opponent-card>p{color:#688771}.opponent-card>p{margin-top:12px;font-size:12px}.reference-workspace{display:grid;grid-template-columns:320px 1fr;gap:16px;max-width:1152px;margin:0 auto;min-height:calc(100vh - 118px);font-size:13px}.reference-workspace .panel{border-radius:7px;box-shadow:none;border-color:#d7dadc}.reference-sidebar-title{padding:16px 16px 12px;display:flex;gap:8px;align-items:center;font-size:12px}.reference-sidebar-title small{margin-left:auto;background:#f1f2f4;border-radius:10px;font-size:10px;color:#838b94;padding:3px 8px}.reference-search{display:flex;padding:5px 16px 7px;gap:5px}.reference-search .search{min-width:0;flex:1;border-radius:4px;height:32px;background:#fff}.reference-search .icon-btn{border:1px solid #d7dadc;border-radius:4px;height:32px;width:32px}.reference-batch{padding:6px 16px 12px;display:flex;align-items:center;justify-content:space-between}.reference-batch label{display:flex;align-items:center;gap:6px;font-size:11px}.reference-batch .btn{min-height:23px;padding:3px 6px;font-size:10px;border-radius:3px;background:#f8f8fa}.reference-role{padding:18px 16px;display:flex;align-items:center;gap:9px;border-top:1px solid #e1e3e6;cursor:pointer;position:relative}.reference-role.active{background:#f3f8f4}.reference-role.active:before{position:absolute;content:"";left:0;top:8px;bottom:8px;width:3px;background:#608168}.reference-role>input{width:15px;height:15px}.reference-role>div:last-child{flex:1;min-width:0}.reference-role b{font-size:11px;font-weight:600}.reference-role .badge{font-size:9px;line-height:16px;background:transparent;margin-left:5px;padding:0 4px}.reference-role p{font-size:9px;color:#93999f;margin-top:8px;white-space:nowrap}.reference-role p>span{color:#566fbc}.reference-role p>strong{color:#577863;font-size:9px}.reference-avatar{position:relative;flex-shrink:0}.reference-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}.reference-avatar small{position:absolute;right:-3px;bottom:-3px;font-size:8px;color:#fff;background:#8152de;padding:1px 3px;border-radius:3px;border:1px solid white}.reference-topbar{height:46px;border-bottom:1px solid #d7dadc;padding:7px 16px;display:flex;align-items:center;gap:8px}.reference-topbar .btn{font-size:11px;min-height:27px;height:27px;padding:4px 9px;border-radius:6px}.reference-topbar .segmented{padding:0;background:#f7f8fa;border-color:#d7dadc;border-radius:4px}.reference-topbar .segmented button{padding:5px;border-radius:3px}.reference-topbar .segmented .active{background:#597b61;color:#fff}.reference-detail-heading{padding:28px 24px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #e1e3e6}.reference-detail-heading>img{width:50px;height:50px;border-radius:50%;object-fit:cover}.reference-detail-heading h1{font-size:19px;display:flex;align-items:center;gap:10px;letter-spacing:0;font-weight:600}.reference-detail-heading h1 .icon-btn{width:21px;height:21px}.reference-detail-heading p{display:flex;align-items:center;gap:9px;font-size:11px;margin-top:7px}.reference-detail-heading p>button{color:#5272bd;padding:0}.reference-detail-heading p>span{background:#fafafa;border:1px solid #e4e4e6;border-radius:3px;padding:2px 7px;font-size:10px}.reference-detail-heading p>strong{color:#587761;font-size:10px;font-weight:600}.reference-master{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.reference-master small{font-size:10px;color:#686e73}.reference-master>div{display:flex;align-items:center;gap:14px}.reference-master .badge{font-size:10px;background:#f7fbe7;color:#94a46a;border:1px solid #e7eed1;line-height:17px;padding:0 5px}.reference-section{border:1px solid #d8dadd;border-radius:7px;overflow:hidden;margin:22px 24px}.reference-section-title{padding:11px 13px;background:#f6f7f9;border-bottom:1px solid #d8dadd;display:flex;align-items:center;gap:14px;font-size:11px}.reference-section-title>.btn{margin-left:auto;border:0;padding:0;min-height:15px;background:transparent;color:#5977b4;font-size:10px;box-shadow:none}.reference-section-title a{color:#5977b4;font-size:10px}.reference-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:9px 14px;column-gap:20px;row-gap:9px}.reference-resource-grid>div{display:flex;align-items:center;gap:8px;min-height:23px;min-width:0}.reference-resource-grid img{width:22px;height:22px}.reference-resource-grid small{font-size:10px;color:#979da3}.reference-resource-grid b{margin-left:auto;font-size:12px;font-weight:600}.reference-actions{display:grid;grid-template-columns:repeat(3,1fr);padding:16px;gap:8px}.reference-actions>a,.reference-actions>button{background:#f7f8fa;border:1px solid #d8dadd;border-radius:5px;min-height:39px;font-size:12px;color:#33383c;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.reference-actions>a:hover{background:#edf4ee;border-color:#a8bbaa}.reference-actions .danger-text{color:#bd6863}.reference-actions>a:first-child{order:-4}.reference-actions>a:nth-child(2){order:-2}.reference-actions>a:nth-child(3){order:-2}.reference-actions>button:first-of-type{order:-3}.reference-main{min-width:0}.reference-main>.table-wrap{padding:10px}.reference-workspace .loading{min-height:150px}@media(min-width:900px){.app-header{max-width:1216px;margin:auto;background:transparent;padding:0 32px;height:64px;gap:42px}.app-header .brand img{width:180px;height:40px}.app-header nav a{font-size:13px}.app-header .header-actions{gap:10px}.app-content:has(.reference-workspace){max-width:1216px;padding:16px 32px 30px}.app-content:has(.reference-workspace)~body{background:#f7f8fa}}@media(max-width:1000px){.reference-workspace{grid-template-columns:285px 1fr}.reference-detail-heading{padding:23px 18px;flex-wrap:wrap}.reference-master{flex-direction:row;align-items:center}.reference-section{margin:20px 16px}.reference-actions{grid-template-columns:repeat(2,1fr)}.reference-resource-grid{grid-template-columns:repeat(2,1fr);gap:10px}.reference-topbar{padding:7px 10px;gap:5px}.reference-topbar .btn{font-size:10px;padding:4px 6px}}@media(max-width:720px){.reference-workspace{display:flex;flex-direction:column;min-height:0;gap:16px}.reference-role{padding:17px}.reference-role b{font-size:12px}.reference-role p{font-size:10px}.reference-topbar{height:auto;min-height:47px;flex-wrap:wrap;gap:6px}.reference-topbar .toolbar-spacer{display:block}.reference-topbar .btn{font-size:10px}.reference-detail-heading{gap:11px;padding:22px 18px}.reference-detail-heading h1{font-size:17px}.reference-detail-heading>img{width:43px;height:43px}.reference-master{margin:6px 0 0;width:100%;justify-content:space-between}.reference-detail-heading p{font-size:10px;gap:7px}.reference-resource-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.reference-resource-grid>div{flex-wrap:wrap;gap:5px}.reference-resource-grid b{width:100%;text-align:right;font-size:12px;margin-top:3px}.reference-resource-grid img{width:20px;height:20px}.reference-resource-grid small{font-size:9px}.reference-actions{grid-template-columns:repeat(3,1fr);padding:12px;gap:7px}.reference-actions>a,.reference-actions>button{font-size:10px;gap:5px;min-height:40px}.reference-actions svg{width:13px}.reference-sidebar-title{font-size:13px}}.import-status{margin-bottom:20px}.bin-drop{padding:25px 20px;border:1px dashed #c1d2c5;border-radius:10px;text-align:center;color:#8ba691;background:#f8fcf8;display:flex;flex-direction:column;align-items:center;gap:12px}.bin-drop h3{font-size:14px}.bin-drop p{font-size:11px;color:#9fb2a4}.bin-drop input{width:100%;font-size:12px;background:#fff}.wechat-import{display:flex;flex-direction:column;gap:20px;align-items:center;padding:20px}.wechat-import>img{width:230px;height:230px}.import-candidates{max-height:330px;overflow:auto;margin:15px 0 20px}.import-candidates label{display:flex;align-items:center;gap:12px;padding:16px 8px;border-bottom:1px solid #e9efea;cursor:pointer}.import-candidates b{font-size:13px;color:#6a8574}.import-candidates small{font-size:10px;color:#9eafa4;display:block;margin-top:8px}.import-selection-actions{display:flex;gap:8px;align-items:center;padding-top:15px}.import-selection-actions span{margin-left:auto;color:#9bad9e;font-size:11px}.camp-regions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.camp-node{padding:17px 19px;border-bottom:1px solid #edf1ed;display:flex;flex-direction:column;gap:8px}.camp-node b{color:#6d8877;font-size:12px}.camp-node small{color:#9cae9f;font-size:10px}.camp-node .btn,.camp-node .badge{align-self:flex-start}.camp-node .btn{font-size:10px;min-height:27px;padding:5px 10px}@media(max-width:720px){.camp-regions{grid-template-columns:1fr}.month-banner:has(>.btn){flex-wrap:wrap}.month-banner:has(>.btn) .btn{font-size:11px}}.salt-map-shell{overflow:auto;padding:20px}.salt-map{position:relative;min-width:850px;height:680px;background:#edf5e9;border:1px solid #dce7d7;border-radius:10px;overflow:hidden}.salt-map>img{position:absolute;width:100%;height:100%;object-fit:fill;opacity:.6}.salt-map-node{position:absolute;transform:translate(-50%,-50%);border:1px solid #6d836c60;width:29px;height:24px;border-radius:5px;font-size:8px;box-shadow:0 2px 3px #38563220;color:#364e3b;padding:0;z-index:2}.salt-map-node.type-9{width:8px;height:8px;border:0;border-radius:50%;z-index:1}.salt-map-node.type-4{width:35px;height:31px;border:2px solid #647d62}.salt-map-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 0;font-size:11px;color:#859985;min-width:650px}.salt-map-legend>span{display:flex;align-items:center;gap:5px}.salt-map-legend i{width:9px;height:9px;border-radius:2px}.h5-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.h5-controls{padding:20px}.h5-controls h2{font-size:16px;margin:0 0 16px}.h5-controls h2:not(:first-child){margin-top:24px}.h5-controls>.btn{width:100%;margin-top:20px}.h5-controls>.muted{font-size:12px;line-height:1.7}.h5-scripts{max-height:330px;overflow:auto;border-top:1px solid var(--border)}.h5-scripts .check-row{align-items:start;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.h5-scripts small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:3px}.h5-player{padding:0;overflow:hidden;background:#101827;min-height:720px;color:#fff}.h5-player>.toolbar{padding:12px;background:#fff;color:var(--text);margin:0;border-bottom:1px solid var(--border);gap:8px}.h5-player>.toolbar>b{font-size:12px}.h5-player iframe{display:block;border:0;width:100%;height:780px;background:#101827}.h5-player:fullscreen iframe{height:calc(100vh - 65px)}.h5-idle{min-height:650px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:14px;padding:28px;color:#b1bed3}.h5-idle h2{margin:0;color:#fff}.h5-idle p{font-size:13px}.task-statuses{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.task-status{display:flex;align-items:center;gap:6px;font-size:11px;background:#f1f5f9;color:#64748b;padding:4px 7px;border-radius:5px}.task-status>b{font-weight:500!important;font-size:11px!important}.task-status.complete{background:#ecfdf5;color:#16815e}.task-status.disabled{opacity:.5}.success-notice{color:#15805d;background:#effbf5;border-color:#c6eadb}@media(max-width:850px){.h5-layout{grid-template-columns:1fr}.h5-controls{max-width:none}.h5-scripts{max-height:200px}.h5-player{min-height:600px}.h5-player iframe{height:740px}.h5-player>.toolbar{flex-wrap:wrap}.task-statuses{max-width:100%}}.table-actions{display:flex;flex-wrap:wrap;gap:6px}.cell-small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.text-button{color:#7362d1;background:none;border:0;padding:0;cursor:pointer;font:inherit}.admin-role-row,.admin-customer{padding:14px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.admin-customer>span{font-size:12px;color:var(--muted)}.wallet-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.wallet-price{border:1px solid var(--border);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:14px}.wallet-price h3{margin:0;font-size:15px}.wallet-price strong{font-size:26px;color:#7261d3}.wallet-price small{color:var(--muted)}.tower-board{display:grid;grid-template-columns:repeat(5,minmax(28px,1fr));gap:5px;max-width:420px;margin:auto}.tower-board>div{aspect-ratio:1;display:grid;place-items:center;background:#f4f0ff;border:1px solid #e0d9f2;border-radius:8px;font-size:12px;color:#756390}.tower-board>.locked{background:#f1f3f4;color:#999}.share-previews{max-height:400px;overflow:auto;margin:20px 0}.share-previews h3{font-size:14px;display:flex;gap:10px;align-items:center}.share-previews section{border-bottom:1px solid var(--border);padding:12px 0}.share-differences p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:6px 0;font-size:12px}.share-differences small{color:var(--muted);max-width:55%;overflow-wrap:anywhere}.role-sort-list{max-height:480px;overflow:auto;margin:12px 0 20px}.role-sort-list .admin-role-row{font-size:13px;padding:9px 0}.reference-search{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px}.reference-search>.search{grid-column:1/-1;min-width:0;width:auto}.reference-search>select{min-width:0;font-size:12px}.peach-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px;margin-bottom:24px}.peach-member{padding:16px}.peach-member summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;font-size:13px}.peach-member summary span{color:var(--muted);font-size:11px}.peach-member .formation{margin-top:18px}.advanced-card-filters{padding:0 20px 18px;font-size:13px}.advanced-card-filters summary{cursor:pointer;color:var(--muted);margin-bottom:14px}.advanced-card-filters .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.announcement-content img{max-width:100%;height:auto;border-radius:8px}.announcement-content p{margin:10px 0}.announcement-content ul,.announcement-content ol{padding-left:24px}.announcement-content blockquote{border-left:3px solid #c4b5e8;margin:12px 0;padding:5px 16px;background:#f9f6ff}.announcement-content pre{white-space:pre-wrap;background:#f1f4f3;padding:12px;border-radius:6px}.announcement-content table{width:100%;border-collapse:collapse}.announcement-content td,.announcement-content th{border:1px solid var(--border);padding:6px}.page-error{max-width:520px;margin:15vh auto;padding:40px;text-align:center}.page-error h1{font-size:22px}.page-error p{color:var(--muted)}