:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color:#213547;background-color:#f4f5f7}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#4f46e5}button{border-radius:6px;border:1px solid #d1d5db;padding:.5em 1em;font-size:.95em;background-color:#fff;cursor:pointer}button:hover{border-color:#4f46e5}input,select{padding:.5em;border:1px solid #d1d5db;border-radius:6px;font-size:.95em}table{width:100%;border-collapse:collapse;margin-top:1em;background:#fff}th,td{text-align:left;padding:.6em .8em;border-bottom:1px solid #e5e7eb}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-form{display:flex;flex-direction:column;gap:.8em;width:320px;padding:2em;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000014}.login-form label{display:flex;flex-direction:column;gap:.3em;font-size:.9em}.login-form .error{color:#dc2626;font-size:.9em}.dashboard-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#111827;color:#e5e7eb;padding:1.2em .9em;display:flex;flex-direction:column;gap:.3em}.sidebar-brand{font-weight:600;font-size:1rem;color:#fff;padding:.2rem .6rem 1rem;letter-spacing:.02em}.menu-tree,.menu-sublist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.menu-sublist{position:relative;margin:2px 0}.menu-sublist:before{content:"";position:absolute;left:20px;top:0;bottom:6px;width:1px;background:#374151}.menu-row{display:flex;align-items:center}.menu-link{flex:1;display:flex;align-items:center;gap:.55rem;width:100%;color:#cbd5e1;text-decoration:none;background:transparent;border:0;padding:.5rem .6rem;border-radius:6px;font-family:inherit;font-size:.9rem;text-align:left;cursor:pointer}.menu-link:hover{background:#1f2937;color:#fff}.menu-link.active{background:#4f46e5;color:#fff}.menu-icon{flex-shrink:0;opacity:.9;width:18px;height:18px}i.menu-icon{font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.menu-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-leaf{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem .35rem .7rem;color:#94a3b8;font-size:.82rem}.menu-dot{width:5px;height:5px;border-radius:50%;background:#64748b;flex-shrink:0;margin:0 6px}.menu-caret{background:transparent;border:0;color:#94a3b8;cursor:pointer;padding:.25rem .35rem;font-size:.7rem;line-height:1;border-radius:4px;transition:transform .15s ease}.menu-caret.open{transform:rotate(90deg)}.menu-caret:hover{color:#fff;background:#1f2937}.dashboard-main{flex:1;display:flex;flex-direction:column}.dashboard-header{display:flex;justify-content:flex-end;align-items:center;gap:1em;padding:1em 1.5em;background:#fff;border-bottom:1px solid #e5e7eb}.dashboard-content{padding:1.5em}.inline-form{display:flex;gap:.6em;flex-wrap:wrap;margin-bottom:1em}textarea{padding:.5em;border:1px solid #d1d5db;border-radius:6px;font-size:.95em;font-family:inherit;width:100%;resize:vertical}.hint{color:#6b7280;font-size:.9em}.error{color:#dc2626;font-size:.9em}.locations-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2em;align-items:start}.locations-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.locations-filter{width:100%;margin-bottom:.6em}.tab-bar{display:flex;gap:.4em;border-bottom:1px solid #e5e7eb;margin:1em 0 0}.tab-bar button{border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:.6em .2em;margin-right:1em;color:#6b7280;cursor:pointer}.tab-bar button:hover{color:#213547}.tab-bar button.tab-active{color:#4f46e5;border-bottom-color:#4f46e5;font-weight:600}.tab-panel{padding-top:1.2em}.mapping-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2em;align-items:start;margin-bottom:1em}.checkbox-list{list-style:none;margin:.6em 0 0;padding:0;max-height:40vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.checkbox-list li{padding:.2em 0}.checkbox-list label{display:flex;align-items:center;gap:.5em;cursor:pointer}.product-actions{display:flex;align-items:center;gap:.8em;flex-wrap:wrap;margin-bottom:1em}.product-actions a button{cursor:pointer}.product-thumb-placeholder{display:inline-block;width:36px;height:36px;border-radius:4px;background:#e5e7eb}.locations-col{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1em}.locations-col h3{margin-top:0;font-size:.95rem}.locations-col .inline-form{margin-bottom:.8em}.locations-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:50vh;overflow-y:auto}.locations-list li{display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:.5em .6em;border-radius:6px;cursor:pointer}.locations-list li:hover{background:#f4f5f7}.locations-list li.selected{background:#eef2ff;outline:1px solid #c7d2fe}.locations-actions{display:flex;gap:.4em;flex-shrink:0}.locations-actions button{padding:.2em .5em;font-size:.8em}.erp-sync-form{max-width:640px;margin-bottom:1.2em}.erp-sync-label{display:flex;flex-direction:column;gap:.4em;font-size:.9em}.erp-sync-actions{display:flex;align-items:center;gap:.8em;margin-top:.8em;flex-wrap:wrap}.erp-sync-logs{background:#111827;color:#d1fae5;padding:1em;border-radius:8px;height:55vh;overflow-y:auto;white-space:pre-wrap;word-break:break-word;font-size:.85em;line-height:1.5}.permission-tree,.permission-tree ul{list-style:none;padding-left:1.2em}.permission-tree label{display:flex;align-items:center;gap:.4em;padding:.2em 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#fff;border-radius:8px;padding:1.5em;max-width:420px;width:90%;box-shadow:0 10px 40px #0003}.modal-box h3{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:.6em;margin-top:1.2em}