:root{--background:#ffffff;--foreground:#1a202c;--primary:#667eea;--primary-dark:#553c9a;--muted:#718096;--light-bg:#f7fafc;--border:#e2e8f0;--success:#38a169;--warning:#ed8936;--danger:#e53e3e;--info:#3182ce}*{margin:0;padding:0;box-sizing:border-box}body,html{background:var(--background);color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}a{color:var(--primary);text-decoration:underline}a:hover{color:var(--primary-dark)}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(102,126,234,.15)!important}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}.admin-shell{display:flex;min-height:100vh;background:#f7fafc}.admin-sidebar{width:220px;background:#1a202c;color:#cbd5e0;display:flex;flex-direction:column;flex-shrink:0;position:static}@media (max-width:768px){.admin-sidebar{position:fixed;top:0;bottom:0;left:-260px;z-index:60;width:240px;transition:left .25s ease;overflow-y:auto}.admin-sidebar.open{left:0;box-shadow:2px 0 12px rgba(0,0,0,.2)}}.admin-sidebar-backdrop{display:none}.admin-sidebar-backdrop.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:55}@media (min-width:769px){.admin-sidebar-backdrop.open{display:none}}.admin-main{flex:1 1;display:flex;flex-direction:column;min-width:0;width:100%}.admin-content{flex:1 1;padding:24px;overflow-y:auto}.admin-header{height:56px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.hamburger-btn{display:none;width:36px;height:36px;align-items:center;justify-content:center;border:none;background:transparent;font-size:22px;cursor:pointer;color:#4a5568;border-radius:4px;margin-right:8px;flex-shrink:0}.hamburger-btn:hover{background:#edf2f7}@media (max-width:768px){.hamburger-btn{display:flex}.admin-header{padding:0 12px;height:52px}.admin-greeting,.admin-user-info{display:none!important}.admin-content{padding:12px!important}.admin-main{width:100%}}.admin-page{width:100%}@media (max-width:768px){.admin-page{padding:0!important}}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}@media (max-width:768px){.page-header{flex-direction:column;align-items:stretch!important;gap:8px}.page-header>*{width:100%}}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}@media (max-width:768px){.toolbar{flex-direction:column!important;align-items:stretch!important}.toolbar>*{width:100%!important;max-width:none!important}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}@media (max-width:768px){.stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media (max-width:480px){.stat-grid{grid-template-columns:1fr!important}}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:768px){.chart-grid{grid-template-columns:1fr!important;gap:10px!important}}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:600px}.flex-row{display:flex;flex-direction:row}@media (max-width:768px){.flex-row{flex-direction:column!important;align-items:stretch!important}.flex-row>*{width:100%!important;max-width:none!important;flex:none!important}.flex-item{flex:none!important;min-width:100%!important}}.dual-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:768px){.dual-col{grid-template-columns:1fr!important;gap:10px!important}}.triple-col{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}@media (max-width:768px){.triple-col{grid-template-columns:1fr!important;gap:10px!important}}.pos-layout{display:grid;grid-template-columns:1fr 380px;gap:16px;align-items:start}@media (max-width:1024px){.pos-layout{grid-template-columns:1fr!important;gap:10px!important}.pos-layout>*{min-width:100%!important}}@media (max-width:768px){.card-pad{padding:12px!important}.card-pad-lg{padding:14px!important}.modal-overlay{padding:0!important}.modal-content{max-width:100%!important;max-height:100vh!important;height:100vh!important;border-radius:0!important;overflow-y:auto!important}.modal-content,.modal-content>*{width:100%!important}}.detail-grid{display:grid;grid-template-columns:120px 1fr;gap:8px 16px}@media (max-width:768px){.detail-grid{grid-template-columns:100px 1fr!important;gap:6px 10px!important}.btn-touch{padding:8px 14px!important}.btn-touch,.form-input{min-height:40px!important;font-size:14px!important}.form-input{width:100%!important;max-width:none!important}.col-hide-mobile,.hide-mobile{display:none!important}}