:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#18251f;background:#f5f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:228px 1fr}aside{background:#083d2c;color:#fff;padding:28px 15px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px}.brand>svg{color:#c8a768;width:35px;height:35px}.brand div{display:flex;flex-direction:column}.brand strong{font:700 23px STSong,serif}.brand span{color:#d7c28d;font-size:9px;letter-spacing:3px}.aside-sub{color:#cbdcd4;margin:26px 11px 15px;font-size:14px}nav{display:grid;gap:5px}nav button,.logout{border:0;background:transparent;color:#e9f1ed;padding:12px 14px;border-radius:5px;display:flex;align-items:center;gap:12px;text-align:left}nav button:hover,nav button.active{background:#176247}.logout{margin-top:auto;color:#c7d7d0}main{min-width:0}header{height:70px;background:#fff;border-bottom:1px solid #dfe5e1;display:flex;align-items:center;padding:0 30px}header h1{font-size:22px;margin:0 auto 0 0}.header-user{font-size:14px;color:#56645d}.content{padding:24px 30px;display:grid;gap:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat,.panel{background:#fff;border:1px solid #dfe5e1}.stat{padding:22px;display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;border-radius:50%;background:#e1eee6;color:#0b6041;display:grid;place-items:center}.stat span{color:#68756f;font-size:13px}.stat strong{display:block;margin-top:7px;font-size:24px}.panel{padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head h2{font-size:17px;margin:0}.panel-head p{font-size:12px;color:#7a857f;margin:5px 0 0}.toolbar{display:flex;gap:10px;justify-content:flex-end}.search-box{height:38px;border:1px solid #d8dfdb;background:#fff;display:flex;align-items:center;padding:0 11px;margin-right:auto;min-width:290px}.search-box input{border:0;outline:0;width:100%;padding-left:8px}.primary,.secondary{height:38px;border-radius:4px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{border:1px solid #0c6041;background:#0c6041;color:#fff}.primary:hover{background:#084d34}.primary:disabled{opacity:.6}.secondary{border:1px solid #ccd6d0;background:#fff;color:#263a31}.text-button{border:0;background:transparent;color:#0c6645;padding:4px}.table-panel{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid #e7ebe9;white-space:nowrap}th{font-weight:500;color:#59665f;background:#fafbfa}tbody tr:hover{background:#fbfcfb}.product-cell{display:flex;align-items:center;gap:11px}.square-thumb{width:44px;height:44px;aspect-ratio:1/1;background:#edf3ef;color:#688076;display:grid;place-items:center;overflow:hidden}.square-thumb img{width:100%;height:100%;object-fit:cover}.status{display:inline-block;padding:4px 9px;border-radius:3px;background:#eef2f0;color:#53635b}.status.ok,.status-PAID,.status-SHIPPED,.status-COMPLETED{background:#e5f3ea;color:#176642}.status-PENDING_PAYMENT{background:#fff2d9;color:#886322}.status-REFUNDING,.status-REFUNDED{background:#feeae7;color:#a3483b}.danger{color:#c64335}.row-actions{display:flex;gap:13px}.row-actions button,.danger-link{border:0;background:transparent;color:#176247;padding:0;display:inline-flex;align-items:center;gap:5px}.row-actions .danger-link,.danger-link{color:#bb4438}.mono{font-family:Consolas,monospace}.empty,.state{padding:45px;text-align:center;color:#75817b}.state.error,.form-error{color:#b63e34}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1c1473;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(680px,100%);max-height:88vh;overflow:auto;background:#fff;box-shadow:0 20px 70px #00000040}.modal-head{height:62px;padding:0 22px;border-bottom:1px solid #e3e8e5;display:flex;align-items:center}.modal-head h2{font-size:18px;margin-right:auto}.modal-head button{border:0;background:transparent;color:#5b6861}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:22px}.form-grid label,.form-stack label,.login-card label{display:grid;gap:7px;font-size:13px;color:#4f5d56}.form-grid input,.form-grid select,.form-grid textarea,.form-stack input,.form-stack select,.login-card input,.inline-form input{border:1px solid #cfd8d3;padding:10px;outline:none;background:#fff}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.form-stack input:focus,.login-card input:focus{border-color:#176247}.form-grid .full{grid-column:1/-1}.check{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.check input{width:16px}.form-actions{display:flex;justify-content:flex-end;gap:9px}.form-stack{padding:22px;display:grid;gap:17px}.inline-form{display:flex;gap:9px;padding:20px}.inline-form input{flex:1}.category-list{padding:0 20px 20px}.category-list>div{display:flex;justify-content:space-between;padding:13px 3px;border-top:1px solid #e6ebe8}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#073d2b,#176247);padding:20px}.login-card{background:#fff;width:min(410px,100%);padding:38px;display:grid;gap:18px;box-shadow:0 25px 70px #0000004d}.login-brand{display:flex;align-items:center;gap:12px;color:#0c5c3e}.login-brand svg{width:36px;height:36px}.login-brand div{display:grid}.login-brand strong{font:700 24px STSong,serif}.login-brand span{font-size:12px;color:#6f7b75}.login-card h1{font-size:20px;margin:8px 0}.wide{width:100%}.coming{text-align:center;padding:70px;color:#66756d}.coming svg{width:45px;height:45px;color:#176247}.coming h2{color:#263a31}@media(max-width:1000px){.shell{grid-template-columns:74px 1fr}aside{padding-inline:10px}.brand div,.aside-sub,nav span,.logout{font-size:0}.brand{padding:0;justify-content:center}.stats{grid-template-columns:repeat(2,1fr)}.content{padding:18px}.search-box{min-width:180px}}@media(max-width:680px){.stats{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search-box{width:100%;order:-1}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.content{padding:12px}header{padding:0 16px}}.brand{padding:0;width:138px;height:69px;margin:0 auto;background-color:#cdb987;-webkit-mask:url(/brand/admin-logo.png) center / contain no-repeat;mask:url(/brand/admin-logo.png) center / contain no-repeat}.aside-sub{margin:12px 0 18px;text-align:center;font-size:13px;letter-spacing:.08em}.brand>img{display:block;width:100%;max-width:178px;height:auto;aspect-ratio:2 / 1;object-fit:contain;visibility:hidden}.login-brand{display:flex;align-items:center;width:100%;justify-content:center;padding-bottom:4px}.login-brand>img{display:block;width:min(100%,180px);height:auto;aspect-ratio:2 / 1;object-fit:contain;object-position:center}.login-card .primary{border-color:#643a22;background:#643a22}.login-card .primary:hover{background:#4f2d1a}@media(max-width:1000px){.brand{padding:0;width:54px;height:27px}.brand>img{width:54px;max-width:54px}}:root{color:#34251f;background:#f6f1e8}body{color:#34251f;background:#f6f1e8}.login-page{background:radial-gradient(circle at 22% 18%,rgba(255,252,245,.9),transparent 32%),linear-gradient(135deg,#eadbc2,#d8bd92 52%,#c7a778)}.login-card{background:#fffdf9;width:min(420px,100%);padding:40px 42px 38px;gap:16px;border-radius:10px;border:1px solid rgba(100,58,34,.12);box-shadow:0 24px 70px #52332038}.login-card h1{margin:0 0 8px;text-align:center;color:#493126;font-size:19px;font-weight:600;letter-spacing:.08em}.login-card label{gap:8px;color:#67574d}.login-card input,.login-card .primary{min-height:42px}.login-card input,.form-grid input,.form-grid select,.form-grid textarea,.form-stack input,.form-stack select,.inline-form input{border-color:#d9cbbb;background:#fffdf9}.login-card input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.form-stack input:focus{border-color:#8a5a3b}aside{background:#563522;padding-top:24px;position:fixed;z-index:20;inset:0 auto 0 0;width:228px;min-height:100vh;overflow-y:auto}.shell{display:block;min-height:100vh}.shell>main{margin-left:228px;min-height:100vh}.aside-sub,.brand span{color:#dfcda9}nav button,.logout{color:#f7eee1}nav button:hover,nav button.active{background:#81563a}.logout{color:#dcc9b5}main{background:#f6f1e8}header,.panel,.stat,.modal{background:#fffdf9;border-color:#e4d9cc}header{box-shadow:0 1px #643a220a}.primary{border-color:#6f432a;background:#6f432a}.primary:hover{background:#56321f}@media(max-width:1000px){aside{width:74px}.shell>main{margin-left:74px}}.secondary{border-color:#d6c5b4;background:#fffdf9;color:#4a352a}.text-button,.row-actions button{color:#7a4a2f}.stat-icon{background:#f1e3ce;color:#75472d}.search-box,th{background:#fbf7f1;border-color:#e2d6c9}th,.panel-head p,.stat span,.header-user{color:#74665d}th,td{border-bottom-color:#ece3d9}tbody tr:hover{background:#fdf8f1}.status.ok,.status-PAID,.status-SHIPPED,.status-COMPLETED{background:#eee1cf;color:#70442b}.panel-head.padded{margin:0;padding:22px 22px 16px}.panel-head.padded h2{font-size:18px;line-height:1.35}.panel-head.padded p{margin-top:6px;line-height:1.5}.table-panel>.primary.compact{margin:0 22px 16px}.table-panel>table:first-child,.panel-head.padded+table{border-top:1px solid #ece3d9}@media(max-width:680px){.panel-head.padded{padding:18px 16px 14px}.table-panel>.primary.compact{margin:0 16px 14px}}.member-no{display:block;margin-top:4px;color:#8b7d73;font-family:Consolas,monospace}.member-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px}.member-summary>div{padding:16px;background:#f8f1e7;border:1px solid #eadbc9}.member-summary span{display:block;color:#7b6d63;font-size:12px}.member-summary strong{display:block;margin-top:8px;font-size:20px;color:#65402b}.member-adjust{padding-top:0}.member-adjust input:first-child{max-width:190px}.ledger{padding:0 22px 22px;overflow:auto}.ledger h3{font-size:16px}.positive{color:#7a4a2f}.level-list{display:grid;gap:10px;padding:22px}.level-row{display:grid;grid-template-columns:110px 120px 110px 100px minmax(180px,1fr) 70px;gap:8px;align-items:center}.level-row input{min-width:0;border:1px solid #d9cbbb;padding:9px;background:#fffdf9}@media(max-width:900px){.member-summary,.level-row{grid-template-columns:1fr 1fr}.level-row strong{grid-column:1/-1}}.coupon-category-field{display:grid;gap:10px;padding:15px;border:1px solid #e1d3c4;background:#fbf7f1}.coupon-field-title{color:#4f5d56;font-size:13px}.coupon-field-title small{margin-left:8px;color:#8b7d73}.coupon-category-all,.coupon-category-grid label{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;min-height:34px;padding:7px 10px;border:1px solid #ded3c7;background:#fffdf9;cursor:pointer}.coupon-category-all{width:fit-content;color:#65402b!important;font-weight:600}.coupon-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.coupon-category-field input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#6f432a}.coupon-category-grid label.disabled{opacity:.45;cursor:not-allowed}.coupon-field-tip{color:#8b7d73;line-height:1.6}.modal:has(.coupon-category-field){width:min(760px,96vw)}@media(max-width:680px){.coupon-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coupon-field-title small{display:block;margin:5px 0 0}}.shipping-settings{overflow:hidden}.shipping-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:8px 28px 30px}.shipping-form label{display:grid;gap:10px;padding:20px;border:1px solid #eadfce;border-radius:12px;background:#fffaf4}.shipping-form label>span{font-weight:700;color:#513624}.shipping-form small{color:#8a796c}.money-input{display:flex;align-items:center;height:44px;border:1px solid #d8c8b5;border-radius:8px;background:#fff;overflow:hidden}.money-input b,.money-input em{padding:0 12px;color:#785033;font-style:normal}.money-input input{min-width:0;flex:1;height:100%;border:0;outline:0;text-align:right;font-size:20px;font-weight:700;color:#633c24}.shipping-save{grid-column:1/-1;display:flex;align-items:center;gap:16px}.shipping-save span{color:#44745e;font-size:14px}@media(max-width:1000px){.shipping-form{grid-template-columns:1fr}.shipping-save{grid-column:auto}}.product-editor{background:#f7f4ee;padding:20px;display:grid;gap:16px}.product-editor .editor-section{background:#fff;border:1px solid #e4d9ca;padding:20px}.editor-section-head{margin-bottom:18px}.editor-section-head h3{margin:0;color:#4f2e21;font-size:17px}.editor-section-head p{margin:6px 0 0;color:#8b7b70;font-size:12px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.field-grid label{display:grid;gap:7px;color:#574a42;font-size:13px}.field-grid .span-2{grid-column:1/-1}.field-grid input,.field-grid select,.field-grid textarea{width:100%;border:1px solid #d8cabb;border-radius:4px;background:#fff;padding:10px 11px;outline:none}.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus{border-color:#7b452e;box-shadow:0 0 0 2px #7b452e17}.field-grid input:disabled{background:#f3f0eb;color:#887b73}.image-upload-field+.image-upload-field{margin-top:22px}.field-label{display:flex;align-items:center;gap:10px;color:#574a42;font-size:13px;font-weight:600}.field-label small{color:#9a8c82;font-size:11px;font-weight:400}.image-upload-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.image-preview,.image-picker{width:112px;height:112px;border-radius:6px;overflow:hidden}.image-preview{position:relative;border:1px solid #ddd2c7;background:#f4f1ed}.image-preview img{width:100%;height:100%;object-fit:cover}.image-preview button{position:absolute;top:5px;right:5px;width:26px;height:26px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#2b1c14c7;color:#fff}.image-picker{border:1px dashed #bba793;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fbf8f4;color:#7b5b48;cursor:pointer}.image-picker:hover{border-color:#7b452e;background:#f7efe8}.image-picker span{font-size:12px}.image-picker input{display:none}.editor-footer{position:sticky;bottom:-1px;display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:12px;padding:15px 20px;border:1px solid #dfd2c5;background:#fff;box-shadow:0 -8px 22px #482d1e14;z-index:2}.modal:has(.product-editor){width:min(960px,96vw)}@media(max-width:760px){.product-editor{padding:10px}.field-grid{grid-template-columns:1fr}.field-grid .span-2{grid-column:auto}.editor-footer{grid-template-columns:1fr 1fr}.editor-footer>div{display:none}.image-preview,.image-picker{width:94px;height:94px}}.after-sale-actions{display:flex;align-items:center;gap:8px;min-width:150px}.after-sale-btn{height:34px;padding:0 16px;border-radius:18px;border:1px solid transparent;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:.18s ease}.after-sale-btn.approve{background:#6f432a;color:#fff;box-shadow:0 4px 10px #6f432a29}.after-sale-btn.approve:hover{background:#57321f}.after-sale-btn.reject{border-color:#d8c8b8;background:#fffaf4;color:#765845}.after-sale-btn.reject:hover{background:#f5ece2}.after-sale-btn.refund{background:#176247;color:#fff;box-shadow:0 4px 10px #17624729}.after-sale-btn.refund:hover{background:#0d4d36}.after-sale-status{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:14px;font-size:12px;font-weight:600}.after-sale-status.status-PENDING{background:#fff1d7;color:#94641c}.after-sale-status.status-WAITING_RETURN,.after-sale-status.status-RETURNED{background:#eaf1f8;color:#356184}.after-sale-status.status-REFUNDING{background:#e8f2ed;color:#176247}.after-sale-status.status-REFUNDED{background:#edf0ed;color:#53635b}.after-sale-status.status-REJECTED{background:#f8e9e6;color:#a14739}.after-sale-done{color:#78827d;font-size:12px}.notification-form{padding:0 20px 22px;display:grid;grid-template-columns:2fr 1fr auto;gap:14px;align-items:end}.notification-form label{display:grid;gap:7px;color:#4f5d56;font-size:13px}.notification-form input{height:38px;border:1px solid #cfd8d3;padding:0 11px;outline:none}.notification-form input:focus{border-color:#176247}.notification-form .form-success{grid-column:1/-1;color:#176247;font-size:13px}.notice-status{display:inline-flex;padding:4px 9px;border-radius:12px;background:#eef1ef;color:#5f6964;font-size:12px}.notice-status.sent{background:#e4f3e9;color:#176247}.notice-status.failed{background:#feeae7;color:#ad4035}.notice-status.retry,.notice-status.pending{background:#fff2d9;color:#886322}.notice-error{max-width:360px;overflow:hidden;text-overflow:ellipsis;color:#9a5148}.notification-stats svg{width:22px;height:22px}@media(max-width:1100px){.notification-form{grid-template-columns:1fr 1fr}.notification-form button{width:max-content}}@media(max-width:700px){.notification-form{grid-template-columns:1fr}}.beauty-dialog-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;padding:24px;background:#171f1b7a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:dialog-fade .18s ease-out}.beauty-dialog{position:relative;width:min(420px,calc(100vw - 40px));padding:32px;border:1px solid rgba(20,91,65,.12);border-radius:24px;background:#fffdf8;box-shadow:0 28px 80px #1429203d;text-align:center;animation:dialog-rise .24s cubic-bezier(.2,.8,.2,1)}.beauty-dialog-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f3f1eb;color:#6d746f}.beauty-dialog-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 17px;border-radius:19px;background:#e7f2eb;color:#155c42}.beauty-dialog-danger .beauty-dialog-icon{background:#fbe9e5;color:#b74332}.beauty-dialog-success .beauty-dialog-icon{background:#e5f5e9;color:#21754f}.beauty-dialog h3{margin:0;color:#18372b;font-size:21px;line-height:1.35}.beauty-dialog p{margin:12px 0 0;color:#68736e;font-size:14px;line-height:1.75;white-space:pre-wrap}.beauty-dialog-input{box-sizing:border-box;width:100%;margin-top:20px;padding:13px 15px;border:1px solid #d8dfda;border-radius:13px;outline:none;background:#fff;color:#24362f;font:inherit}.beauty-dialog-input:focus{border-color:#267255;box-shadow:0 0 0 3px #2672551a}.beauty-dialog-actions{display:flex;gap:12px;margin-top:26px}.beauty-dialog-actions button{min-height:44px;flex:1;border:0;border-radius:13px;font-size:15px;font-weight:650;cursor:pointer}.beauty-dialog-cancel{background:#f0f1ed;color:#56615c}.beauty-dialog-confirm{background:linear-gradient(135deg,#1c6a4c,#0f533b);color:#fff;box-shadow:0 8px 20px #145b4133}.beauty-dialog-danger .beauty-dialog-confirm{background:linear-gradient(135deg,#c95542,#a93629);box-shadow:0 8px 20px #b13b2e33}.beauty-dialog-confirm:disabled{cursor:not-allowed;opacity:.45}@keyframes dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes dialog-rise{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.content-decoration{display:grid;gap:24px}.content-decoration .decoration-card{min-width:0;overflow:hidden;border-radius:10px}.content-decoration .decoration-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px}.content-decoration .decoration-heading h2{margin:0;font-size:18px;line-height:1.5}.content-decoration .decoration-heading p{margin:8px 0 0;color:#8b7b70;font-size:13px;line-height:1.7}.content-decoration .decoration-heading button{flex-shrink:0;margin:0;white-space:nowrap}.content-decoration .decoration-table{overflow-x:auto}.content-decoration .decoration-table table{width:100%;min-width:640px;margin:0}.content-decoration .decoration-table th,.content-decoration .decoration-table td{padding:16px 24px;text-align:left;vertical-align:middle}.content-decoration .decoration-table th{font-size:12px;font-weight:500}@media(max-width:680px){.content-decoration{gap:16px}.content-decoration .decoration-heading{align-items:flex-start;flex-wrap:wrap;padding:18px;gap:14px}.content-decoration .decoration-table th,.content-decoration .decoration-table td{padding:14px 18px}}.image-upload-field .field-label{display:flex;flex-direction:column;align-items:flex-start;gap:7px;line-height:1.6}.image-upload-field .field-label small,.upload-guidance{display:block;color:#6b5c51;font-size:13px;font-weight:400;line-height:1.7;overflow-wrap:anywhere}.upload-guidance{margin:0;padding:10px 12px;background:#f8f5f0;border-radius:4px}.product-editor .editor-footer{display:flex;flex-direction:column;align-items:stretch;gap:14px}.product-editor .editor-footer .editor-options{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.product-editor .editor-footer .editor-actions{display:flex;justify-content:flex-end;gap:12px}.editor-actions button{min-width:96px;white-space:nowrap}.order-recipient{display:flex;flex-direction:column;gap:6px;min-width:220px;max-width:340px;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.order-recipient strong{font-weight:600}.order-recipient .text-button{align-self:flex-start;padding:0}.recipient-warning{color:#a33a24}.shipment-recipient{margin:18px 20px 0;padding:16px;background:#faf7f1;border:1px solid #dfd2c5}.shipment-recipient h3{margin:0 0 10px;font-size:15px}.shipment-recipient p{font-size:12px;color:#75685c;line-height:1.6}.shipment-recipient .order-recipient{max-width:none;min-width:0}.mobile-admin-note{margin:22px 22px 16px;padding:14px 16px;border:1px solid #dce7e1;border-radius:8px;background:#f4f8f5;color:#58675f;font-size:13px;line-height:1.65}.mobile-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 22px 20px}.mobile-role-grid.disabled{opacity:.62}.mobile-role-option{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 14px;border:1px solid #dce3df;border-radius:8px;background:#fff;color:#304239;font-size:14px}.mobile-role-option input{width:17px;height:17px;accent-color:#176247}.mobile-role-option span{display:grid;gap:3px}.mobile-role-option small{color:#7b8881;font-size:12px;font-weight:400}.mobile-role-super{margin:0 22px 14px;border-color:#c9dfd2;background:#eff7f2}.mobile-admin-actions{padding:18px 22px;border-top:1px solid #e5e9e7}.danger-button{height:38px;margin-right:auto;padding:0 15px;border:1px solid #d77b70;border-radius:4px;background:#fff5f3;color:#ae3f33}@media(max-width:680px){.mobile-role-grid{grid-template-columns:1fr}.mobile-admin-actions{flex-wrap:wrap}.danger-button{margin-right:0}}.list-controls{display:flex;align-items:center;gap:12px;padding:0 16px 14px}.list-controls .search-box{flex:1;max-width:460px;margin-right:auto}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;min-height:64px;padding:12px 16px;border-top:1px solid #e7ebe9;background:#fff;color:#56645d;font-size:13px;white-space:nowrap}.pagination-summary{margin-right:auto}.pagination label{display:inline-flex;align-items:center;gap:6px}.pagination select{height:34px;padding:0 28px 0 10px;border:1px solid #ccd6d0;border-radius:4px;background:#fff;color:#263a31}.pagination>.secondary{height:34px;padding:0 12px}.pagination button:disabled{cursor:not-allowed;opacity:.45}.pagination-pages,.pagination-page-wrap{display:inline-flex;align-items:center;gap:5px}.pagination-page-wrap>i{color:#87928c;font-style:normal}.pagination-page-wrap>button{width:34px;height:34px;padding:0;border:1px solid #ccd6d0;border-radius:4px;background:#fff;color:#263a31}.pagination-page-wrap>button:hover,.pagination-page-wrap>button.active{border-color:#0c6041;background:#0c6041;color:#fff}.server-pagination{justify-content:flex-end}@media(max-width:820px){.list-controls,.pagination{flex-wrap:wrap}.list-controls .search-box,.pagination-summary{flex-basis:100%;max-width:none}.pagination-summary{margin-right:0}}