*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f6fa;color:#333}:root{--primary: #1677ff;--success: #52c41a;--warning: #faad14;--danger: #ff4d4f;--bg: #f5f6fa;--card-bg: #fff;--text: #333;--text-secondary: #999;--border: #eee}.page-container{min-height:calc(100vh - 50px);padding-bottom:60px}.page-header{background:linear-gradient(135deg,var(--primary),#4096ff);color:#fff;padding:16px 20px 20px;position:sticky;top:0;z-index:100}.page-header h2{font-size:20px;font-weight:600}.card{background:var(--card-bg);border-radius:12px;padding:16px;margin:12px 16px;box-shadow:0 1px 3px #0000000f}.card-title{font-size:15px;font-weight:600;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:6px}.card-title:before{content:"";width:3px;height:16px;background:var(--primary);border-radius:2px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-item{background:#f8f9fc;border-radius:10px;padding:12px;text-align:center}.stat-value{font-size:22px;font-weight:700;color:var(--primary)}.stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--card-bg);border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.tag-s1{background:#e6f7ff;color:#1677ff}.tag-s2{background:#f6ffed;color:#52c41a}.tag-m1{background:#fff7e6;color:#fa8c16}.tag-m2{background:#fff1f0;color:#ff4d4f}.tag-m3{background:#f9f0ff;color:#722ed1}.tag-m4{background:#e6f7ff;color:#13c2c2}.tag-pending{background:#fffbe6;color:#faad14}.tag-approved{background:#f6ffed;color:#52c41a}.tag-rejected{background:#fff1f0;color:#ff4d4f}.empty-state{text-align:center;padding:40px 20px;color:#999;font-size:14px}.promotion-checklist{display:flex;flex-direction:column;gap:12px}.check-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8f9fc;border-radius:8px;font-size:14px}.check-item.met{background:#f6ffed;color:#52c41a}.check-item.not-met{background:#fff7e6;color:#fa8c16}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;border-top:1px solid var(--border);box-shadow:0 -2px 8px #0000000f;z-index:9999;padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0;color:#999;font-size:11px;text-decoration:none;cursor:pointer;transition:color .2s;border:none;background:none}.nav-item.active{color:var(--primary)}.nav-icon{font-size:20px;margin-bottom:2px}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1677ff,#69b1ff);padding:20px}.login-card{width:100%;max-width:360px;background:#fff;border-radius:16px;padding:30px 24px;box-shadow:0 8px 32px #0000001f}.login-card h1{font-size:24px;text-align:center;margin-bottom:8px;color:#333}.login-card .subtitle{text-align:center;color:#999;font-size:13px;margin-bottom:24px}.form-item{margin-bottom:16px}.form-item label{display:block;font-size:14px;color:#666;margin-bottom:6px}.form-input{width:100%;height:44px;border:1px solid #e0e0e0;border-radius:8px;padding:0 12px;font-size:15px;outline:none;transition:border-color .2s;background:#fafafa}.form-input:focus{border-color:var(--primary);background:#fff}.form-textarea{width:100%;min-height:80px;border:1px solid #e0e0e0;border-radius:8px;padding:10px 12px;font-size:15px;outline:none;resize:vertical;background:#fafafa}.form-select{width:100%;height:44px;border:1px solid #e0e0e0;border-radius:8px;padding:0 12px;font-size:15px;outline:none;background:#fafafa;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn{width:100%;height:44px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s}.btn:active{opacity:.8}.btn-primary{background:var(--primary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:#fff;color:var(--primary);border:1px solid var(--primary)}.btn-sm{height:32px;font-size:13px;padding:0 16px;width:auto}.btn:disabled{opacity:.5;cursor:not-allowed}.text-link{color:var(--primary);text-decoration:none;font-size:14px;cursor:pointer}.flex-between{display:flex;align-items:center;justify-content:space-between}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:12px}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.file-upload-label{display:inline-block;padding:8px 16px;background:#f0f5ff;color:var(--primary);border:1px dashed var(--primary);border-radius:8px;font-size:14px;cursor:pointer;text-align:center}.file-upload-label:hover{background:#e6f0ff}.image-preview{max-width:200px;max-height:150px;border-radius:8px;margin-top:8px;border:1px solid var(--border)}.tree-node{padding:8px 0}.tree-node-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f9fc;border-radius:8px;cursor:pointer}.tree-node-children{margin-left:24px;border-left:1px dashed #d9d9d9;padding-left:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto}.modal-title{font-size:18px;font-weight:600;margin-bottom:16px;text-align:center}.search-bar{display:flex;gap:8px;margin:12px 16px}.search-bar input{flex:1;height:40px;border:1px solid #e0e0e0;border-radius:8px;padding:0 12px;font-size:14px;outline:none}.maintenance-alert{background:#fff7e6;border:1px solid #ffd591;border-radius:8px;padding:12px;margin:12px 16px;font-size:13px;color:#d46b08;display:flex;align-items:center;gap:8px}