*{box-sizing:border-box;margin:0;padding:0}html,body{color:#1f2937;background:#f3f5f9;height:100%;font-family:Inter,Noto Sans KR,sans-serif}button,input,select{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#111827;flex-direction:column;width:260px;padding:22px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{align-items:center;gap:14px;margin-bottom:35px;display:flex}.logo-box{background:#facc15;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.sidebar-header h2{font-size:20px}.sidebar-header p{color:#9ca3af;margin-top:3px;font-size:12px}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.nav-button{color:#d1d5db;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;height:48px;padding:0 15px;transition:all .2s;display:flex}.nav-button:hover{color:#fff;background:#1f2937}.nav-button.active{color:#111827;background:#facc15;font-weight:700}.sidebar-footer{margin-top:auto}.store-card{background:#1f2937;border-radius:14px;align-items:center;gap:12px;padding:15px;display:flex}.avatar{color:#111827;background:#facc15;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.content-shell{flex:1;margin-left:260px}.topbar h1{font-size:24px}.topbar p{color:#6b7280;margin-top:4px}.main-content{padding:30px}.panel,.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;box-shadow:0 5px 20px #0000000a}.stat-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px;display:grid}.stat-card span{color:#6b7280;font-size:13px}.stat-card strong{margin-top:14px;font-size:30px;display:block}.table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:auto}.erp-table{border-collapse:collapse;width:100%}.erp-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px}.erp-table td{border-bottom:1px solid #f1f5f9;padding:0}.table-input{border:none;width:100%;height:42px;padding:0 10px}.table-input:focus{outline:2px solid #facc15}.primary-button{color:#111;cursor:pointer;background:#111827;border:none;border-radius:10px;padding:10px 18px}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.topbar-left h1{color:#111827;font-size:28px;font-weight:700}.topbar-left p{color:#6b7280;margin-top:4px;font-size:13px}.topbar-right{align-items:center;gap:18px;display:flex}.today-button{color:#111827;cursor:pointer;background:#facc15;border:none;border-radius:12px;height:42px;padding:0 18px;font-weight:700;transition:all .2s}.today-button:hover{background:#eab308}.profile-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;padding:8px 14px;display:flex}.profile-avatar{color:#fff;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.profile-info strong{font-size:14px;display:block}.profile-info p{color:#6b7280;margin-top:2px;font-size:12px}.dashboard-title{margin-bottom:20px}.dashboard-title h2{font-size:28px}.dashboard-title p{color:#6b7280;margin-top:6px}.stat-card{position:relative;overflow:hidden}.stat-bar{width:100%;height:5px;position:absolute;top:0;left:0}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table th{text-align:left;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px}.dashboard-table td{border-bottom:1px solid #f1f5f9;padding:14px}.panel-header{margin-bottom:15px}.status{border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.success{color:#166534;background:#dcfce7}.waiting{color:#92400e;background:#fef3c7}.sales-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;padding:20px;display:flex}.sales-left{flex-wrap:wrap;gap:18px;display:flex}.sales-left label{flex-direction:column;gap:6px;display:flex}.sales-left span{color:#6b7280;font-size:12px;font-weight:700}.sales-left input,.sales-left select{background:#fff;border:1px solid #d1d5db;border-radius:10px;width:170px;height:42px;padding:0 12px}.sales-right{gap:10px;display:flex}.sales-right button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;height:42px;padding:0 18px;font-weight:700;transition:all .2s}.sales-right button:hover{background:#f3f4f6}.table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-height:72vh;overflow:auto}.erp-table{border-collapse:separate;border-spacing:0;min-width:3600px;font-size:13px}.erp-table th{z-index:20;color:#fff;white-space:nowrap;background:#1f2937;border-right:1px solid #374151;padding:10px;font-weight:700;position:sticky;top:0}.erp-table td{background:#fff;border-bottom:1px solid #eef2f7;border-right:1px solid #eef2f7;padding:4px}.erp-table tbody tr:hover td{background:#f9fafb}.erp-table td:first-child,.erp-table th:first-child{z-index:30;background:#fff;position:sticky;left:0}.erp-table th:first-child{background:#1f2937}.erp-table td:nth-child(2),.erp-table th:nth-child(2){z-index:30;background:#fff;position:sticky;left:120px}.erp-table th:nth-child(2){background:#1f2937}.erp-table input{height:34px;font-size:13px}.erp-table select{height:34px}.erp-table input[readonly]{color:#dc2626;background:#f3f4f6;font-weight:700}.erp-table::-webkit-scrollbar{width:12px;height:12px}.erp-table::-webkit-scrollbar-thumb{background:#bfc7d4;border-radius:20px}.table-input{border:1px solid #d1d5db;border-radius:6px;outline:none;height:34px;padding:0 8px;font-size:13px}.table-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.table-input.readonly{color:#dc2626;background:#f3f4f6;font-weight:700}.content-shell,.main-content,.main-content>section{min-width:0}.sales-toolbar{width:100%}.table-wrap{width:100%;max-width:100%}