:root{--pos-bg:#eef2f6;--pos-card:#fff;--pos-line:#d9e2ec;--pos-header:#1599d1;--pos-orange:#f28c13;--pos-green:#25c059;--pos-red:#f24f45;--pos-blue:#27a8e0;--pos-navy:#02183f;--pos-purple:#a35be9;--pos-text:#1d3557;--pos-muted:#6c7b8d}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{background:var(--pos-bg);color:var(--pos-text);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.pos-page{background:var(--pos-bg);min-height:100vh}.pos-card{background:var(--pos-card);border:1px solid var(--pos-line);border-radius:10px;box-shadow:0 1px 2px #0d263b0a}.pos-btn{cursor:pointer;color:#fff;border:0;border-radius:8px;min-height:50px;font-weight:700}.pos-btn:disabled{opacity:.55;cursor:not-allowed}.pos-btn-blue{background:var(--pos-blue)}.pos-btn-green{background:var(--pos-green)}.pos-btn-red{background:var(--pos-red)}.pos-btn-orange{background:#f7931a}.pos-btn-navy{background:var(--pos-navy)}.pos-btn-purple{background:var(--pos-purple)}.pos-input,.pos-select,.pos-textarea{width:100%;color:var(--pos-text);background:#fff;border:1px solid #c7d3e0;border-radius:8px;outline:none;padding:12px 14px}.pos-textarea{resize:vertical;min-height:110px}.pos-table{border-collapse:collapse;width:100%}.pos-table th,.pos-table td{border-bottom:1px solid var(--pos-line);text-align:left;vertical-align:middle;padding:10px 12px}.pos-table th{color:var(--pos-muted);font-size:13px;font-weight:700}.pos-badge{border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.pos-badge-green{color:#1f8f4e;background:#d9f6e4}.pos-muted{color:var(--pos-muted)}.pos-link-btn{color:var(--pos-text);cursor:pointer;background:#fff;border:1px solid #c7d3e0;border-radius:8px;min-height:46px;padding:10px 14px;font-weight:700}.pos-modal-backdrop{z-index:50;background:#0a182773;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pos-modal{border:1px solid var(--pos-line);background:#fff;border-radius:14px;width:min(1280px,96vw);max-height:92vh;padding:18px;overflow:auto;box-shadow:0 20px 60px #0a182740}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}*,:before,:after{box-sizing:border-box}img,svg,canvas{max-width:100%;height:auto}.pos-page,.pos-card,.pos-input,.pos-btn,.pos-link-btn{max-width:100%}.pos-page{width:100%;overflow-x:hidden}.pos-card{min-width:0}@media (width<=1440px){.pos-page>div:first-child{grid-template-columns:1fr!important}.pos-page>div:first-child>div:first-child{grid-template-rows:auto auto!important}}@media (width<=1100px){.pos-page>div:first-child>div:first-child>div:last-child,.pos-page .pos-modal>div:first-child{grid-template-columns:1fr!important}.pos-page button,.pos-btn,.pos-link-btn{white-space:normal}}@media (width<=820px){.pos-page>div:first-child{padding:8px!important}.pos-page .pos-modal{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}}