html,body,#root{background:var(--app-bg);width:100%;min-height:100%;margin:0;font-family:Segoe UI,sans-serif}:root{--app-bg:#f4f6f8;--surface-bg:#fff;--brand-primary:#006847;--brand-gradient-end:#0f5132;--menu-icon-bg:#eef7f2}:root[data-env=uat]{--app-bg:#edf4ff;--surface-bg:#f7fbff;--brand-primary:#1e5cc8;--brand-gradient-end:#123f94;--menu-icon-bg:#e8f0ff}*{box-sizing:border-box}.login-page{background:var(--surface-bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:430px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.logo{object-fit:contain;width:110px;max-width:60%;height:auto;margin-bottom:22px}.login-page h1{color:var(--brand-primary);margin-bottom:28px;font-size:24px}.login-button{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;max-width:320px;min-height:52px;font-size:16px;font-weight:600}.dashboard-page{background:var(--app-bg);width:100%;max-width:430px;min-height:100vh;margin:0 auto;padding:18px}.dashboard-header{background:linear-gradient(135deg, var(--brand-primary), var(--brand-gradient-end));color:#fff;border-radius:22px;padding:24px;box-shadow:0 8px 24px #00000026}.dashboard-title{font-size:24px;font-weight:700}.dashboard-user{margin-top:16px;font-size:18px;font-weight:600}.dashboard-email{opacity:.85;font-size:14px}.section-title{color:#333;margin:26px 4px 12px;font-size:18px;font-weight:700}.menu-card{cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:16px;width:100%;min-height:76px;margin-bottom:14px;padding:18px;display:flex;box-shadow:0 4px 18px #00000014}.menu-icon{background:var(--menu-icon-bg);border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:26px;display:flex}.menu-title{color:#222;font-size:16px;font-weight:700}.menu-subtitle{color:#f59e0b;margin-top:4px;font-size:13px}.menu-note{color:#6b7280;margin-top:3px;font-size:12px}.menu-card-disabled{cursor:default;opacity:.75}.warning{border-left:6px solid #f59e0b}.settings-function-form{cursor:default;grid-template-columns:1fr;align-items:end;gap:12px;display:grid}.settings-function-field{min-width:0}.settings-function-field .menu-title{margin-bottom:6px}.settings-function-field input,.settings-function-field select{width:100%;min-width:0;height:38px}.settings-function-submit{width:100%;min-height:40px}.settings-function-search{cursor:default;flex-direction:column;align-items:stretch;gap:12px;display:flex}.settings-function-search-button{align-self:flex-start;min-height:38px}.settings-function-item{cursor:default;align-items:flex-start}.settings-function-item-body{flex:1;min-width:0}.settings-function-item-toggle{flex-shrink:0;min-width:110px;min-height:40px}.settings-users-checkbox{align-items:center;gap:8px;font-size:14px;display:inline-flex}.settings-users-groups{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.settings-users-group-chip{background:#f9fafb;border:1px solid #d1d5db;border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:inline-flex}.settings-users-chip-remove{font-size:12px}.settings-users-group-assign{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.settings-users-group-assign select{flex:1;min-width:180px;min-height:36px}.settings-users-actions{flex-direction:column;gap:8px;display:flex}.settings-users-permission-toolbar{flex-wrap:wrap;gap:8px;display:flex}.settings-users-permission-item{cursor:default}.settings-users-permission-item-main{align-items:flex-start;gap:12px;width:100%;display:flex}.settings-users-permission-item-main input[type=checkbox]{margin-top:4px}@media (width<=420px){.settings-function-item{flex-direction:column;align-items:stretch}.settings-function-item-toggle{width:100%;margin-top:8px}.settings-users-actions{width:100%}.settings-users-group-assign select{width:100%;min-width:0}.settings-function-search-button,.settings-users-permission-toolbar button{width:100%}}