.auth-bg{background:linear-gradient(135deg,#00f 0%,#2f5fff 60%,#6690ff 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-bg-circle1{pointer-events:none;background:#ffffff12;border-radius:50%;width:400px;height:400px;position:absolute;top:-80px;right:-80px}.auth-bg-circle2{pointer-events:none;background:#ffffff0a;border-radius:50%;width:340px;height:340px;position:absolute;bottom:-100px;left:-60px}.auth-card{z-index:2;background:#fff;border-radius:16px;width:100%;max-width:440px;padding:44px 48px;position:relative;box-shadow:0 20px 60px #00000040}.auth-logo{text-align:center;margin-bottom:28px}.auth-logo-icon{background:var(--bev-primary);border-radius:12px;justify-content:center;align-items:center;width:auto;min-width:200px;height:54px;margin:0 auto 10px;padding:10px 18px;display:flex}.auth-logo-icon img{object-fit:contain;width:auto;max-width:100%;height:100%}.auth-logo-text{color:var(--bev-primary);letter-spacing:-.3px;font-size:20px;font-weight:700}.auth-logo-sub{color:var(--bev-grey-mid);margin-top:3px;font-size:12px}.auth-divider{background:var(--bev-grey-light);height:1px;margin:0 0 24px}.auth-heading{color:var(--bev-primary);margin-bottom:6px;font-size:22px;font-weight:700}.auth-sub{color:var(--bev-text-light);margin-bottom:24px;font-size:13px}.input-icon-wrap{position:relative}.input-icon-wrap .input-icon{color:var(--bev-grey-mid);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-icon-wrap input{padding-left:38px!important}.field-error{color:var(--bev-red);align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer-note{color:var(--bev-grey-mid);text-align:center;margin-top:18px;font-size:11px;line-height:1.6}.auth-bottom-text{color:#ffffff73;z-index:2;margin-top:24px;font-size:12px}.auth-back-link{color:var(--bev-primary-light);cursor:pointer;text-align:center;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:14px;font-family:inherit;font-size:13px;display:inline-flex}.auth-back-link:hover{text-decoration:underline}@media (width<=480px){.auth-card{padding:28px 20px}}:root{--bev-primary:#00f;--bev-primary-mid:#2f5fff;--bev-primary-light:#6690ff;--bev-accent:#2f5fff;--bev-accent-hover:#00f;--bev-bg:#f2f4ff;--bev-white:#fff;--bev-grey-light:#ebeeff;--bev-grey:#c7ccf0;--bev-grey-mid:#7a82c2;--bev-text:#12142e;--bev-text-light:#4a4f7a;--bev-sidebar-w:240px;--bev-green:#22a05c;--bev-yellow:#f0a500;--bev-red:#d93025;--bev-orange:#e8650a;--bev-heading:var(--bev-orange);--radius:8px;--radius-lg:12px;--shadow:0 2px 12px #0000ff1a;--shadow-card:0 4px 20px #0000ff1f;--shadow-modal:0 20px 60px #00000040;--border:var(--bev-grey);--surface:var(--bev-white);--background:var(--bev-bg);--text-primary:var(--bev-text);--text-secondary:var(--bev-text-light);--text-muted:var(--bev-text-light);--primary:var(--bev-primary);--danger:var(--bev-red);--success:var(--bev-green);--warning:var(--bev-yellow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bev-bg);color:var(--bev-text);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.main-area{background:var(--bev-bg);flex-direction:column;flex:1;min-width:0;display:flex}.page-body{flex:1;padding:28px;overflow-y:auto}.sidebar{width:var(--bev-sidebar-w);background:var(--bev-primary);z-index:100;flex-direction:column;flex-shrink:0;min-height:100vh;display:flex;position:sticky;top:0}.sidebar-logo{border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 18px 14px;display:flex}.sidebar-logo-img{object-fit:contain;width:auto;max-width:100%;height:70px}.sidebar-logo-sub{color:#fffc;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.sidebar-role-badge{background:var(--bev-accent);color:#fff;text-transform:uppercase;letter-spacing:.6px;border-radius:20px;margin:12px 18px 4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.sidebar-role-badge.superadmin{background:var(--bev-primary-light)}.sidebar-user{border-bottom:1px solid #ffffff14;padding:10px 18px 14px}.sidebar-user-name{color:#fff;font-size:14px;font-weight:600}.sidebar-user-dept{color:#fffc;margin-top:1px;font-size:12px}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.nav-section-label{text-transform:uppercase;letter-spacing:.7px;color:#ffffff59;padding:10px 18px 4px;font-size:12px;font-weight:700}.nav-item{cursor:pointer;color:#ffffffb3;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 18px;font-size:13px;font-weight:500;transition:all .18s;display:flex}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.active{color:#fff;border-left-color:var(--bev-accent);background:#ffffff1f;font-weight:600}.nav-icon{text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.sidebar-footer{border-top:1px solid #ffffff14;padding:14px 18px}.sidebar-footer .nav-item{padding:8px 0;border-left:none!important}.topbar{border-bottom:1px solid var(--bev-grey-light);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000d}.topbar-title{color:var(--bev-heading);font-size:17px;font-weight:700}.topbar-breadcrumb{color:var(--bev-grey-mid);font-size:12px}.topbar-right{align-items:center;gap:16px;display:flex}.session-timer{background:var(--bev-grey-light);color:var(--bev-text-light);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500}.session-timer span{color:var(--bev-primary);font-weight:700}.topbar-avatar{background:var(--bev-primary);color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.topbar-avatar.accent{background:var(--bev-accent)}.announcement{background:linear-gradient(90deg, var(--bev-primary) 0%, var(--bev-primary-mid) 100%);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 22px;font-size:13px;display:flex}.announcement-close{color:#fff;opacity:.7;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px 6px;display:flex}.announcement-close:hover{opacity:1}.page-header{margin-bottom:24px}.page-header h1{color:var(--bev-heading);font-size:22px;font-weight:700}.page-header p{color:var(--bev-text-light);margin-top:4px;font-size:13px}.metric-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.metric-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;border-left:4px solid #0000;padding:20px}.metric-card.accent{border-left-color:var(--bev-accent)}.metric-card.green{border-left-color:var(--bev-green)}.metric-card.yellow{border-left-color:var(--bev-yellow)}.metric-card.blue{border-left-color:var(--bev-primary-light)}.metric-card.red{border-left-color:var(--bev-red)}.metric-icon{color:var(--bev-primary);margin-bottom:8px}.metric-val{color:var(--bev-primary);font-size:28px;font-weight:800;line-height:1}.metric-label{color:var(--bev-text-light);margin-top:6px;font-size:12px;font-weight:500}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:20px}.card-header{border-bottom:1px solid var(--bev-grey-light);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.card-header h3{color:var(--bev-primary);font-size:15px;font-weight:700}.card-body{padding:22px}.two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.three-col{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--bev-accent);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:var(--bev-accent-hover)}.btn-blue{background:var(--bev-primary);color:#fff;border:none}.btn-blue:hover:not(:disabled){background:var(--bev-primary-mid)}.btn-outline{color:var(--bev-primary);border:1.5px solid var(--bev-primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--bev-grey-light)}.btn-ghost{color:var(--bev-text-light);border:1.5px solid var(--bev-grey);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bev-grey-light)}.btn-secondary{color:var(--bev-primary);border:1.5px solid var(--bev-primary);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--bev-grey-light)}.btn-danger{background:var(--bev-red);color:#fff;border:none}.btn-danger:hover:not(:disabled){background:#b52920}.btn-sm{padding:7px 14px;font-size:12px}.btn-xs{border-radius:5px;padding:4px 10px;font-size:11px}.btn-full{justify-content:center;width:100%}.form-group{margin-bottom:18px}.form-group label{color:var(--bev-text);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--bev-grey);border-radius:var(--radius);width:100%;color:var(--bev-text);background:var(--bev-white);outline:none;padding:11px 14px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--bev-primary-light);box-shadow:0 0 0 3px #6690ff1f}.form-group input:read-only,.form-group input[readonly]{background:var(--bev-grey-light);color:var(--bev-text-light);cursor:default}.form-label{color:var(--bev-text);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input{border:1.5px solid var(--bev-grey);border-radius:var(--radius);width:100%;color:var(--bev-text);background:var(--bev-white);outline:none;padding:11px 14px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--bev-primary-light);box-shadow:0 0 0 3px #6690ff1f}.form-input.input-error{border-color:var(--bev-red)}.field-error{color:var(--bev-red);align-items:center;gap:4px;margin-top:-12px;margin-bottom:14px;font-size:12px;display:flex}.icon-btn{border-radius:var(--radius);border:1.5px solid var(--bev-grey);width:28px;height:28px;color:var(--bev-text-light);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.icon-btn:hover{background:var(--bev-grey-light)}.icon-btn.danger{color:var(--bev-red);border-color:#f3c9c4}.icon-btn.danger:hover{background:#fdeceb}.input-wrap{position:relative}.input-wrap input{padding-right:44px}.eye-btn{cursor:pointer;color:var(--bev-grey-mid);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.eye-btn:hover{color:var(--bev-primary)}.required{color:var(--bev-red);margin-left:2px}.hint{color:var(--bev-text-light);margin-top:4px;font-size:11px}.hint.success{color:var(--bev-green)}.error-box{border-radius:var(--radius);color:var(--bev-red);background:#fdf0ee;border:1px solid #f5c5bb;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.success-box{border-radius:var(--radius);color:var(--bev-green);background:#eff9f3;border:1px solid #a8dfc0;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.warn-box{border-radius:var(--radius);color:#7a5800;background:#fef6e4;border:1px solid #f7d98a;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.info-box{border-radius:var(--radius);color:var(--bev-primary);background:#eef4ff;border:1px solid #c5d8f5;margin-bottom:16px;padding:10px 16px;font-size:13px}.scope-banner{border-radius:var(--radius);color:var(--bev-primary);background:#eef4ff;border:1px solid #c5d8f5;margin-bottom:20px;padding:10px 16px;font-size:13px}.safety-note{border-radius:var(--radius);color:#7a5800;background:#fdf6e4;border:1px solid #f0d060;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:13px;display:flex}.badge{border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{color:var(--bev-green);background:#e4f7ed}.badge-red{color:var(--bev-red);background:#fdeceb}.badge-blue{color:var(--bev-primary-mid);background:#e6eef9}.badge-yellow{color:#b07800;background:#fef6e4}.badge-grey{background:var(--bev-grey-light);color:var(--bev-grey-mid)}.badge-orange{color:var(--bev-orange);background:#fdf0e9}.badge-success{color:var(--bev-green);background:#e4f7ed}.badge-error{color:var(--bev-red);background:#fdeceb}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{background:var(--bev-grey-light);color:var(--bev-text);text-align:left;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid var(--bev-grey);padding:10px 14px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--bev-grey-light);color:var(--bev-text);vertical-align:middle;padding:11px 14px}tr:last-child td{border-bottom:none}tr:hover td{background:#f4faf7}.table-actions{flex-wrap:wrap;gap:4px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.search-input{border:1.5px solid var(--bev-grey);border-radius:var(--radius);background:#fff;outline:none;flex:1;min-width:200px;padding:9px 14px 9px 38px;font-size:13px;position:relative}.search-input:focus{border-color:var(--bev-primary-light)}.search-wrap{flex:1;min-width:200px;position:relative}.search-wrap svg{color:var(--bev-grey-mid);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-wrap input{border:1.5px solid var(--bev-grey);border-radius:var(--radius);width:100%;color:var(--bev-text);background:#fff;outline:none;margin-bottom:16px;padding:9px 14px 9px 38px;font-family:inherit;font-size:13px}.search-wrap input:focus{border-color:var(--bev-primary-light);box-shadow:0 0 0 3px #6690ff1f}.search-box{align-items:center;display:flex;position:relative}.search-box svg{color:var(--bev-grey-mid);pointer-events:none;position:absolute;left:11px}.search-box input{border:1.5px solid var(--bev-grey);border-radius:var(--radius);width:100%;color:var(--bev-text);background:#fff;outline:none;padding:9px 14px 9px 38px;font-family:inherit;font-size:13px}.search-box input:focus{border-color:var(--bev-primary-light);box-shadow:0 0 0 3px #6690ff1f}.avatar{background:var(--bev-grey-light);width:40px;height:40px;color:var(--bev-primary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.avatar-sm{width:28px;height:28px;font-size:11px}.filter-select{border:1.5px solid var(--bev-grey);border-radius:var(--radius);color:var(--bev-text);background:#fff;outline:none;padding:9px 12px;font-family:inherit;font-size:13px}.filter-select:focus{border-color:var(--bev-primary-light)}.app-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.app-tile{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;background:#fff;border:1.5px solid #0000;flex-direction:column;align-items:flex-start;padding:24px 20px;transition:transform .18s,box-shadow .18s;display:flex}.app-tile:hover{border-color:var(--bev-primary-light);transform:translateY(-3px);box-shadow:0 8px 28px #0000ff29}.app-tile-icon{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:14px;display:flex}.app-tile-icon.blue{background:linear-gradient(135deg,#e6eef9,#c5d8f5)}.app-tile-icon.orange{background:linear-gradient(135deg,#fdf0e9,#f7ccb0)}.app-tile-icon.green{background:linear-gradient(135deg,#e4f7ed,#b3e8ca)}.app-tile-icon.purple{background:linear-gradient(135deg,#f0ecf9,#d5c5ef)}.app-tile h4{color:var(--bev-primary);margin-bottom:6px;font-size:15px;font-weight:700}.app-tile p{color:var(--bev-text-light);flex:1;font-size:12px;line-height:1.5}.app-tile-footer{width:100%;margin-top:16px}.activity-item{border-bottom:1px solid var(--bev-grey-light);gap:12px;padding:12px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{background:var(--bev-primary-light);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.activity-text{color:var(--bev-text);font-size:13px}.activity-time{color:var(--bev-grey-mid);margin-top:2px;font-size:11px}.profile-card{background:linear-gradient(135deg, var(--bev-primary), var(--bev-primary-mid));border-radius:var(--radius);color:#fff;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex}.profile-avatar-lg{width:72px;height:72px;color:var(--bev-primary);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:26px;font-weight:800;display:flex}.profile-info h2{font-size:20px;font-weight:700}.profile-info p{opacity:.8;margin-top:3px;font-size:13px}.role-tag{background:var(--bev-primary);color:#fff;border-radius:20px;align-items:center;gap:6px;margin:2px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.role-panel{background:var(--bev-grey-light);border-radius:var(--radius);flex-wrap:wrap;gap:4px;min-height:48px;padding:12px;display:flex}.role-available-item{border-bottom:1px solid var(--bev-grey-light);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.role-available-item:last-child{border-bottom:none}.pagination{align-items:center;gap:4px;display:flex}.page-btn{cursor:pointer;border:1.5px solid var(--bev-grey);width:32px;height:32px;color:var(--bev-text);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:all .15s;display:flex}.page-btn:hover{border-color:var(--bev-primary);color:var(--bev-primary)}.page-btn.active{background:var(--bev-primary);border-color:var(--bev-primary);color:#fff}.health-item{border-bottom:1px solid var(--bev-grey-light);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.health-item:last-child{border-bottom:none}.health-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-right:10px}.health-dot.online{background:var(--bev-green);box-shadow:0 0 0 3px #22a05c40}.health-dot.warn{background:var(--bev-yellow)}.health-dot.error{background:var(--bev-red)}.action-chip{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.action-chip.create{color:var(--bev-green);background:#e4f7ed}.action-chip.edit{color:var(--bev-primary-mid);background:#e6eef9}.action-chip.delete{color:var(--bev-red);background:#fdeceb}.action-chip.assign{color:#b07800;background:#fef6e4}.action-chip.login{color:var(--bev-green);background:#e4f7ed}.action-chip.logout{background:var(--bev-grey-light);color:var(--bev-grey-mid)}.strength-bar{background:var(--bev-grey);border-radius:4px;height:4px;margin-top:8px;overflow:hidden}.strength-fill{border-radius:4px;height:100%;transition:width .3s}.strength-fill.weak{background:var(--bev-red);width:25%}.strength-fill.fair{background:var(--bev-yellow);width:50%}.strength-fill.good{background:var(--bev-primary-light);width:75%}.strength-fill.strong{background:var(--bev-green);width:100%}.stepper{align-items:center;margin-bottom:28px;display:flex}.step-item{flex-direction:column;flex:1;align-items:center;display:flex}.step-circle{border:2px solid var(--bev-grey);width:32px;height:32px;color:var(--bev-grey-mid);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.step-circle.done{background:var(--bev-primary);border-color:var(--bev-primary);color:#fff}.step-circle.current{border-color:var(--bev-accent);color:var(--bev-accent);background:#eff9f3}.step-label{color:var(--bev-text-light);text-align:center;margin-top:5px;font-size:10px}.step-line{background:var(--bev-grey);flex:1;height:2px;margin-top:-20px}.step-line.done{background:var(--bev-primary)}.section-divider{background:var(--bev-grey-light);height:1px;margin:20px 0}.checkbox-item{align-items:center;gap:8px;padding:6px 0;display:flex}.checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--bev-primary);cursor:pointer}.checkbox-item label{text-transform:none;letter-spacing:0;color:var(--bev-text);cursor:pointer;font-size:13px;font-weight:400}.forgot-link{color:var(--bev-primary-light);text-align:right;cursor:pointer;background:0 0;border:none;margin-top:-10px;margin-bottom:18px;font-family:inherit;font-size:13px;text-decoration:none;display:block}.forgot-link:hover{text-decoration:underline}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bev-primary);color:#fff;border-radius:var(--radius);align-items:center;gap:8px;max-width:320px;padding:12px 20px;font-size:13px;font-weight:500;animation:.25s slideIn;display:flex;box-shadow:0 4px 20px #0003}.toast.error{background:var(--bev-red)}.toast.warn{background:var(--bev-yellow);color:var(--bev-text)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-overlay{z-index:200;background:#0f2d1d8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-modal);text-align:center;background:#fff;padding:32px}.modal-box h3{color:var(--bev-text);margin-bottom:8px;font-size:20px;font-weight:700}.modal-box p{color:var(--bev-text-light);margin-bottom:22px;font-size:14px;line-height:1.6}.modal-btns{justify-content:center;gap:10px;display:flex}.modal-icon{justify-content:center;align-items:center;margin-bottom:12px;font-size:40px;display:flex}.app-vis-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.app-vis-card{border:1.5px solid var(--bev-grey);border-radius:var(--radius);background:#fff;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.app-vis-card.hidden{opacity:.5;background:var(--bev-grey-light)}.breadcrumb{color:var(--bev-text-light);align-items:center;gap:6px;margin-bottom:20px;font-size:13px;display:flex}.breadcrumb a{color:var(--bev-primary-light);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.matrix-table th,.matrix-table td{text-align:center;padding:10px 12px}.matrix-table th:first-child,.matrix-table td:first-child{text-align:left;font-weight:600}.matrix-check{border:2px solid var(--bev-grey);cursor:pointer;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:inline-flex}.matrix-check.checked{background:var(--bev-primary);border-color:var(--bev-primary);color:#fff}@media (width<=1024px){.metric-row{grid-template-columns:repeat(2,1fr)}.two-col,.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}@media (width<=768px){.sidebar{display:none}.page-body{padding:16px}.metric-row{grid-template-columns:1fr 1fr}}