.admin-shell{color:#20372f;background:#f4f6f3;grid-template-columns:230px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#dbe8e1;background:#16372d;flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:11px;padding:0 10px 30px;display:flex}.admin-brand>span{color:#123b2e;background:#9ad9b9;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.admin-brand b,.admin-brand small,.admin-user b,.admin-user small{display:block}.admin-brand b{color:#fff;font-size:15px}.admin-brand small{color:#91a89f;margin-top:3px;font-size:10px}.admin-sidebar nav{gap:7px;display:grid}.admin-sidebar nav button{color:#a8bdb4;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;padding:12px 13px;display:flex}.admin-sidebar nav button i{color:#8eb1a2;background:#ffffff0f;border-radius:8px;place-items:center;width:26px;height:26px;font-size:11px;font-style:normal;display:grid}.admin-sidebar nav button em{color:#fff;background:#e96d58;border-radius:99px;place-items:center;min-width:21px;height:21px;margin-left:auto;font-size:10px;font-style:normal;display:grid}.admin-sidebar nav button.active,.admin-sidebar nav button:hover{color:#fff;background:#ffffff1a}.admin-sidebar nav button.active i{color:#164532;background:#9ad9b9}.admin-side-note{color:#a8bdb4;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:13px;margin-top:auto;padding:15px}.admin-side-note b{color:#dce9e3;font-size:11px}.admin-side-note p{margin:8px 0 0;font-size:10px;line-height:1.7}.admin-main{min-width:0}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border-bottom:1px solid #e0e6e2;justify-content:space-between;align-items:center;height:72px;padding:0 30px;display:flex}.admin-header>div{align-items:center;gap:12px;display:flex}.admin-header>div>strong{font-size:14px}.mobile-menu{display:none}.admin-user>span{color:#fff;background:#27815f;border-radius:11px;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.admin-user b{font-size:11px}.admin-user small{color:#7c8d86;margin-top:2px;font-size:9px}.admin-content{width:min(1220px,100% - 54px);margin:0 auto;padding:42px 0 70px}.admin-title{justify-content:space-between;align-items:flex-end;margin-bottom:26px;display:flex}.admin-title span,.modal-heading span{color:#25805d;letter-spacing:.15em;font-size:9px;font-weight:900}.admin-title h1{margin:7px 0 6px;font:700 30px/1.2 Georgia,Noto Serif SC,serif}.admin-title p{color:#7a8c84;margin:0;font-size:12px}.admin-title>button{color:#fff;cursor:pointer;background:#177b58;border:0;border-radius:10px;padding:11px 16px;font-size:11px}.title-actions{align-items:center;gap:10px;display:flex}.title-actions>button,.title-actions>a,.import-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-size:11px;display:inline-flex}.title-actions>button{color:#fff;background:#177b58;border:0}.title-actions>a,.import-button{color:#245244;background:#fff;border:1px solid #d7e0db}.import-button input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px;display:grid}.metric-grid article{background:#fff;border:1px solid #e1e7e3;border-radius:14px;padding:20px}.metric-grid span,.metric-grid small{color:#7a8c84;font-size:10px;display:block}.metric-grid strong{color:#1d4235;margin:14px 0 8px;font:700 25px Georgia,serif;display:block}.admin-panel{background:#fff;border:1px solid #e1e7e3;border-radius:15px;box-shadow:0 12px 30px #2241350a}.panel-heading{border-bottom:1px solid #edf0ee;padding:18px 20px}.panel-heading h2{margin:0;font-size:14px}.panel-heading p{color:#82918b;margin:4px 0 0;font-size:10px}.order-table{min-width:760px}.admin-panel:has(.order-table){overflow-x:auto}.table-head,.table-row{grid-template-columns:1.35fr 1fr .9fr .8fr .8fr 24px;align-items:center;gap:16px;padding:13px 20px;display:grid}.table-head{color:#84928d;text-transform:uppercase;background:#fafbf9;font-size:9px}.table-row{width:100%;color:inherit;cursor:pointer;text-align:left;background:#fff;border:0;border-top:1px solid #eff2f0}.table-row:hover{background:#fbfdfb}.table-row b,.table-row small{display:block}.table-row b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.table-row small{color:#83918c;text-overflow:ellipsis;white-space:nowrap;max-width:190px;margin-top:4px;font-size:9px;overflow:hidden}.table-row>span:last-child{color:#22835e}.table-row em{border-radius:99px;padding:5px 8px;font-size:9px;font-style:normal;display:inline-flex}.table-row em.amber{color:#8b621b;background:#f8edd2}.table-row em.blue{color:#2c6688;background:#e2f0f7}.table-row em.red{color:#a94b3b;background:#f8e1dc}.table-row em.purple{color:#6a538b;background:#ece5f6}.table-row em.green{color:#247351;background:#dff2e8}.table-row em.gray{color:#687670;background:#edf0ee}.admin-empty{color:#84928d;flex-direction:column;justify-content:center;align-items:center;min-height:250px;font-size:11px;display:flex}.admin-empty b{color:#385349;margin-bottom:8px;font-size:14px}.product-admin-list{overflow:hidden}.product-admin-list article{border-bottom:1px solid #edf1ee;grid-template-columns:50px minmax(180px,1fr) 110px 110px 100px 64px;align-items:center;gap:14px;padding:14px 18px;display:grid}.product-admin-list article:last-child{border-bottom:0}.admin-product-icon{color:#1c644b;background:#dcefe4;border-radius:12px;place-items:center;width:42px;height:42px;font:700 17px Georgia,serif;display:grid}.admin-product-icon.amber{color:#785c22;background:#f4e8ca}.admin-product-icon.pink{color:#8d5347;background:#f5e2dd}.admin-product-icon.blue{color:#3d6981;background:#e2eef4}.admin-product-name b,.admin-product-name small,.product-admin-list article>div b,.product-admin-list article>div small{display:block}.admin-product-name b,.product-admin-list article>div b{font-size:11px}.admin-product-name small,.product-admin-list article>div small{color:#84928d;margin-top:4px;font-size:9px}.stock{border-radius:99px;justify-self:start;padding:5px 8px;font-size:9px}.stock.available{color:#267050;background:#dff2e7}.stock.low{color:#8d651d;background:#f9edd0}.stock.confirm{color:#526a88;background:#e5edf5}.stock.soldout{color:#a14a3d;background:#f5dfdb}.ghost-button{color:#3f5b50;cursor:pointer;background:#fff;border:1px solid #d7e0db;border-radius:8px;padding:7px 10px;font-size:9px}.fee-form{grid-template-columns:1fr 1fr;gap:18px;max-width:760px;padding:24px;display:grid}.fee-explain{color:#376152;background:#eaf4ee;border-radius:13px;grid-column:1/-1;padding:20px}.fee-explain span,.fee-explain strong{display:block}.fee-explain span{color:#27805f;font-size:9px;font-weight:800}.fee-explain strong{margin:8px 0;font-size:17px}.fee-explain p{color:#668076;margin:0;font-size:10px;line-height:1.7}.fee-form label,.form-grid label{color:#687b73;gap:7px;font-size:10px;display:grid;position:relative}.fee-form input,.form-grid input,.form-grid select{color:#243d34;background:#fbfcfb;border:1px solid #dce4df;border-radius:9px;outline:none;width:100%;height:42px;padding:0 12px}.fee-form input:focus,.form-grid input:focus,.form-grid select:focus{border-color:#4b9a7c;box-shadow:0 0 0 3px #4b9a7c1a}.fee-form label em{color:#8b9994;font-size:9px;font-style:normal;position:absolute;bottom:13px;right:12px}.save-button{color:#fff;cursor:pointer;background:#177b58;border:0;border-radius:10px;min-height:42px;padding:0 18px;font-weight:700}.fee-form>.save-button{align-self:end}.admin-modal{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d251d73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-modal>form{background:#fff;border-radius:18px;width:min(620px,100%);max-height:calc(100vh - 40px);padding:26px;overflow-y:auto;box-shadow:0 25px 80px #0a1e1740}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.modal-heading h2{margin:6px 0 0;font:700 24px Georgia,serif}.modal-heading button{color:#6e7e78;cursor:pointer;background:#f2f4f2;border:0;border-radius:9px;width:32px;height:32px;font-size:20px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;display:grid}.order-summary-line{background:#edf5f0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:14px;font-size:11px;display:flex}.order-summary-line strong{color:#177b58;font-size:18px}.admin-modal .save-button{width:100%}.admin-toast{z-index:40;color:#fff;background:#17392e;border-radius:99px;padding:11px 18px;font-size:11px;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #12322733}.admin-mobile-overlay{display:none}.settings-form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-card{gap:16px;padding:22px;display:grid}.settings-card-wide,.settings-save{grid-column:1/-1}.settings-heading{border-bottom:1px solid #e8eeea;padding-bottom:15px}.settings-heading span,.settings-heading strong{display:block}.settings-heading span{color:#25805d;letter-spacing:.12em;margin-bottom:6px;font-size:9px;font-weight:900}.settings-heading strong{font-size:16px}.settings-card label,.settings-save label{color:#687b73;gap:7px;font-size:10px;display:grid}.settings-card input,.settings-card textarea,.settings-save input{color:#243d34;background:#fbfcfb;border:1px solid #dce4df;border-radius:9px;outline:none;width:100%;padding:0 12px}.settings-card input,.settings-save input{height:42px}.settings-card textarea{resize:vertical;padding-top:11px}.settings-card input:focus,.settings-card textarea:focus,.settings-save input:focus{border-color:#4b9a7c;box-shadow:0 0 0 3px #4b9a7c1a}.settings-two-column{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-save{grid-template-columns:minmax(180px,1fr) minmax(220px,.8fr) auto;align-items:end;gap:18px;padding:18px 22px;display:grid}.settings-save strong{font-size:13px;display:block}.settings-save p{color:#7a8c84;margin:5px 0 0;font-size:10px}@media (max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{z-index:35;width:min(290px,84vw);transition:transform .2s;display:flex;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:24px 0 60px #0b251c47}.admin-sidebar.open{transform:translate(0)}.admin-mobile-overlay{z-index:34;background:#091d166b;border:0;display:block;position:fixed;inset:0}.admin-header{z-index:25;padding:0 18px;position:sticky;top:0}.mobile-menu{color:#24483b;background:#edf4ef;border:0;border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.admin-content{width:calc(100% - 28px);padding-top:28px}.metric-grid{grid-template-columns:1fr 1fr}.product-admin-list article{grid-template-columns:42px 1fr 80px 60px}.product-admin-list article>div:nth-of-type(2),.stock{display:none}.settings-form{grid-template-columns:1fr}.settings-card-wide,.settings-save{grid-column:1}.settings-save{grid-template-columns:1fr 1fr}.settings-save>div{grid-column:1/-1}}@media (max-width:560px){.admin-header{height:62px}.admin-user div{display:none}.admin-content{width:calc(100% - 24px);padding:22px 0 48px}.admin-title{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.admin-title h1{font-size:27px}.title-actions{flex-wrap:wrap;width:100%}.title-actions>button,.title-actions>a,.import-button{flex:1;min-width:96px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-grid article{padding:15px 13px}.metric-grid strong{font-size:20px}.metric-grid span,.metric-grid small{font-size:9px}.fee-form,.form-grid,.settings-two-column{grid-template-columns:1fr}.fee-form,.settings-card{padding:17px}.fee-explain{grid-column:1}.product-admin-list{box-shadow:none;background:0 0;border:0}.product-admin-list article{background:#fff;border:1px solid #e1e7e3;border-radius:13px;grid-template-columns:42px 1fr auto;margin-bottom:10px;padding:14px}.product-admin-list article>div:nth-of-type(2),.product-admin-list article>div:nth-of-type(3),.stock{display:none}.ghost-button{min-height:34px}.settings-save{grid-template-columns:1fr;padding:17px}.settings-save>div{grid-column:1}.settings-save .save-button{min-height:44px}.admin-empty{min-height:190px}}
