*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1e1e1e;background:#f5f0e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}.page{max-width:1100px;margin:0 auto;padding:24px 20px}.card{background:#fff;border:1px solid #e8e0d0;border-radius:10px;padding:20px 24px}.btn{border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.85}.btn-primary{color:#fff;background:#1c3a0d}.btn-secondary{color:#1e1e1e;background:#fff;border-color:#e8e0d0}.btn-danger{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.btn-sm{padding:5px 11px;font-size:13px}.badge{white-space:nowrap;border-radius:20px;padding:2px 9px;font-size:12px;font-weight:500;display:inline-block}.badge-active{color:#1c3a0d;background:#e8f0e1}.badge-soon{color:#854f0b;background:#faeeda}.badge-inactive{color:#7a7268;background:#f0eae0}.badge-admin{color:#3c3489;background:#eeedfe}.badge-marketing{color:#0c447c;background:#e6f1fb}.badge-frontdesk{color:#2d5a1b;background:#e8f0e1}.badge-free{color:#7a7268;background:#f0eae0}.badge-starter{color:#1c3a0d;background:#e8f0e1}.badge-pro{color:#a8c880;background:#1c3a0d}.badge-enterprise{color:#fff;background:#b5663c}.form-group{margin-bottom:16px}.form-group label{color:#374151;margin-bottom:5px;font-size:13px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e8e0d0;border-radius:7px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#5f9438;box-shadow:0 0 0 3px #5f94381f}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:#7a7268;background:#faf6f0;border-bottom:1px solid #e8e0d0;padding:10px 14px;font-size:12px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #f0eae0;padding:11px 14px}tr:last-child td{border-bottom:none}tr:hover td{background:#faf8f5}.alert{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#1c3a0d;background:#e8f0e1;border:1px solid #a8c880}.alert-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.spinner{border:2px solid #e8e0d0;border-top-color:#1c3a0d;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h2{color:#1c3a0d;font-size:18px;font-weight:600}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.plan-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:20px;display:grid}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.nav-desktop-links{align-items:center;gap:6px;display:flex}.nav-hamburger{cursor:pointer;color:#4a5568;background:0 0;border:none;padding:6px;display:none}.nav-mobile-menu{display:none}@media (width<=768px){.page{padding:16px 14px}.nav-desktop-links{display:none}.nav-hamburger{justify-content:center;align-items:center;display:flex}.nav-mobile-menu{z-index:99;pointer-events:none;background:#fff;border-bottom:1px solid #e8e0d0;padding:12px 0 20px;transition:transform .2s;display:block;position:fixed;top:56px;left:0;right:0;transform:translateY(-110%);box-shadow:0 4px 16px #00000014}.nav-mobile-menu.open{pointer-events:all;transform:translateY(0)}.nav-mobile-link{color:#4a5568;border-left:3px solid #0000;padding:12px 20px;font-size:15px;font-weight:500;text-decoration:none;display:block}.nav-mobile-link.active{color:#1c3a0d;background:#f5f0e8;border-left-color:#5f9438}.nav-mobile-divider{background:#e8e0d0;height:1px;margin:8px 20px}.nav-mobile-user{color:#9ca3af;padding:10px 20px;font-size:13px}.nav-mobile-action{color:#4a5568;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:500;display:block}.nav-mobile-action.danger{color:#dc2626}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.plan-grid{grid-template-columns:1fr}.section-header{flex-wrap:wrap;gap:10px}.modal-card{max-height:calc(100vh - 80px);margin:16px;overflow-y:auto;width:calc(100vw - 32px)!important;max-width:100%!important}.detail-grid,.form-grid-2{grid-template-columns:1fr!important}.card{padding:16px}.btn-block-mobile{justify-content:center;width:100%}.hide-mobile{display:none!important}}@media (width<=480px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.page{padding:12px}}.detail-grid{grid-template-columns:1fr 340px;gap:20px;display:grid}.dashboard-lower-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=768px){.dashboard-lower-grid{grid-template-columns:1fr}}