:root{color:#18343d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f8f9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #187f78}.product-admin{color:#183b42;width:100%;max-width:760px;margin:0 auto;padding:28px 20px 110px}.product-admin-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.product-admin-header button{color:#183b42;background:#fff;border:1px solid #e1e9eb;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.product-admin-header h1{margin:0;font-size:clamp(24px,5vw,32px);font-weight:750;line-height:1.2}.product-admin-search{color:#82969c;background:#fff;border:1px solid #e1e9eb;border-radius:16px;align-items:center;gap:12px;margin-bottom:22px;padding:0 16px;display:flex}.product-admin-search input{width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:none;padding:16px 0}.product-admin-list{gap:10px;margin-bottom:24px;display:grid}.product-admin-item{cursor:pointer;background:#fff;border:1px solid #e1e9eb;border-radius:17px;align-items:center;gap:14px;padding:18px;font-weight:600;display:flex}.product-admin-item svg{color:#21877d;flex-shrink:0}.product-admin-add{color:#fff;width:100%;min-height:54px;font:inherit;cursor:pointer;background:#21877d;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-weight:700;display:flex}.product-form{gap:20px;display:grid}.product-form label{flex-direction:column;gap:8px;font-size:14px;font-weight:650;display:flex}.product-form input,.product-form select{box-sizing:border-box;color:#183b42;width:100%;min-width:0;min-height:52px;font:inherit;background:#fff;border:1px solid #dce5e8;border-radius:13px;padding:12px 14px;font-size:16px;display:block}.product-form input:focus,.product-form select:focus{outline-offset:1px;outline:2px solid #21877d}.product-form .product-admin-add{margin-top:8px}@media (width>=768px){.product-admin{padding:36px 32px 80px}}.product-form{flex-direction:column;gap:24px;padding-bottom:110px;display:flex}.product-form section,.product-form fieldset{background:#fff;border:1px solid #e1e8e9;border-radius:20px;min-width:0;margin:0;padding:20px}.product-form section h2,.product-form legend{color:#193c42;font-size:18px;font-weight:700}.product-form section h2{margin:0 0 20px}.product-form section label,.product-form fieldset label{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.product-form section label:last-child,.product-form fieldset label:last-child{margin-bottom:0}@media (width<=480px){.product-form section,.product-form fieldset{padding:18px}}.product-form-section{color:#173d43;border-bottom:1px solid #dce6e8;margin:24px 0 12px;padding:0 0 12px;font-size:18px;font-weight:700;line-height:1.4}.product-form-section:first-of-type{margin-top:8px}.product-form label{flex-direction:column;align-items:stretch;gap:9px;width:100%;display:flex}.product-form input,.product-form select{box-sizing:border-box;width:100%;min-width:0}.product-form{gap:14px;padding-bottom:20px;display:grid}.product-form .product-form-card{background:#fff;border:1px solid #e1e8e9;border-radius:20px;gap:16px;padding:20px;display:grid}.product-form .product-form-card h2{border-bottom:1px solid #e7edef;align-items:center;gap:11px;margin:0 0 2px;padding-bottom:14px;font-size:18px;font-weight:750;display:flex}.product-form .product-form-card h2 svg{color:#21877d;flex-shrink:0}.product-form .product-form-card label{gap:7px;margin:0}.product-required{color:#b84a4a}.product-form-help{color:#61777c;align-items:flex-start;gap:8px;margin:-4px 0 0;font-size:12px;line-height:1.5;display:flex}.product-form-help svg{flex-shrink:0;margin-top:1px}.product-form-savebar{z-index:20;bottom:calc(76px + env(safe-area-inset-bottom,0px));background:#f8fbfbf7;border-top:1px solid #e1e8e9;padding:10px 20px;position:fixed;left:0;right:0}.product-form-savebar .product-admin-add{max-width:720px;margin:auto}.product-admin:has(.product-form-savebar){padding-bottom:185px}@media (width<=480px){.product-form .product-form-card{padding:16px}}.product-form .product-form-card{padding:0;display:block;overflow:hidden}.product-section-toggle{color:#183b42;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;padding:18px;display:flex}.product-section-icon{color:#21877d;place-items:center;display:grid}.product-section-title{flex:1;gap:3px;display:grid}.product-section-title strong{font-size:17px}.product-section-title small{color:#71868b;font-size:12px;font-weight:400}.product-section-chevron{color:#21877d;font-size:24px}.product-section-fields{border-top:1px solid #e7edef;gap:16px;padding:18px;display:grid}.product-form-save-bottom{margin-top:20px}.product-form-error{color:#a42e2e;background:#fff1f0;border-radius:12px;margin:0;padding:13px 16px;font-size:14px}.product-admin:has(.product-form-save-bottom){padding-bottom:110px}.supplier-list{gap:10px;margin-bottom:24px;display:grid}.supplier-item{background:#fff;border:1px solid #e1e9eb;border-radius:17px;align-items:center;gap:12px;padding:15px;display:flex}.supplier-item-icon{color:#21877d;background:#e9f5f2;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.supplier-item-info{flex:1;gap:4px;min-width:0;display:grid}.supplier-item-info strong{overflow-wrap:anywhere;font-size:15px}.supplier-item-info small{color:#71868b;font-size:12px}.supplier-icon-button{color:#21877d;cursor:pointer;background:#fff;border:1px solid #e1e9eb;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.supplier-icon-button.is-inactive{color:#9a5555}.supplier-empty{text-align:center;color:#71868b;padding:20px}.supplier-form .product-form-card{gap:17px;padding:20px;display:grid}.supplier-form .product-form-card h2{border-bottom:1px solid #e7edef;align-items:center;gap:10px;margin:0;padding-bottom:14px;display:flex}.supplier-form .product-form-card label{margin:0}.supplier-form label span{align-items:center;gap:7px;display:flex}.supplier-drag-handle{color:#8ba0a3;cursor:grab;touch-action:none;background:0 0;border:0;flex-shrink:0;place-items:center;width:28px;min-height:42px;padding:0;display:grid}.supplier-drag-handle:active{cursor:grabbing}.supplier-drag-handle:disabled{opacity:.3;cursor:default}.supplier-dragging{z-index:5;opacity:.9;position:relative;box-shadow:0 8px 24px #0000001f}.supplier-sort-hint{color:#71868b;margin:-8px 0 15px;font-size:12px}@media (width<=400px){.supplier-item{gap:7px;padding:11px}.supplier-item-icon,.supplier-icon-button{width:36px;height:36px}}.supplier-delete-button{color:#b44b4b}.supplier-dialog-backdrop{z-index:100;background:#0f23288c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.supplier-dialog{background:#fff;border-radius:20px;width:min(100%,420px);padding:24px;box-shadow:0 15px 50px #0003}.supplier-dialog h2{color:#183b42;margin:0 0 12px;font-size:21px}.supplier-dialog p{color:#526c72;line-height:1.6}.supplier-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.supplier-dialog-actions button{color:#183b42;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce5e8;border-radius:12px;align-items:center;gap:7px;padding:10px 15px;font-weight:650;display:flex}.supplier-dialog-actions .supplier-confirm-delete{color:#fff;background:#b44b4b;border-color:#b44b4b}@media (width<=400px){.supplier-item{gap:5px;padding:9px}.supplier-item-icon{width:32px;height:32px}.supplier-icon-button{width:34px;height:36px}}#root{min-height:100vh}.app{background:#f5f8f9;min-height:100vh}.main{width:100%;max-width:650px;margin:0 auto;padding:22px 18px 110px}.header{border-bottom:1px solid #e0e8eb;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.hotel-logo{object-fit:contain;width:100px;height:57px}.brand-text{flex-direction:column;gap:3px;display:flex}.brand-text strong{letter-spacing:-.5px;font-size:21px}.brand-text span{color:#71858f;font-size:12px}.profile-button{color:#187f78;cursor:pointer;background:#fff;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:45px;height:45px;display:grid}.welcome h1{letter-spacing:-.6px;margin:0 0 8px;font-size:clamp(23px,6vw,30px);line-height:1.25}.welcome p{color:#71858f;margin:0;font-size:15px}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:17px;display:grid}.action-card{text-align:left;cursor:pointer;color:#18343d;background:#fff;border:1px solid #eaf0f1;border-radius:18px;flex-direction:column;align-items:flex-start;gap:7px;min-height:158px;padding:17px 14px;display:flex}.action-card:active,.info-card:active{transform:scale(.985)}.action-icon{border-radius:13px;place-items:center;width:49px;height:49px;margin-bottom:10px;display:grid}.green{color:#187f78;background:#e2f4ed}.blue{color:#3974b3;background:#e5effb}.purple{color:#7162a9;background:#eeebfa}.gray{color:#526c78;background:#edf1f3}.orange{color:#b87436;background:#fff0df}.action-subtitle{color:#71858f;font-size:12px;line-height:1.35}.info-card{text-align:left;color:#18343d;cursor:pointer;background:#fff;border:1px solid #eaf0f1;border-radius:17px;align-items:center;gap:12px;width:100%;margin-bottom:12px;padding:17px 14px;display:flex}.info-icon{border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.info-content{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.info-content strong{font-size:15px}.info-content small{color:#71858f;font-size:12px}.count{color:#a45f26;background:#fff0df;border-radius:30px;padding:5px 10px;font-size:13px;font-weight:700}.chevron{color:#9aabb1;flex-shrink:0}.bottom-nav{padding:11px 6px max(13px, env(safe-area-inset-bottom));z-index:10;background:#fff;border-top:1px solid #e6edef;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:#8c9ba3;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:5px;font-size:11px;display:flex}.nav-item.active{color:#187f78;font-weight:700}.notice{color:#185f59;background:#e2f4ed;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:15px;font-size:13px;line-height:1.5;display:flex}.notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:25px}@media (width<=350px){.main{padding-left:12px;padding-right:12px}.actions{gap:9px}.action-card{padding:13px 10px}.action-card strong{font-size:14px}.hotel-logo{width:80px}}.main{padding-top:15px}.header{padding-bottom:12px}.hotel-logo{width:88px;height:52px}.welcome{padding:18px 0 16px}.welcome h1{margin-bottom:5px;font-size:24px}.welcome p{font-size:14px}.actions{gap:10px;margin-bottom:12px}.action-card{gap:7px;min-height:112px;padding:13px}.action-icon{border-radius:10px;width:38px;height:38px;margin-bottom:2px}.action-icon svg{width:23px;height:23px}.action-card strong{font-size:15px}.action-subtitle{display:none}.info-card{margin-bottom:10px;padding:12px 13px}.important-card{background:#fff5e8;border-color:#f4d8b1;margin-bottom:14px}.important-card .info-content strong,.important-card .info-content small{color:#80501e}@media (width<=350px){.action-card{min-height:105px;padding:11px}}.action-card,.info-card,.brand-text{min-width:0}.action-card strong,.info-content,.brand-text{overflow-wrap:anywhere}@media (width>=600px) and (width<=1023px){.main{max-width:900px;padding:24px 30px 120px}.header{padding-bottom:20px}.hotel-logo{width:110px;height:65px}.welcome{padding:25px 0 22px}.actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.action-card{min-height:145px;padding:18px}.action-icon{width:49px;height:49px}.action-card strong{font-size:16px}.info-card{padding:17px 20px}}@media (width>=1024px){.app{padding-left:230px}.main{max-width:1200px;padding:40px 50px 80px}.header{padding-bottom:24px}.hotel-logo{width:120px;height:70px}.welcome{padding:36px 0 30px}.welcome h1{font-size:32px}.welcome p{font-size:17px}.actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:24px}.action-card{min-height:175px;padding:24px;transition:transform .15s,box-shadow .15s}.action-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #18343d14}.action-icon{width:56px;height:56px;margin-bottom:14px}.action-card strong{font-size:19px}.info-card{max-width:800px;padding:22px 24px}.bottom-nav{border-top:none;border-right:1px solid #e6edef;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;width:230px;height:100vh;padding:36px 15px;top:0;bottom:0;right:auto}.nav-item{text-align:left;border-radius:12px;flex-direction:row;flex:none;justify-content:flex-start;gap:14px;padding:16px;font-size:15px}.nav-item.active{background:#e2f4ed}}@media (height<=450px) and (orientation:landscape){.bottom-nav{padding-top:6px;padding-bottom:6px}.main{padding-top:10px}.welcome{padding-top:12px;padding-bottom:12px}}@media (width<=599px){.action-card{height:auto;min-height:112px}.action-card strong{line-height:1.35}.info-card{min-height:65px}}@media (width<=1023px) and (height<=450px) and (orientation:landscape){.app{padding-left:76px}.main{padding-bottom:24px}.bottom-nav{border-top:none;border-right:1px solid #e6edef;flex-direction:column;justify-content:center;gap:8px;width:76px;height:100dvh;padding:8px 4px;display:flex;position:fixed;inset:0 auto 0 0}.nav-item{flex-direction:column;flex:none;gap:4px;width:100%;min-width:0;padding:8px 2px;font-size:10px}}
