*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:#f8fafc;min-height:100vh;color:#1e293b}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-container{display:flex;flex-direction:column;align-items:center;gap:24px}.auth-header{text-align:center}.logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.logo svg{width:28px;height:28px;color:#c41e3a}.logo span{font-size:18px;font-weight:600;color:#1e293b}.clerk-root{width:100%;max-width:400px}.clerk-card{border-radius:16px;box-shadow:0 10px 40px -10px #0000001a}.success-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.success-card{text-align:center;padding:48px;background:#fff;border-radius:20px;box-shadow:0 20px 40px -10px #0000001a;max-width:420px;width:100%}.success-card .logo{margin-bottom:32px;opacity:.8}.success-card .logo svg{width:24px;height:24px}.success-card .logo span{font-size:14px;color:#64748b}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-icon svg{width:40px;height:40px;color:#fff}.success-card h1{font-size:28px;font-weight:700;margin-bottom:24px;color:#0f172a}.user-info{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:24px}.avatar{width:64px;height:64px;border-radius:50%;margin-bottom:12px;object-fit:cover}.avatar-placeholder{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#c41e3a,#a01830);color:#fff;font-size:24px;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.name{font-size:18px;font-weight:600;color:#0f172a;margin-bottom:4px}.email{font-size:14px;color:#64748b}.instruction{background:#f1f5f9;border-radius:12px;padding:20px;margin-bottom:24px}.instruction p{font-size:14px;color:#475569;margin-bottom:4px}.instruction p:last-child{margin-bottom:0}.instruction strong{color:#0f172a}.close-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;background:#c41e3a;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;margin-bottom:12px}.close-btn:hover{background:#a01830;transform:translateY(-1px);box-shadow:0 4px 12px #c41e3a4d}.switch-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:transparent;color:#64748b;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.switch-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#c41e3a;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.success-card{padding:32px 24px}.success-card h1{font-size:24px}}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{flex:1;margin-left:260px;padding:32px;background:#f8fafc;min-height:100vh;overflow-x:hidden}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:#1e293b;display:flex;flex-direction:column;z-index:100}.sidebar-header{padding:24px;border-bottom:1px solid #334155}.sidebar-logo{display:flex;align-items:center;gap:12px}.sidebar-logo svg{width:28px;height:28px;color:#c41e3a}.sidebar-logo span{font-size:16px;font-weight:600;color:#fff}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#94a3b8;text-decoration:none;border-radius:8px;margin-bottom:4px;transition:all .2s ease;font-size:14px;font-weight:500}.sidebar-nav-item:hover{background:#334155;color:#e2e8f0}.sidebar-nav-item.active{background:#334155;color:#fff;border-left:3px solid #C41E3A;padding-left:13px}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center}.sidebar-nav-icon svg{width:20px;height:20px}.sidebar-footer{padding:16px;border-top:1px solid #334155;display:flex;align-items:center;gap:12px}.sidebar-user{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.sidebar-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.sidebar-user-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:#c41e3a;color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-info{min-width:0;flex:1}.sidebar-user-name{display:block;font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-tier{display:block;font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-signout{background:transparent;border:none;padding:8px;cursor:pointer;color:#94a3b8;border-radius:6px;transition:all .2s ease;flex-shrink:0}.sidebar-signout:hover{background:#334155;color:#ef4444}.sidebar-signout svg{width:20px;height:20px}.dashboard-page{max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.dashboard-header-left h1{font-size:28px;font-weight:700;color:#0f172a;margin-bottom:4px}.dashboard-subtitle{font-size:14px;color:#64748b}.period-select{padding:10px 16px;font-size:14px;border:1px solid #E2E8F0;border-radius:8px;background:#fff;color:#0f172a;cursor:pointer;outline:none;transition:border-color .2s ease}.period-select:focus{border-color:#c41e3a}.stat-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.stat-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:24px;display:flex;gap:16px;align-items:flex-start}.stat-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon svg{width:24px;height:24px}.stat-card-content{min-width:0}.stat-card-value{display:block;font-size:28px;font-weight:700;color:#0f172a;line-height:1.2}.stat-card-title{display:block;font-size:14px;color:#64748b;margin-top:4px}.stat-card-trend{display:block;font-size:12px;margin-top:8px}.stat-card-trend.positive{color:#22c55e}.stat-card-trend.negative{color:#ef4444}.chart-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:24px;margin-bottom:24px}.chart-card-header{margin-bottom:24px}.chart-card-header h2{font-size:18px;font-weight:600;color:#0f172a;margin-bottom:4px}.chart-card-header p{font-size:14px;color:#64748b}.chart-container{width:100%}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#94a3b8}.chart-empty svg{width:48px;height:48px;margin-bottom:12px}.chart-empty p{font-size:14px}.charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.charts-row .chart-card{margin-bottom:0}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-item{background:#f8fafc;border-radius:8px;padding:16px;text-align:center}.metric-label{display:block;font-size:12px;color:#64748b;margin-bottom:8px}.metric-value{display:block;font-size:24px;font-weight:600;color:#0f172a}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#64748b}.dashboard-error svg{width:48px;height:48px;color:#ef4444;margin-bottom:16px}.dashboard-error h2{font-size:18px;font-weight:600;color:#0f172a;margin-bottom:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#64748b}.settings-page{max-width:800px;margin:0 auto}.settings-header{margin-bottom:32px}.settings-header h1{font-size:28px;font-weight:700;color:#0f172a;margin-bottom:4px}.settings-subtitle{font-size:14px;color:#64748b}.settings-section{margin-bottom:32px}.settings-section-title{font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.settings-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:24px}.profile-info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.profile-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-avatar-placeholder{width:72px;height:72px;border-radius:50%;background:#c41e3a;color:#fff;font-size:24px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-details{min-width:0}.profile-name{font-size:20px;font-weight:600;color:#0f172a;margin-bottom:4px}.profile-email{font-size:14px;color:#64748b;margin-bottom:4px}.profile-meta{font-size:13px;color:#94a3b8}.profile-badges{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;border-radius:6px}.badge-free{background:#f1f5f9;color:#64748b}.badge-premium{background:#fef3c7;color:#d97706}.badge-business{background:#dbeafe;color:#2563eb}.badge-personal{background:#f1f5f9;color:#64748b}.badge-role{background:#fce7f3;color:#db2777}.org-info{display:flex;align-items:center;gap:16px}.org-icon{width:48px;height:48px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.org-icon svg{width:24px;height:24px;color:#64748b}.org-name{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:4px}.org-meta{font-size:13px;color:#64748b;margin:0}.subscription-info{margin-bottom:20px}.subscription-plan{display:flex;align-items:center;gap:12px;margin-bottom:8px}.plan-name{font-size:18px;font-weight:600;color:#0f172a}.plan-status{font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px}.status-active{background:#dcfce7;color:#16a34a}.subscription-description{font-size:14px;color:#64748b}.subscription-actions{display:flex;gap:12px;flex-wrap:wrap}.activation-key-info{display:flex;flex-direction:column;gap:16px}.activation-key-description{font-size:14px;color:#64748b;margin:0}.activation-key-display{display:flex;align-items:center;gap:12px;background:#f8fafc;padding:12px 16px;border-radius:8px;border:1px solid #E2E8F0}.activation-key-value{flex:1;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;color:#0f172a;word-break:break-all}.activation-key-actions{display:flex;gap:8px;flex-shrink:0}.copy-feedback{font-size:13px;color:#22c55e;margin:0}.activity-info{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.activity-item{background:#f8fafc;padding:16px;border-radius:8px}.activity-label{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.activity-value{display:block;font-size:14px;font-weight:500;color:#0f172a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn svg{width:18px;height:18px}.btn-primary{background:#c41e3a;color:#fff}.btn-primary:hover{background:#a01830}.btn-secondary{background:#fff;color:#0f172a;border:1px solid #E2E8F0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-ghost{background:transparent;color:#64748b}.btn-ghost:hover{background:#f8fafc;color:#0f172a}.btn-icon{width:36px;height:36px;padding:0;background:transparent;color:#64748b;border:1px solid #E2E8F0;border-radius:8px}.btn-icon:hover{background:#f8fafc;color:#0f172a}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon svg{width:18px;height:18px}@media (max-width: 1200px){.stat-cards-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.charts-row{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.dashboard-main{margin-left:0;padding:24px 16px}.stat-cards-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:16px}.period-select{width:100%}.activity-info{grid-template-columns:1fr}.profile-info{flex-direction:column;text-align:center}.subscription-actions{flex-direction:column}.subscription-actions .btn{width:100%}}.users-page,.groups-page,.policies-page{padding:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.page-header-left h1{font-size:28px;font-weight:600;color:#1e293b;margin:0 0 4px}.page-subtitle{color:#64748b;font-size:14px;margin:0}.page-header-right{display:flex;gap:12px}.page-loading,.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.page-error h2{color:#c41e3a;margin:0 0 8px}.page-error p{color:#64748b}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:#c41e3a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#a3172e}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary svg{width:16px;height:16px}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:#f1f5f9;color:#475569;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background-color:#e2e8f0}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s}.btn-icon:hover{background-color:#f1f5f9;color:#1e293b}.btn-icon.btn-danger:hover{background-color:#fee2e2;color:#c41e3a}.btn-icon svg{width:16px;height:16px}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert svg{width:20px;height:20px;flex-shrink:0}.alert button{margin-left:auto;background:none;border:none;cursor:pointer;font-size:12px;opacity:.7}.alert-error{background-color:#fee2e2;color:#991b1b}.alert-success{background-color:#dcfce7;color:#166534}.alert-info{background-color:#dbeafe;color:#1e40af}.filters-bar{display:flex;gap:12px;margin-bottom:20px}.search-input{display:flex;align-items:center;gap:8px;padding:0 12px;background-color:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;flex:1;max-width:320px}.search-input svg{width:16px;height:16px;color:#94a3b8}.search-input input{flex:1;padding:10px 0;border:none;background:none;font-size:14px;outline:none}.filter-select{padding:10px 12px;background-color:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;color:#475569;cursor:pointer}.users-stats,.groups-stats{display:flex;gap:16px;margin-bottom:24px}.stat-badge{display:flex;flex-direction:column;padding:16px 24px;background-color:#f8fafc;border:1px solid #E2E8F0;border-radius:8px}.stat-badge-value{font-size:24px;font-weight:600;color:#1e293b}.stat-badge-label{font-size:12px;color:#64748b;margin-top:4px}.data-table-container{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;border-bottom:1px solid #E2E8F0}.data-table td{padding:16px;border-bottom:1px solid #F1F5F9;font-size:14px;color:#1e293b}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#fafafa}.empty-state{text-align:center;padding:48px 16px!important;color:#64748b}.empty-state svg{width:48px;height:48px;color:#cbd5e1;margin-bottom:16px}.empty-state p{margin:0}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:#c41e3a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-info{display:flex;flex-direction:column}.user-email{font-weight:500;color:#1e293b}.user-joined{font-size:12px;color:#94a3b8}.role-badge{display:inline-block;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:500;text-transform:capitalize}.role-badge.role-admin{background-color:#dbeafe;color:#1e40af}.role-badge.role-user{background-color:#f1f5f9;color:#475569}.role-badge.role-msp-admin{background-color:#fef3c7;color:#92400e}.group-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;background-color:#f1f5f9;color:#475569}.action-buttons{display:flex;gap:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E2E8F0}.modal-header h2{font-size:18px;font-weight:600;color:#1e293b;margin:0}.modal-close{background:none;border:none;cursor:pointer;padding:4px;color:#64748b}.modal-close:hover{color:#1e293b}.modal-close svg{width:20px;height:20px}.modal form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#c41e3a}.form-group input:disabled{background-color:#f8fafc;color:#64748b}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.empty-state-card{display:flex;flex-direction:column;align-items:center;padding:60px 20px;background-color:#f8fafc;border:2px dashed #E2E8F0;border-radius:12px;text-align:center}.empty-state-card svg{width:48px;height:48px;color:#cbd5e1;margin-bottom:16px}.empty-state-card h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.empty-state-card p{color:#64748b;margin:0 0 20px}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.group-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;transition:box-shadow .2s}.group-card:hover{box-shadow:0 4px 6px -1px #0000001a}.group-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background-color:#f8fafc}.group-icon{width:40px;height:40px;border-radius:10px;background-color:#c41e3a;color:#fff;display:flex;align-items:center;justify-content:center}.group-icon svg{width:20px;height:20px}.group-actions{display:flex;gap:4px}.group-card-body{padding:16px}.group-name{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 12px}.group-meta{display:flex;flex-direction:column;gap:6px}.group-members{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.group-members svg{width:14px;height:14px}.group-created{font-size:12px;color:#94a3b8}.group-card-footer{padding:12px 16px;border-top:1px solid #F1F5F9}.policy-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.policy-badge.has-policy{background-color:#dcfce7;color:#166534}.policy-badge.no-policy{background-color:#f1f5f9;color:#64748b}.policy-info-card{background-color:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;padding:20px;margin-bottom:24px}.policy-info-card h3{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 12px}.policy-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.policy-info-item{display:flex;flex-direction:column;gap:4px}.policy-info-label{font-size:13px;font-weight:600;color:#475569}.policy-info-desc{font-size:12px;color:#64748b}.policy-settings{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.policy-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;transition:border-color .15s}.policy-card:hover{border-color:#cbd5e1}.policy-card-header{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.policy-card-header:hover{background-color:#f8fafc}.policy-card-icon{width:36px;height:36px;border-radius:8px;background-color:#fee2e2;color:#c41e3a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.policy-card-icon svg{width:18px;height:18px}.policy-card-title{flex:1;font-size:14px;font-weight:600;color:#1e293b;margin:0}.policy-card-status{font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px}.policy-card-status.enabled{background-color:#dbeafe;color:#1d4ed8}.policy-card-status.enforced{background-color:#dcfce7;color:#15803d}.policy-card-status.disabled{background-color:#f1f5f9;color:#64748b}.policy-card-chevron{width:20px;height:20px;color:#94a3b8;transition:transform .2s;flex-shrink:0}.policy-card.expanded .policy-card-chevron{transform:rotate(180deg)}.policy-card-body{padding:0 20px 20px 68px;display:none}.policy-card.expanded .policy-card-body{display:block}.policy-card-description{font-size:13px;color:#64748b;margin:0 0 16px;line-height:1.5}.policy-card-controls{display:flex;gap:24px}.toggle-switch{display:flex;align-items:center;gap:8px;cursor:pointer}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-switch input{display:none}.toggle-slider{width:44px;height:24px;background-color:#e2e8f0;border-radius:9999px;position:relative;transition:background-color .2s}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0000001a}.toggle-switch input:checked+.toggle-slider{background-color:#c41e3a}.toggle-switch input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-label{font-size:13px;color:#475569;min-width:60px}.policy-preview{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:24px}.policy-preview h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.policy-preview-subtitle{font-size:13px;color:#64748b;margin:0 0 20px}.policy-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.policy-preview-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;font-size:13px}.policy-preview-item.enabled{background-color:#f0fdf4}.policy-preview-item.enforced{background-color:#dbeafe}.policy-preview-item.disabled{background-color:#f1f5f9}.policy-preview-name{font-weight:500;color:#1e293b}.policy-preview-status{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.policy-preview-item.enabled .policy-preview-status{color:#166534}.policy-preview-item.enforced .policy-preview-status{color:#1e40af}.policy-preview-item.disabled .policy-preview-status{color:#64748b}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch}.page-header-right,.filters-bar{flex-direction:column}.search-input{max-width:none}.users-stats,.groups-stats{flex-wrap:wrap}.policy-card-header{padding:12px 16px}.policy-card-body{padding:0 16px 16px}.policy-card-controls{flex-direction:column;gap:12px;width:100%}.policy-info-grid,.groups-grid{grid-template-columns:1fr}}