/* V17 - users redesign + login redesign */
:root{
  --v17-line:#f2f8e7;
  --v17-bg:#fbfef6;
  --v17-card:#ffffff;
  --v17-text:#50652b;
  --v17-muted:#8e9ab0;
  --v17-primary:#c0f16d;
  --v17-primary-2:#b6ed57;
  --v17-shadow:0 18px 42px rgba(62,80,30,.06);
}

/* Login */
body.login-mode{background:linear-gradient(180deg,#fcfef8,#fbfef5)}
.login-mode .login-stage-v17{min-height:100vh;display:grid;grid-template-columns:minmax(430px,46%) 1fr;gap:18px;align-items:stretch;padding:18px;position:relative;overflow:hidden}
.login-mode .orb-three{width:220px;height:220px;background:#f9fef0;left:42%;bottom:12%;position:absolute;border-radius:50%;filter:blur(4px)}
.login-mode .login-card-v17{position:relative;overflow:hidden;width:min(560px,calc(100% - 28px));margin:auto;padding:28px;background:rgba(255,255,255,.82);border:1px solid rgba(241,249,227,.95);box-shadow:0 35px 80px rgba(51,68,22,.10);border-radius:34px;backdrop-filter:blur(22px)}
.login-brand-v17{display:flex;align-items:center;gap:14px;margin-bottom:32px;position:relative;z-index:2}.login-brand-v17 strong{display:block;font-size:17px;color:#435820}.login-brand-v17 small{display:block;margin-top:4px;font-size:11px;color:#8f9cb0}
.login-brand-mark-v17{width:54px;height:54px;border-radius:20px;background:linear-gradient(135deg,#f8fdef,#fcfef9);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 16px 30px rgba(164,213,79,.12)}
.login-panel-glow-v17{position:absolute;left:-70px;bottom:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(191,240,105,.11),transparent 70%)}
.login-mode .login-step h1{font-size:32px;line-height:1.4;margin:8px 0 10px;color:#41551f}.login-mode .login-step p{font-size:13px;line-height:2;color:#8997ab;margin-bottom:22px}
.login-feature-row-v17{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.login-feature-row-v17>div{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:linear-gradient(180deg,#fff,#fdfffa);border:1px solid var(--v17-line);font-size:10px;font-weight:700;color:#71874c;box-shadow:0 10px 24px rgba(63,81,32,.05)}
.login-feature-row-v17 i{color:#baee60}
.login-mode .floating-field{margin-bottom:16px}.login-mode .floating-field input{height:72px;border-radius:22px;background:linear-gradient(180deg,#fff,#fcfef9);border:1px solid #f1f8e4;padding:24px 18px 10px;box-shadow:0 16px 32px rgba(70,90,36,.05)}
.login-mode .floating-field span{top:23px;right:18px;font-size:13px}.login-mode .floating-field i{top:27px;left:18px;font-size:11px;color:#b5c598}.login-mode .floating-field input:focus{border-color:#eafacd;box-shadow:0 0 0 5px rgba(191,240,105,.08),0 18px 36px rgba(70,90,36,.07)}
.login-mode .floating-field input:focus+span,.login-mode .floating-field input:not(:placeholder-shown)+span{top:9px;font-size:10px;background:#fff;padding:0 6px;border-radius:999px}
.login-mode .login-submit{height:62px;border-radius:22px;background:linear-gradient(135deg,#bff06b,#b6ed56);box-shadow:0 18px 34px rgba(178,233,82,.28);font-size:13px}.login-mode .login-submit b{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:14px}
.login-otp-info-v17{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #f2f8e7;border-radius:18px;background:linear-gradient(180deg,#fff,#fdfffb);color:#607089;font-size:11px;margin:0 0 14px}.login-otp-info-v17 i{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#f8fdf0;color:#bbef60}
.login-mode .back-link{display:inline-flex;align-items:center;gap:8px;padding:0 0 16px;color:#7e8ca2;font-size:11px}
.login-mode .otp-boxes{gap:10px}.login-mode .otp-boxes input{height:62px;border-radius:18px;border:1px solid #f1f8e4;background:linear-gradient(180deg,#fff,#fdfefa);box-shadow:0 12px 28px rgba(70,90,36,.04)}
.login-mode .login-foot{margin-top:22px;padding-top:16px;border-top:1px solid #f4f9ec}
.login-visual-v17{margin:0;border-radius:38px;padding:48px;background:radial-gradient(circle at top right,rgba(182,237,86,.65),transparent 28%),radial-gradient(circle at 25% 25%,rgba(196,241,117,.26),transparent 24%),linear-gradient(145deg,#334318,#253110 70%);position:relative;overflow:hidden;display:flex;align-items:flex-end}
.visual-content-v17{position:relative;z-index:3;max-width:620px}.visual-content-v17 h2{font-size:42px;line-height:1.55;margin:10px 0 14px}.visual-content-v17 p{font-size:13px;line-height:2;color:#d8e3c4;margin:0 0 24px;max-width:560px}
.login-visual-stats-v17{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:24px;max-width:500px}.login-stat-card-v17{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:14px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}.login-stat-card-v17 i{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.11);color:#fff}.login-stat-card-v17 strong{display:block;font-size:13px}.login-stat-card-v17 small{display:block;font-size:10px;color:#cddcb3;margin-top:3px}
.login-floating-card-v17{position:absolute;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:13px 14px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);color:#fff;box-shadow:0 20px 44px rgba(0,0,0,.16);z-index:3;animation:floatV17 5.5s ease-in-out infinite}.login-floating-card-v17 i{width:36px;height:36px;border-radius:13px;background:rgba(255,255,255,.13);display:grid;place-items:center}.login-floating-card-v17 strong{display:block;font-size:12px}.login-floating-card-v17 small{display:block;font-size:9px;color:#d7e3c1}.login-floating-card-v17.card-a{top:28px;left:28px}.login-floating-card-v17.card-b{bottom:36px;left:44px;animation-delay:1.6s}
@keyframes floatV17{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Users page */
.users-shell-v17{display:grid;gap:16px}
.users-hero-v17{position:relative;overflow:hidden;padding:18px 18px 14px!important;border-radius:32px!important;background:radial-gradient(circle at top right,rgba(192,241,109,.16),transparent 28%),radial-gradient(circle at bottom left,rgba(182,237,87,.10),transparent 26%),linear-gradient(145deg,#ffffff,#fcfef9)!important;border:1px solid var(--v17-line)!important;box-shadow:var(--v17-shadow)!important;display:grid;grid-template-columns:minmax(0,1.1fr) 420px;gap:16px}
.users-hero-badge-v17{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.84);border:1px solid #f1f7e7;font-size:10px;font-weight:800;color:#73894d}.users-hero-badge-v17 i{color:#baec64}
.users-hero-main-v17 h1{font-size:31px;line-height:1.45;margin:14px 0 8px;color:#455a22}.users-hero-main-v17 p{font-size:13px;line-height:2;color:#8c99ad;max-width:740px;margin:0}
.users-quick-actions-v17{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.users-quick-actions-v17 .primary-btn,.users-quick-actions-v17 .secondary-btn,.users-quick-actions-v17 .ghost-btn{min-height:48px;border-radius:17px;justify-content:center}
.users-hero-side-v17{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}.users-side-glow-v17{position:absolute;left:-30px;top:-20px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(184,238,90,.12),transparent 70%)}
.users-side-card-v17{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding:14px 16px;border-radius:24px;background:rgba(255,255,255,.82);border:1px solid #f0f7e5;box-shadow:0 12px 26px rgba(63,80,32,.05)}.users-side-icon-v17{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#f9fef0,#f9fef0);color:#bbee62}.users-side-card-v17 strong{display:block;font-size:12px;color:#51662c}.users-side-card-v17 small{display:block;font-size:10px;color:#95a2b5;line-height:1.9;margin-top:2px}
.users-stats-grid-v17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.users-stat-card-v17{position:relative;padding:14px;border-radius:22px;border:1px solid #f2f8e7;background:linear-gradient(180deg,#fff,#fdfffb);box-shadow:0 12px 28px rgba(63,80,32,.04);overflow:hidden}.users-stat-card-v17 span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#f8fdf0;color:#baef5f;margin-bottom:12px}.users-stat-card-v17 b{display:block;font-size:24px;color:#4f6529}.users-stat-card-v17 small{display:block;margin-top:4px;font-size:10px;color:#aabd89}
.users-stat-card-v17.tone-green span{background:#e9f8f0;color:#25a273}.users-stat-card-v17.tone-violet span{background:#f8fdef;color:#b2e856}.users-stat-card-v17.tone-amber span{background:#fff6e8;color:#cf8a29}.users-stat-card-v17.skeleton{height:110px;animation:pulseCard 1.25s infinite alternate}@keyframes pulseCard{from{opacity:.55}to{opacity:1}}
.users-filter-modern-v17{display:grid!important;grid-template-columns:1.45fr repeat(3,minmax(150px,.8fr));gap:12px!important;padding:14px!important;border-radius:28px!important;background:linear-gradient(180deg,#fff,#fdfffb)!important;border:1px solid var(--v17-line)!important;box-shadow:var(--v17-shadow)!important}
.users-filter-card-v17{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;min-height:66px;padding:10px 12px;border-radius:20px;border:1px solid #f1f8e6;background:linear-gradient(180deg,#fff,#fdfffa);box-shadow:0 10px 24px rgba(63,80,32,.04);transition:.18s}.users-filter-card-v17:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(63,80,32,.06)}
.users-filter-icon-v17{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#f8fdf0,#f9fef0);color:#c0f16d}.users-filter-copy-v17{display:flex;flex-direction:column;min-width:0}.users-filter-copy-v17 small{font-size:9px;color:#aec090;font-weight:800;margin-bottom:4px}.users-filter-card-v17 input,.users-filter-card-v17 select{width:100%;border:0!important;outline:0!important;background:transparent!important;height:28px!important;padding:0!important;box-shadow:none!important;color:#4f642c;font-size:11px}.users-filter-card-v17.compact select{padding-left:18px!important}.users-filter-card-v17:focus-within{border-color:#eefbd8;box-shadow:0 0 0 5px rgba(191,240,105,.08),0 16px 30px rgba(63,80,32,.07)}
.users-list-shell-v17{padding:16px!important;border-radius:28px!important;border:1px solid var(--v17-line)!important;box-shadow:var(--v17-shadow)!important}
.users-list-head-v17{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.users-list-head-v17 h2{font-size:18px;color:#50652b;margin:0;display:flex;align-items:center;gap:10px}.users-list-head-v17 h2 i{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#f8fdf0;color:#baef5f}.users-list-head-v17 p{font-size:10px;color:#94a1b4;margin:7px 0 0}.users-list-meta-v17{font-size:10px;color:#b1e25d;background:#fafef2;border:1px solid #f3fce4;padding:8px 12px;border-radius:999px;white-space:nowrap}
.users-grid-v17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.user-card-v17{position:relative;padding:16px;border-radius:24px;border:1px solid #f2f8e7;background:linear-gradient(180deg,#fff,#fdfffb);box-shadow:0 12px 28px rgba(63,80,32,.04);overflow:hidden}.user-card-v17:before{content:"";position:absolute;inset:auto auto 0 0;width:100%;height:4px;background:linear-gradient(90deg,#c1f16e,#b6ed57);opacity:.12}.user-card-v17.is-inactive:before{background:linear-gradient(90deg,#d6e1c4,#a6b0c0);opacity:.4}
.user-card-top-v17{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:14px}.user-person-v17{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;min-width:0}.user-avatar-v17{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#bff06b,#b6ed56);color:#fff;display:grid;place-items:center;font-size:19px;box-shadow:0 16px 28px rgba(177,233,81,.22)}.user-person-v17 strong{display:block;font-size:15px;color:#50652b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-person-v17 small{display:block;font-size:12px;color:#8d9aaf;margin-top:4px}
.user-badges-v17{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.user-badges-v17 .badge,.user-badges-v17 .status{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid #f0f7e4;background:#fff;white-space:nowrap}.user-badges-v17 .badge.admin{background:#f8fdef;color:#afe453;border-color:#f2fce0}.user-badges-v17 .status.active{background:#eaf8f1;color:#22a171;border-color:#d5f0e1}.user-badges-v17 .status.inactive{background:#f9fbf4;color:#7f8da2;border-color:#eaf1df}
.user-card-meta-v17{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.user-meta-item-v17{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border-radius:17px;background:#fdfefa;border:1px solid #f4f9ec}.user-meta-item-v17>span{width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:#f8fdf0;color:#bbee62}.user-meta-item-v17 small{display:block;font-size:9px;color:#adbf8e}.user-meta-item-v17 b{display:block;font-size:11px;color:#54692f;margin-top:4px}
.user-card-groups-v17{margin-bottom:16px}.section-mini-title-v17{display:block;font-size:9px;color:#b1c293;margin-bottom:8px;font-weight:800}.user-group-cloud-v17{display:flex;flex-wrap:wrap;gap:8px}.user-group-chip-v17{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:#fbfef6;border:1px solid #f3fae6;color:#7c9353;font-size:10px;font-weight:700}.user-group-chip-v17 i{color:#b9ec62}.user-group-chip-v17.muted{background:#fcfdfa;color:#9aa5b6;border-color:#f2f6eb}
.user-card-actions-v17{display:flex;gap:8px;flex-wrap:wrap}.user-card-actions-v17 .soft-btn,.user-card-actions-v17 .ghost-btn{flex:1;min-height:46px;justify-content:center;border-radius:16px}
.user-card-skeleton-v17{height:260px;border-radius:24px;border:1px solid #f3f8ea;background:linear-gradient(180deg,#fff,#fdfffb);box-shadow:0 12px 28px rgba(63,80,32,.04);animation:pulseCard 1.2s infinite alternate}
.users-empty-v17{grid-column:1/-1!important;padding:48px 24px!important;border-radius:24px!important}.users-empty-v17 span{font-size:28px;color:#baca9e;display:block;margin-bottom:10px}
.pagination-v17{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #f4f8ec}.pagination-v17>span{font-size:11px;color:#8c99ae}.pagination-v17>div{display:flex;align-items:center;gap:10px}.pagination-v17 b{font-size:11px;color:#51662c;background:#fcfef8;border:1px solid #f2f9e6;border-radius:999px;padding:8px 12px}

/* User/Group modals */
#modalCard:has(.user-editor-form),#modalCard:has(.bulk-users-form),#modalCard:has(.group-manager-v8),#modalCard:has(.group-editor-v8){width:min(1080px,calc(100vw - 34px))!important;max-width:1080px!important;border-radius:30px!important;overflow:hidden!important;background:#fcfef8!important;border:1px solid #eff6e4!important;box-shadow:0 35px 90px rgba(46,60,22,.24)!important}
#modalCard:has(.user-editor-form)>.modal-body,#modalCard:has(.bulk-users-form)>.modal-body{padding:0 16px 16px!important;max-height:calc(100vh - 100px)!important;overflow:auto!important}
.user-editor-form,.group-editor-v8,.group-manager-v8,.bulk-users-form{display:grid;gap:14px}
.user-editor-hero{padding:18px 20px!important;border-radius:28px!important;background:radial-gradient(circle at top right,rgba(192,241,109,.15),transparent 32%),linear-gradient(145deg,#ffffff,#fbfef7)!important;border:1px solid #f0f7e5!important;box-shadow:0 14px 30px rgba(63,80,32,.05)!important}.user-editor-avatar{width:62px!important;height:62px!important;border-radius:22px!important;font-size:23px!important}.user-editor-hero strong{font-size:18px!important}.user-editor-hero span{font-size:11px!important;line-height:2!important}
.user-editor-section,.group-editor-section,.bulk-users-group-card,.bulk-source-pane,.bulk-import-policy{border-radius:26px!important;border:1px solid #f2f8e8!important;background:linear-gradient(180deg,#fff,#fdfffb)!important;box-shadow:0 12px 28px rgba(63,80,32,.04)!important}
.user-editor-section{padding:18px!important}.user-editor-section-head h3{font-size:15px!important}.user-editor-section-head p{font-size:10px!important}
.user-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.user-permission-card{min-height:96px!important;border-radius:20px!important;background:#fff!important;border:1px solid #f1f8e6!important;box-shadow:0 10px 22px rgba(63,80,32,.035)!important}
.user-group-choice{border-radius:18px!important;padding:12px!important}.user-group-icon{width:38px!important;height:38px!important;border-radius:14px!important}.user-group-copy b{font-size:12px!important}.user-group-copy small{font-size:9px!important}.user-group-check{width:26px!important;height:26px!important;border-radius:10px!important}
.group-manager-hero{border-radius:28px!important;background:radial-gradient(circle at top right,rgba(192,241,109,.15),transparent 32%),linear-gradient(145deg,#ffffff,#fbfef7)!important;border:1px solid #f0f7e4!important;box-shadow:0 14px 30px rgba(63,80,32,.05)!important;padding:18px 20px!important}.group-manager-hero strong{font-size:19px!important}.group-manager-hero small{font-size:11px!important;line-height:2}
.group-manager-toolbar-v8{padding:10px;border-radius:22px;background:#fff;border:1px solid #f0f6e5;box-shadow:0 10px 22px rgba(63,80,32,.04)}.group-manager-search,.group-manager-filter{min-height:56px!important;border-radius:18px!important}
.group-card-v8{border-radius:26px!important;box-shadow:0 14px 30px rgba(63,80,32,.05)!important}.group-v8-title h3{font-size:16px!important}.group-v8-title p,.group-v8-reps small{font-size:10px!important}.group-v8-reps strong{font-size:11px!important;line-height:1.9}
.group-editor-hero{border-radius:28px!important;background:radial-gradient(circle at top right,rgba(192,241,109,.15),transparent 32%),linear-gradient(145deg,#ffffff,#fbfef7)!important;border:1px solid #f0f7e4!important;padding:18px 20px!important;box-shadow:0 14px 30px rgba(63,80,32,.05)!important}.group-editor-live-stats span{min-width:84px;border-radius:18px!important;background:#fff;border:1px solid #f0f7e4;box-shadow:0 10px 22px rgba(63,80,32,.04)}
.member-toolbar-v8 label{height:54px!important;border-radius:18px!important}.member-pick-v8{border-radius:18px!important;box-shadow:0 8px 20px rgba(63,80,32,.03)}.group-active-card{border-radius:20px!important}.modal-actions.user-editor-actions,.modal-actions.group-editor-actions,.modal-actions.bulk-users-actions{padding-top:2px!important}

/* Mobile */
@media (max-width:1180px){.users-hero-v17{grid-template-columns:1fr}.users-hero-main-v17 p{max-width:none}}
@media (max-width:980px){.login-mode .login-stage-v17{grid-template-columns:1fr;padding:12px}.login-visual-v17{display:none}.users-filter-modern-v17{grid-template-columns:1fr 1fr}.users-filter-search-v17{grid-column:1/-1}.users-grid-v17{grid-template-columns:1fr}.users-hero-main-v17 h1{font-size:26px}.users-list-head-v17{flex-direction:column;align-items:flex-start}}
@media (max-width:720px){.login-mode .login-card-v17{width:100%;padding:22px;border-radius:26px}.login-mode .login-step h1{font-size:25px}.users-hero-v17{padding:16px 14px!important;border-radius:24px!important}.users-stats-grid-v17{grid-template-columns:1fr 1fr}.users-filter-modern-v17{grid-template-columns:1fr}.users-filter-search-v17{grid-column:auto}.users-side-card-v17{grid-template-columns:42px 1fr}.user-card-top-v17{flex-direction:column}.user-badges-v17{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.user-card-meta-v17{grid-template-columns:1fr}.user-card-actions-v17{flex-direction:column}.pagination-v17{flex-direction:column;align-items:flex-start}.pagination-v17>div{width:100%;justify-content:space-between}.user-permission-grid,.user-editor-grid,.user-group-grid{grid-template-columns:1fr!important}}