:root{color:#111923;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand:#12c981;--brand-dark:#078854;--bg:#eaf1f5;--line:#e1e7ed;--text:#111923;--muted:#8592a6;background:#eaf1f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #12b76a44}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-shrink:0;width:264px}.brand{border-bottom:1px solid var(--line);height:60px;color:var(--brand-dark);letter-spacing:-.5px;align-items:center;gap:6px;padding:0 18px;font-size:20px;font-weight:800;display:flex}.brand span{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:500}.profile{border-bottom:1px solid var(--line);flex-direction:column;align-items:center;gap:4px;margin:0 8px;padding:30px 16px 34px;display:flex}.profile small{color:var(--muted);font-size:11px}.profile strong{margin:4px 0;font-size:14px}.avatar{color:#fff;background:linear-gradient(#b4c0cf,#8a9bb0);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.avatar.big{width:44px;height:44px;margin-bottom:6px}.menu{border-bottom:1px solid var(--line);margin:0 8px;padding:12px 0}.menu a{color:var(--muted);border-radius:7px;justify-content:space-between;padding:12px;font-size:13px;text-decoration:none;display:flex}.menu button{width:100%;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;padding:12px;font-size:13px;display:flex}.menu a:hover,.menu button:hover,.menu button.selected{color:#078854;background:#eaf8f2}.menu button.selected{font-weight:650}.menu a.back{color:var(--brand-dark);justify-content:flex-start;gap:8px;margin-bottom:4px;font-weight:600}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:flex-end;align-items:center;gap:20px;height:60px;padding:0 24px;display:flex}.org{color:var(--brand-dark);font-size:13px;font-weight:600}.content{background:#eaf1f5;flex:1;min-width:0;padding:24px}.btn{background:var(--brand);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:550;transition:background .15s,transform .15s;display:inline-flex}.btn:hover{background:#0da966}.btn:active{transform:translateY(1px)}.btn.ghost{color:var(--muted);background:0 0}.btn.ghost:hover{color:var(--text);background:#f5f7fa}.notice{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.notice h1{margin:0;font-size:20px}.notice p{color:var(--muted);margin:0}.catalog-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.title-wrap{border-left:5px solid var(--brand);border-radius:5px;padding-left:13px}.title-wrap h1{color:#111923;letter-spacing:-.7px;margin:0 0 3px;font-size:24px;font-weight:750;line-height:1.15}.title-wrap p{color:#667997;margin:0 0 4px;font-size:14px}.title-wrap small{color:#61748f;font-size:12px}.title-wrap small strong{font-weight:500}.new-btn{padding:10px 14px;font-size:14px}.toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.search-box{color:#697b97;background:0 0;border:1px solid #d4dfeb;border-radius:8px;align-items:center;gap:8px;width:min(320px,40%);min-height:34px;padding:0 10px;display:flex}.search-box input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-size:13px}.search-box input::placeholder{color:#697b97;opacity:1}.filters{gap:8px;display:flex}.filters select{color:#111923;max-width:205px;height:34px;font:inherit;background:0 0;border:1px solid #d4dfeb;border-radius:8px;padding:0 30px 0 11px;font-size:13px}.table-card{background:#fff;border:1px solid #d4dfeb;border-radius:9px;overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:950px}thead{background:#fafbfc}th{color:#5f7390;letter-spacing:.1px;text-transform:uppercase;white-space:nowrap;height:40px;padding:0 16px;font-size:11px;font-weight:600}td{color:#121820;white-space:nowrap;border-top:1px solid #d4dfeb;height:65px;padding:0 16px;font-size:13px}th:first-child,td:first-child{padding-left:16px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.item-name{color:#111721;font-weight:600}.muted-cell{color:#637795}.actions-heading,td:last-child{text-align:center}.pill{border-radius:12px;justify-content:center;align-items:center;min-width:29px;height:21px;padding:0 8px;font-size:11px;display:inline-flex}.pill.yes{background:#f0f2f5;font-weight:600}.pill.no{background:#fff;border:1px solid #d5deea}.switch{cursor:pointer;vertical-align:middle;background:#cbd5e1;border:0;border-radius:99px;align-items:center;width:33px;height:18px;padding:2px;transition:background .18s;display:inline-flex}.switch span{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .18s;box-shadow:0 1px 2px #0002}.switch.on{background:#10c982}.switch.on span{transform:translate(15px)}.icon-button{color:#101820;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button:hover{background:#eef3f6}.empty-row{text-align:center;color:#64748b;height:100px}.catalog-table{width:100%;min-width:520px}.catalog-table th:first-child,.catalog-table td:first-child{width:45%}.catalog-table th:nth-child(2),.catalog-table td:nth-child(2){width:25%}.catalog-table th:last-child,.catalog-table td:last-child{text-align:center;width:30%}.catalog-actions{justify-content:center;gap:4px;display:flex}.danger-icon{color:#bd3038}.danger-icon:hover{background:#fff0f0}.catalog-error{color:#ad2d36;background:#fff5f5;border-top:1px solid #f3d8da;margin:0;padding:10px 16px;font-size:12px}.table-footer{color:#61748f;border-top:1px solid #d4dfeb;justify-content:space-between;align-items:center;height:52px;padding:0 16px;font-size:12px;display:flex}.pagination{gap:7px;display:flex}.pagination button{color:#61748f;height:29px;font:inherit;cursor:pointer;background:#f8fafb;border:1px solid #e7edf2;border-radius:7px;padding:0 10px}.pagination button:disabled{color:#aebbc9;cursor:default}.pagination button:not(:disabled):hover{background:#eff5f2;border-color:#cce9da}.modal-backdrop{z-index:5;background:#15263866;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(560px,100%);max-height:min(94vh,850px);padding:22px 24px 20px;overflow:auto;box-shadow:0 24px 70px #14283b35}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal-header h2{margin:0 0 4px;font-size:19px}.modal-header p{color:#718198;margin:0;font-size:13px}.modal form{flex-direction:column;gap:12px;display:flex}.modal form>label{color:#111923;flex-direction:column;gap:5px;font-size:13px;font-weight:550;display:flex}.modal form>label>span{display:block}.modal form>label b{color:#d33c46;font-size:12px;display:inline}.modal input,.modal textarea,.modal select{color:#1f2937;width:100%;min-height:39px;font:inherit;background:#fff;border:1px solid #d4dfeb;border-radius:8px;outline:0;padding:8px 10px;font-size:13px;font-weight:400}.modal textarea{resize:vertical;min-height:65px}.modal select{background-color:#eaf1f5}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#12b76a;box-shadow:0 0 0 3px #12b76a1c}.percent-input{position:relative}.percent-input input{padding-right:35px}.percent-input span{color:#61748f;font-weight:400;position:absolute;top:10px;right:12px}.modal .tax-setting{border:1px solid #d4dfeb;border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:9px 12px}.tax-setting span{flex-direction:column;gap:2px;display:flex}.tax-setting strong{font-size:13px}.tax-setting small{color:#687b96;font-size:11px;font-weight:400}.form-error{color:#bd3038;margin:0;font-size:12px}.modal-footer{justify-content:flex-end;gap:9px;padding-top:8px;display:flex}.cancel-btn{color:#455468;background:#fff;border:1px solid #d5deea}.cancel-btn:hover{background:#f7f9fb}.delete-btn{color:#b4232c;background:#fff;border:1px solid #f0c9cb;margin-right:auto}.delete-btn:hover{background:#fff3f3}@media (width<=1000px){.sidebar{width:220px}.content{padding:20px}.filters select{max-width:170px}}@media (width<=760px){.sidebar{width:68px}.brand{justify-content:center;padding:0;font-size:0}.brand:first-letter{font-size:17px}.brand span,.profile,.menu a:not(.back),.menu button{display:none}.menu{border:0;margin:0 6px}.menu a.back{justify-content:center;padding:12px 8px;font-size:0;overflow:hidden}.menu a.back span{font-size:19px}.topbar{gap:12px;padding:0 14px}.content{padding:17px 14px}.toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%;min-height:38px}.filters{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.filters select{width:100%;min-width:0;max-width:none;padding-left:7px;padding-right:18px;font-size:11px}.catalog-head{align-items:flex-start}.title-wrap h1{font-size:21px}.title-wrap p{font-size:12px}.new-btn{white-space:nowrap;padding:9px 10px;font-size:12px}}@media (width<=460px){.filters{grid-template-columns:1fr}.catalog-head{gap:8px}.new-btn{gap:0;width:38px;height:38px;padding:0;font-size:0}.new-btn svg{width:18px}.table-footer{padding:0 10px}.pagination button{padding:0 7px}.pagination span{font-size:0}.modal{padding:18px 16px}}