.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--font-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;font-weight:600;display:inline-flex}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark)}.btn--primary:disabled{background:var(--color-border-dark);cursor:not-allowed}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-bg)}.btn--secondary:disabled{background:var(--color-surface);color:var(--color-text-muted);border-color:var(--color-border);opacity:.6;cursor:not-allowed}.btn--success{background:var(--color-success);color:#fff}.btn--success:hover{filter:brightness(.9)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{filter:brightness(.9)}.btn--sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs)}.btn--lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-md)}.btn--icon{padding:var(--space-sm);border-radius:var(--radius-md)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.card__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.card__title{font-size:var(--font-lg);font-weight:700}.card__subtitle{font-size:var(--font-sm);color:var(--color-text-muted)}.grid{gap:var(--space-lg);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow-x:auto}.table{width:100%;font-size:var(--font-sm)}.table th{color:var(--color-text-muted);font-weight:600;font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.table th:hover{color:var(--color-text)}.table th.sorted-asc:after{content:" ▲"}.table th.sorted-desc:after{content:" ▼"}.table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);vertical-align:middle}.badge{font-size:var(--font-xs);border-radius:var(--radius-full);align-items:center;padding:.15em .6em;font-weight:600;display:inline-flex}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--neutral{background:var(--color-bg);color:var(--color-text-muted)}.form-group{margin-bottom:var(--space-md)}.form-group label{font-size:var(--font-sm);margin-bottom:var(--space-xs);font-weight:600;display:block}.form-control{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-sm);background:var(--color-surface);transition:border-color var(--transition-fast)}.form-control:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1a56db26}textarea.form-control{resize:vertical;min-height:100px}.form-row{gap:var(--space-md);display:flex}.form-row>*{flex:1}.tabs{border-bottom:2px solid var(--color-border);margin-bottom:var(--space-lg);gap:0;display:flex}.tab{padding:var(--space-sm) var(--space-lg);font-size:var(--font-sm);color:var(--color-text-muted);transition:all var(--transition-fast);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-2px;font-weight:600}.tab:hover{color:var(--color-text)}.tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-panel{display:none}.tab-panel.active{display:block}.progress-ring{border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.progress-ring__value{font-size:var(--font-2xl);color:var(--color-primary);font-weight:700}.progress-ring__label{font-size:var(--font-xs);color:var(--color-text-muted);text-align:center}.toast-container{top:var(--space-lg);right:var(--space-lg);z-index:1000;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-sm);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-sm);max-width:400px;font-weight:500;animation:.3s slideIn;display:flex}.toast--success{background:var(--color-success);color:#fff}.toast--error{background:var(--color-danger);color:#fff}.toast--warning{background:var(--color-warning);color:#fff}.toast--info{background:var(--color-info);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-backdrop{z-index:200;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-backdrop.active{display:flex}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:90%;max-width:600px;max-height:80vh;padding:var(--space-xl);overflow-y:auto}.modal__header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--font-xl);font-weight:700}.modal__close{font-size:var(--font-xl);padding:var(--space-xs);color:var(--color-text-muted)}.modal__close:hover{color:var(--color-text)}.confirm-dialog{text-align:center;padding:var(--space-lg)}.confirm-dialog__message{font-size:var(--font-md);color:var(--color-text);margin-bottom:var(--space-lg);line-height:1.5}.confirm-dialog__actions{gap:var(--space-sm);justify-content:center;display:flex}.empty-state{text-align:center;padding:var(--space-3xl);color:var(--color-text-muted)}.empty-state svg{width:64px;height:64px;margin:0 auto var(--space-md);opacity:.4}.empty-state__title{font-size:var(--font-lg);margin-bottom:var(--space-sm);font-weight:600}.search-bar{position:relative}.search-bar input{width:100%;padding:var(--space-sm) var(--space-md) var(--space-sm) 2.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-sm)}.search-bar input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1a56db26}.search-bar svg{left:var(--space-sm);width:18px;height:18px;color:var(--color-text-muted);position:absolute;top:50%;transform:translateY(-50%)}.filter-bar{gap:var(--space-lg);margin-bottom:var(--space-lg);padding:var(--space-lg);background:linear-gradient(135deg, var(--color-surface) 0%, #ffffff80 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:flex-end;display:flex;box-shadow:0 1px 3px #0000000d}.filter-bar__group{gap:var(--space-sm);flex-direction:column;display:flex}.filter-bar__label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-weight:700}.filter-bar__input,.filter-bar__select{min-width:200px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-sm);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.filter-bar__input{min-width:320px}.filter-bar__input:focus,.filter-bar__select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1a56db1a}.filter-bar__reset{align-self:flex-end;margin-top:auto}.filter-bar .form-group{margin-bottom:0}.policies-pager{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);background:var(--color-surface);display:flex}.policies-pager__info{font-size:var(--font-sm);color:var(--color-text-muted)}.policies-pager__actions{align-items:center;gap:var(--space-sm);display:flex}.policies-pager__page{font-size:var(--font-sm);color:var(--color-text)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.hidden{display:none!important}.quiz-timer-bar{align-items:center;gap:var(--space-md);padding:12px var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), background var(--transition-fast);display:flex}.quiz-timer-bar__icon{color:var(--color-portal-primary);flex-shrink:0;align-items:center;display:flex}.quiz-timer-bar__info{flex-direction:column;gap:2px;min-width:100px;display:flex}.quiz-timer-bar__label{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.quiz-timer-bar__time{font-size:var(--font-xl);font-weight:700;font-family:var(--font-mono);color:var(--color-text);line-height:1}.quiz-timer-bar__progress{background:var(--color-border);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.quiz-timer-bar__fill{background:var(--color-portal-primary);border-radius:var(--radius-full);height:100%;transition:width 1s linear}.quiz-timer-bar--warning{border-color:var(--color-warning);background:var(--color-warning-bg)}.quiz-timer-bar--warning .quiz-timer-bar__time,.quiz-timer-bar--warning .quiz-timer-bar__icon{color:var(--color-warning)}.quiz-timer-bar--warning .quiz-timer-bar__fill{background:var(--color-warning)}.quiz-timer-bar--danger{border-color:var(--color-danger);background:var(--color-danger-bg);animation:1s ease-in-out infinite timerPulse}.quiz-timer-bar--danger .quiz-timer-bar__time,.quiz-timer-bar--danger .quiz-timer-bar__icon{color:var(--color-danger)}.quiz-timer-bar--danger .quiz-timer-bar__fill{background:var(--color-danger)}@keyframes timerPulse{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 4px #dc262626}}.hero-banner{background:linear-gradient(135deg, var(--color-portal-hero-start), var(--color-portal-hero-end)), linear-gradient(135deg, #00838f, #0097a7);color:#fff;text-align:center;padding:var(--space-3xl) var(--space-xl);background-position:50%;background-size:cover}.hero-banner__title{font-size:var(--font-3xl);margin-bottom:var(--space-sm);text-shadow:0 2px 4px #0003;font-weight:800}.hero-banner__subtitle{font-size:var(--font-md);opacity:.9;max-width:600px;margin:0 auto;line-height:1.5}.dashboard-hero{background:linear-gradient(135deg, #1a3a40 0%, var(--color-portal-navbar) 40%, #00363a 100%);color:#fff;padding:var(--space-3xl) var(--space-xl) var(--space-2xl);flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex;position:relative;overflow:hidden}.dashboard-hero #hero-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dashboard-hero__content{z-index:1;text-align:center;max-width:640px;position:relative}.dashboard-hero__greeting{font-size:var(--font-4xl);letter-spacing:-.03em;margin-bottom:var(--space-xs);text-shadow:0 2px 8px #0000004d;font-weight:800}.dashboard-hero__subtitle{font-size:var(--font-md);color:#ffffffbf;margin-bottom:var(--space-xl);line-height:1.5}.dashboard-hero__actions{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.dashboard-hero__btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);padding:10px 22px;font-weight:600;text-decoration:none;display:inline-flex}.dashboard-hero__btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.dashboard-hero__btn--primary{background:var(--color-portal-primary);color:#fff}.dashboard-hero__btn--primary:hover{background:var(--color-portal-primary-dark)}.dashboard-hero__btn--outline{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1.5px solid #ffffff59}.dashboard-hero__btn--outline:hover{background:#fff3;border-color:#fff9}.dashboard-hero__stat-pills{z-index:1;gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex;position:relative}.dashboard-hero__pill{align-items:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-full);font-size:var(--font-xs);color:#ffffffe6;transition:background var(--transition-fast);background:#ffffff1a;border:1px solid #ffffff26;padding:6px 16px;display:flex}.dashboard-hero__pill:hover{background:#ffffff2e}.dashboard-hero__pill-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (max-width:768px){.dashboard-hero{min-height:180px;padding:var(--space-xl) var(--space-md)}.dashboard-hero__greeting{font-size:var(--font-2xl)}.dashboard-hero__stat-pills{gap:var(--space-sm)}}.portal-tabs{border-bottom:2px solid var(--color-border);margin-bottom:var(--space-lg);background:var(--color-surface);padding:0 var(--space-md);gap:0;display:flex}.portal-tab{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);font-size:var(--font-sm);color:var(--color-text-muted);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;font-weight:600;display:flex}.portal-tab:hover{color:var(--color-text)}.portal-tab--active{color:var(--color-portal-primary);border-bottom-color:var(--color-portal-primary)}.portal-tab__count{border-radius:var(--radius-full);background:var(--color-portal-primary);color:#fff;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.portal-filters{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:center;display:flex}.portal-filters__search{flex:2;min-width:200px;position:relative}.portal-filters__search input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-sm);background:var(--color-surface);padding-left:2.5rem}.portal-filters__search input:focus{border-color:var(--color-portal-primary);outline:none;box-shadow:0 0 0 3px #00bcd426}.portal-filters__search svg{left:var(--space-sm);width:18px;height:18px;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.portal-filters__select{min-width:150px}.portal-filters__select select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-sm);background:var(--color-surface);cursor:pointer}.portal-filters__select select:focus{border-color:var(--color-portal-primary);outline:none;box-shadow:0 0 0 3px #00bcd426}.policy-card-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.policy-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), transform var(--transition-fast);border:1px solid var(--color-border);flex-direction:column;display:flex;overflow:hidden}.policy-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.policy-card__image{justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.policy-card__image svg{opacity:.3;color:#fff;width:48px;height:48px}.policy-card__badge{top:var(--space-sm);right:var(--space-sm);text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-md);color:#fff;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute}.policy-card__badge--acknowledged{background:var(--color-success)}.policy-card__badge--pending{background:var(--color-warning)}.policy-card__badge--overdue{background:var(--color-danger)}.policy-card__body{padding:var(--space-md);flex-direction:column;flex:1;display:flex}.policy-card__meta{font-size:var(--font-xs);color:var(--color-text-muted);margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.policy-card__category{color:var(--color-portal-primary-dark);font-weight:600}.policy-card__title{font-size:var(--font-md);color:var(--color-portal-primary);margin-bottom:var(--space-xs);font-weight:700;line-height:1.3}.policy-card__title a{color:inherit;text-decoration:none}.policy-card__title a:hover{text-decoration:underline}.policy-card__desc{font-size:var(--font-sm);color:var(--color-text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;line-height:1.5;display:-webkit-box;overflow:hidden}.policy-card__footer{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);font-size:var(--font-xs);justify-content:space-between;align-items:center;display:flex}.policy-card__status-text{color:var(--color-text-muted)}.policy-card__status-text--overdue{color:var(--color-danger);font-weight:600}.policy-card__status-text--acknowledged{color:var(--color-success)}.policy-card__action{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs);border-radius:var(--radius-md);border:1px solid var(--color-portal-primary);color:var(--color-portal-primary);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.policy-card__action:hover{background:var(--color-portal-primary);color:#fff}.policy-card__action--primary{background:var(--color-portal-primary);color:#fff;border-color:var(--color-portal-primary)}.policy-card__action--primary:hover{background:var(--color-portal-primary-dark);border-color:var(--color-portal-primary-dark)}.policy-card__image--hr{background:linear-gradient(135deg,#00838f,#00acc1)}.policy-card__image--it{background:linear-gradient(135deg,#1565c0,#42a5f5)}.policy-card__image--legal{background:linear-gradient(135deg,#4527a0,#7e57c2)}.policy-card__image--compliance{background:linear-gradient(135deg,#2e7d32,#66bb6a)}.policy-card__image--default{background:linear-gradient(135deg,#546e7a,#90a4ae)}.quiz-progress{background:var(--color-border);border-radius:var(--radius-full);height:6px;margin-bottom:var(--space-lg);overflow:hidden}.quiz-progress__bar{background:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.quiz-option{width:100%;padding:var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);text-align:left;font-size:var(--font-sm);transition:all var(--transition-fast);cursor:pointer;display:block}.quiz-option:hover{border-color:var(--color-primary-light);background:var(--color-primary-bg)}.quiz-option--selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.quiz-option--correct{border-color:var(--color-success);background:var(--color-success-bg)}.quiz-option--wrong{border-color:var(--color-danger);background:var(--color-danger-bg)}.quiz-option--disabled{pointer-events:none;opacity:.7}.quiz-question{margin-bottom:var(--space-xl)}.quiz-question__text{font-size:var(--font-lg);margin-bottom:var(--space-md);font-weight:600}.quiz-question__number{font-size:var(--font-sm);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.char-count{font-size:var(--font-xs);color:var(--color-text-muted);text-align:right;margin-top:var(--space-xs)}.char-count--error{color:var(--color-danger)}.form-actions{align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.form-actions--right{justify-content:flex-end}.form-mode-badge{margin-left:var(--space-sm);border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary);font-size:var(--font-xs);align-items:center;padding:.15rem .5rem;font-weight:600;display:inline-flex}.form-field-error{color:var(--color-danger);font-size:var(--font-xs);margin-top:var(--space-xs);display:none}.certificate{border:3px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-3xl);text-align:center;background:var(--color-surface);max-width:700px;margin:0 auto}.certificate__title{font-size:var(--font-3xl);color:var(--color-primary);margin-bottom:var(--space-md);font-weight:700}.certificate__name{font-size:var(--font-2xl);margin:var(--space-lg) 0;font-weight:700}.certificate__details{font-size:var(--font-md);color:var(--color-text-muted);margin-bottom:var(--space-md)}.tab-warning{z-index:300;color:#fff;text-align:center;background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.tab-warning.active{display:flex}.tab-warning__content{max-width:400px}.tab-warning__content h2{font-size:var(--font-2xl);margin-bottom:var(--space-md);color:var(--color-warning)}.login-page{min-height:100vh;display:flex}.login-panel{background:linear-gradient(160deg, var(--color-portal-navbar) 0%, #1a3a40 50%, var(--color-portal-primary-dark) 100%);color:#fff;padding:var(--space-3xl);flex:0 0 45%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-panel:before{content:"";opacity:1;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2300bcd4' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.login-panel__content{z-index:1;max-width:380px;position:relative}.login-panel__brand{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);display:flex}.login-panel__icon{width:36px;height:36px;color:var(--color-portal-primary)}.login-panel__logo{font-size:var(--font-xl);font-weight:700}.login-panel__logo-policy{color:#fff;font-style:italic}.login-panel__logo-hub{color:var(--color-portal-primary);font-style:italic}.login-panel__heading{font-size:var(--font-3xl);margin-bottom:var(--space-md);letter-spacing:-.02em;font-weight:800;line-height:1.2}.login-panel__desc{font-size:var(--font-md);color:#ffffffb3;margin-bottom:var(--space-2xl);line-height:1.6}.login-panel__features{gap:var(--space-md);flex-direction:column;display:flex}.login-panel__feature{align-items:center;gap:var(--space-sm);font-size:var(--font-sm);color:#fffc;display:flex}.login-panel__feature svg{color:var(--color-portal-primary);flex-shrink:0}.login-form-panel{padding:var(--space-2xl);background:var(--color-bg);flex:1;justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:420px;padding:var(--space-xl)}.login-card__title{font-size:var(--font-2xl);color:var(--color-text);margin-bottom:var(--space-xs);text-align:center;font-weight:800}.login-card__subtitle{font-size:var(--font-sm);color:var(--color-text-muted);margin-bottom:var(--space-xl);text-align:center}.login-form{margin-bottom:var(--space-sm)}.login-form .form-group{margin-bottom:var(--space-md)}.login-form .form-group:last-of-type{margin-bottom:var(--space-lg)}.login-form__submit{width:100%}.login-separator{align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;display:flex}.login-separator:before,.login-separator:after{content:"";background:var(--color-border);flex:1;height:1px}.login-separator span{font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.login-google-btn{margin-bottom:var(--space-lg);justify-content:center;display:flex}.login-notice{font-size:var(--font-xs);color:var(--color-text-muted);text-align:center;line-height:1.5}@media (max-width:768px){.login-page{flex-direction:column}.login-panel{padding:var(--space-xl);flex:none}.login-panel__heading{font-size:var(--font-2xl)}.login-panel__features{display:none}.login-form-panel{padding:var(--space-lg)}}.sidebar__logout{padding:var(--space-sm) var(--space-md);margin-top:var(--space-md)}.btn--logout{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-lg);font-size:var(--font-sm);border-radius:var(--radius-md);color:var(--color-danger);border:1px solid var(--color-danger);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-weight:600;display:inline-flex}.btn--logout:hover{background:var(--color-danger-bg)}.header__avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border);width:28px;height:28px}.department-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-fast);gap:var(--space-md);flex-direction:column;display:flex}.department-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-2px)}.department-card__header{justify-content:space-between;align-items:center;display:flex}.department-card__title{font-size:var(--font-lg);color:var(--color-text);font-weight:700}.department-card__badge{min-width:3.5rem;height:2.5rem;padding:var(--space-xs) var(--space-sm);font-size:var(--font-sm);border-radius:var(--radius-full);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.department-card__badge--high{background:var(--color-success)}.department-card__badge--medium{background:var(--color-warning)}.department-card__badge--low{background:var(--color-danger)}.department-card__stats{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.department-card__stat{align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-md);flex-direction:column;display:flex}.department-card__stat-value{font-size:var(--font-lg);color:var(--color-text);font-weight:700}.department-card__stat-label{font-size:var(--font-xs);color:var(--color-text-muted);text-align:center}.department-card__progress-bar{background:var(--color-border-light);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.department-card__progress-fill{background:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.compliance-chart-container{height:300px;margin:var(--space-lg) 0;background:var(--color-bg);border-radius:var(--radius-md);position:relative}.chart-container{width:100%;height:300px;position:relative}.chart-section{margin-bottom:var(--space-lg)}.chart-section__title{font-size:var(--font-md);color:var(--color-text);margin-bottom:var(--space-md);font-weight:700}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stats-grid__item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.stats-grid__value{font-size:var(--font-2xl);color:var(--color-primary);font-weight:700}.stats-grid__label{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.modal--department{max-width:800px;max-height:85vh;overflow-y:auto}.modal__header{padding:var(--space-lg);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--font-xl);color:var(--color-text);font-weight:700}.modal__close{cursor:pointer;width:2rem;height:2rem;color:var(--color-text-muted);transition:color var(--transition-fast);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal__close:hover{color:var(--color-text);background:var(--color-bg)}.modal__body{padding:var(--space-lg)}.policy-breakdown{margin-top:var(--space-xl)}.policy-breakdown__title{font-size:var(--font-md);color:var(--color-text);margin-bottom:var(--space-md);font-weight:700}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table thead{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.table th{padding:var(--space-md) var(--space-lg);text-align:left;font-size:var(--font-sm);color:var(--color-text);white-space:nowrap;font-weight:700}.table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);font-size:var(--font-sm)}.table tbody tr:hover{background:var(--color-bg)}.table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.department-card__stats{grid-template-columns:repeat(2,1fr)}.compliance-chart-container{height:250px}.modal--department{max-width:90vw;max-height:90vh}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:480px){.department-card{padding:var(--space-md)}.department-card__stats,.stats-grid{grid-template-columns:1fr}}.mb-lg{margin-bottom:var(--space-lg)}