:root{--color-brand-cyan: #1FB6E6;--color-brand-green: #8EC641;--color-brand-cyan-dark: #0B3A52;--color-pillar-environment: #8EC641;--color-pillar-social: #1FB6E6;--color-pillar-governance: #2A4D6E;--color-ink-900: #0F1419;--color-ink-700: #2D3742;--color-ink-500: #5B6773;--color-ink-300: #9AA5B1;--color-ink-100: #D8DEE5;--color-bg-default: #FFFFFF;--color-bg-paper: #FBFCFD;--color-bg-subtle: #F4F6F8;--color-success: #2C7A3D;--color-success-bg: #E6F4EA;--color-warning: #B5781A;--color-warning-bg: #FBF1DD;--color-danger: #A23A2A;--color-danger-bg: #F8E1DD;--color-info: #1FB6E6;--color-info-bg: #E1F4FB;--text-display: 48px;--text-h1: 36px;--text-h2: 28px;--text-h3: 22px;--text-h4: 18px;--text-body-lg: 17px;--text-body: 15px;--text-body-sm: 13px;--text-caption: 12px;--text-overline: 11px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-1: 0 1px 2px rgba(15,20,25,.06);--shadow-2: 0 2px 6px rgba(15,20,25,.08), 0 1px 2px rgba(15,20,25,.04);--shadow-3: 0 8px 24px rgba(15,20,25,.1), 0 2px 6px rgba(15,20,25,.06);--shadow-focus: 0 0 0 3px rgba(31,182,230,.3);--border-default: 1px solid var(--color-ink-100);--border-strong: 1px solid var(--color-ink-300);--border-focus: 2px solid var(--color-brand-cyan);--font-sans: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--text-body);line-height:1.55;color:var(--color-ink-900);background:var(--color-bg-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-subtle);padding:1px 6px;border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{margin:0;color:var(--color-ink-900);font-weight:700;letter-spacing:-.02em}p{margin:0}.text-h1{font-size:var(--text-h1);line-height:1.2;font-weight:700}.text-h2{font-size:var(--text-h2);line-height:1.25;font-weight:700}.text-h3{font-size:var(--text-h3);line-height:1.3;font-weight:700}.text-h4{font-size:var(--text-h4);line-height:1.35;font-weight:700}.text-body{font-size:var(--text-body);line-height:1.55}.text-body-sm{font-size:var(--text-body-sm);line-height:1.5;color:var(--color-ink-500)}.text-caption{font-size:var(--text-caption);font-weight:600}.text-overline{font-size:var(--text-overline);line-height:1.3;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-700)}.text-muted{color:var(--color-ink-500)}.text-mono{font-family:var(--font-mono)}.tabular{font-variant-numeric:tabular-nums}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-subtle)}.app-shell__header{background:var(--color-brand-cyan-dark);color:#fff;padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;box-shadow:var(--shadow-1)}.app-shell__brand{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.app-shell__main{flex:1;padding:var(--space-6);max-width:1280px;width:100%;margin:0 auto}.app-shell__user{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-body-sm)}.nav{display:flex;gap:var(--space-1);flex-wrap:wrap;align-items:center}.nav__link{color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:600;transition:background .12s}.nav__link:hover{background:#ffffff1a}.nav__link--active{background:#8ec64133;box-shadow:inset 0 -3px 0 var(--color-brand-green)}.nav__separator{width:1px;height:20px;background:#ffffff40;margin:0 var(--space-2)}.logo{display:inline-flex;align-items:center}.logo__img{display:block;height:32px;width:auto}.logo--dark .logo__img{filter:brightness(0) invert(1)}.logo--md .logo__img{height:40px}.logo--lg .logo__img{height:56px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.page-header__title{font-size:var(--text-h1);margin-bottom:var(--space-1)}.page-header__subtitle{color:var(--color-ink-500);font-size:var(--text-body)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-weight:700;font-size:var(--text-body-sm);letter-spacing:-.01em;cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{height:32px;padding:0 var(--space-4);font-size:var(--text-caption)}.btn--md{height:40px;padding:0 var(--space-5)}.btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--text-body)}.btn--primary{background:var(--color-brand-cyan);color:#fff}.btn--primary:hover:not(:disabled){background:#0e7fa8}.btn--secondary{background:#fff;color:var(--color-ink-900);border-color:var(--color-ink-300)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-subtle)}.btn--ghost{background:transparent;color:var(--color-brand-cyan)}.btn--ghost:hover:not(:disabled){background:#1fb6e614}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){background:#862e22}.btn--success{background:var(--color-success);color:#fff}.btn--success:hover:not(:disabled){background:#22612f}.btn--header-ghost{background:#ffffff26;color:#fff;border-color:#fff3}.btn--header-ghost:hover:not(:disabled){background:#ffffff40}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:var(--text-body-sm);font-weight:700;color:var(--color-ink-700)}.field__hint{font-size:var(--text-body-sm);color:var(--color-ink-500)}.field__error{font-size:var(--text-body-sm);color:var(--color-danger);font-weight:600}.input,.select,.textarea{font-family:inherit;font-size:var(--text-body);color:var(--color-ink-900);background:var(--color-bg-default);border:var(--border-default);border-radius:var(--radius-md);padding:0 var(--space-3);height:40px;width:100%;transition:border-color .12s,box-shadow .12s}.textarea{height:auto;padding:var(--space-3);line-height:1.5;min-height:80px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-brand-cyan);box-shadow:var(--shadow-focus)}.input--error,.select--error,.textarea--error{border-color:var(--color-danger)}.card{background:var(--color-bg-paper);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-1)}.card--flat{box-shadow:none}.card__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.card__title{font-size:var(--text-h4);font-weight:700;margin:0}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:700;white-space:nowrap;letter-spacing:0}.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-subtle);color:var(--color-ink-500)}.pillar-tag{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);font-weight:700;color:var(--color-ink-700)}.pillar-tag__dot{width:8px;height:8px;border-radius:var(--radius-full)}.pillar-tag--environment .pillar-tag__dot{background:var(--color-pillar-environment)}.pillar-tag--social .pillar-tag__dot{background:var(--color-pillar-social)}.pillar-tag--governance .pillar-tag__dot{background:var(--color-pillar-governance)}.table-wrap{background:var(--color-bg-paper);border:var(--border-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-1)}.table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.table thead th{background:var(--color-bg-subtle);font-size:var(--text-overline);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-700);padding:var(--space-3) var(--space-4);text-align:left;border-bottom:var(--border-default)}.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:var(--border-default);font-size:var(--text-body-sm);color:var(--color-ink-900);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#1fb6e60a}.table__actions{display:flex;gap:var(--space-2);flex-wrap:nowrap}.table__cell--right{text-align:right}.table__cell--nowrap{white-space:nowrap}.toolbar{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5);padding:var(--space-4);background:var(--color-bg-paper);border:var(--border-default);border-radius:var(--radius-lg)}.toolbar__field{flex:1 1 180px;min-width:140px}.alert-banner{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:600;margin-top:var(--space-3)}.alert-banner--danger{background:var(--color-danger-bg);color:var(--color-danger)}.alert-banner--warning{background:var(--color-warning-bg);color:var(--color-warning)}.alert-banner--info{background:var(--color-info-bg);color:var(--color-info)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.row--end{align-items:flex-end}.divider{height:1px;background:var(--color-ink-100);margin:var(--space-5) 0;border:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-subtle) 0%,#E1F4FB 100%);padding:var(--space-5)}.login-card{background:var(--color-bg-default);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--space-7);max-width:420px;width:100%;box-shadow:var(--shadow-2)}.login-card__logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.badge--info,.alert-banner--info{color:#0e7fa8}.table-wrap{overflow-x:auto}.shell{display:flex;min-height:100vh;background:var(--color-bg-paper)}.shell__sidebar{width:248px;flex-shrink:0;background:var(--color-brand-cyan-dark);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.shell__content{flex:1;min-width:0;display:flex;flex-direction:column}.shell__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--color-bg-default);border-bottom:var(--border-default);position:sticky;top:0;z-index:20}.shell__main{flex:1;padding:var(--space-6);max-width:1400px;width:100%;margin:0 auto}.shell__backdrop{display:none}.sidenav__brand{padding:var(--space-5) var(--space-5) var(--space-4)}.sidenav__section{padding:var(--space-2) var(--space-3)}.sidenav__section-title{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-overline);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c}.sidenav__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#ffffffd9;text-decoration:none;font-size:var(--text-body-sm);font-weight:600;line-height:1.3}.sidenav__link:hover{background:#ffffff1a;color:#fff}.sidenav__link--active{background:#1fb6e640;color:#fff;box-shadow:inset 3px 0 0 var(--color-brand-cyan)}.sidenav__link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.sidenav__footer{margin-top:auto;padding:var(--space-4) var(--space-5);border-top:1px solid rgba(255,255,255,.12);font-size:var(--text-body-sm);color:#ffffffb3}.topbar__user{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-body-sm)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--color-ink-500);min-width:0}.breadcrumbs__link{color:var(--color-ink-500);text-decoration:none}.breadcrumbs__link:hover{color:var(--color-brand-cyan);text-decoration:underline}.breadcrumbs__current{color:var(--color-ink-900);font-weight:700}.breadcrumbs__sep{color:var(--color-ink-300);flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-7) var(--space-5)}.empty-state__icon{color:var(--color-ink-300)}.empty-state__title{font-size:var(--text-body-lg);font-weight:700;color:var(--color-ink-700);margin:0}.empty-state__description{font-size:var(--text-body-sm);color:var(--color-ink-500);margin:0;max-width:420px}.empty-state__action{margin-top:var(--space-3)}.skeleton{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) 0}.skeleton__line{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-bg-subtle) 25%,var(--color-ink-100) 50%,var(--color-bg-subtle) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{display:inline-block;border:2px solid var(--color-ink-100);border-top-color:var(--color-brand-cyan);border-radius:var(--radius-full);animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141973;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-7) var(--space-4);z-index:100;overflow-y:auto}.overlay--right{justify-content:flex-end;padding:0;align-items:stretch}.modal{background:var(--color-bg-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);width:100%;display:flex;flex-direction:column;max-height:calc(100vh - var(--space-8))}.modal:focus,.drawer:focus{outline:none}.modal__header,.drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-3)}.modal__title,.drawer__title{font-size:var(--text-h4);font-weight:800;margin:0}.drawer__meta{margin-top:var(--space-2);display:flex;gap:var(--space-2);flex-wrap:wrap}.modal__body{padding:var(--space-2) var(--space-5) var(--space-5);overflow-y:auto}.modal__footer,.drawer__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:var(--border-default)}.drawer{background:var(--color-bg-default);box-shadow:var(--shadow-3);height:100%;max-width:calc(100vw - var(--space-7));display:flex;flex-direction:column}.drawer__body{padding:var(--space-3) var(--space-5) var(--space-5);overflow-y:auto;flex:1}.toast-stack{position:fixed;bottom:var(--space-5);right:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);z-index:200;max-width:380px}.toast{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-ink-900);color:#fff;box-shadow:var(--shadow-3);font-size:var(--text-body-sm)}.toast--success{border-left:3px solid var(--color-brand-green)}.toast--danger{border-left:3px solid #e07b6a}.toast--info{border-left:3px solid var(--color-brand-cyan)}.toast__title{font-weight:700}.toast__description{color:#ffffffbf;margin-top:2px}.datatable{display:flex;flex-direction:column;gap:var(--space-4)}.datatable__toolbar{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap}.datatable__search{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;color:var(--color-ink-300)}.datatable__search .input{width:220px}.datatable__pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.table__sort{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-transform:inherit;letter-spacing:inherit}.table__sort:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.table__sort-idle{opacity:.4}.table__row--clickable{cursor:pointer}.table__row--clickable:focus-visible{outline:none;box-shadow:inset var(--shadow-focus)}.tabs__list{display:flex;gap:var(--space-1);border-bottom:var(--border-default);margin-bottom:var(--space-5);overflow-x:auto}.tabs__tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;font:inherit;font-size:var(--text-body-sm);font-weight:700;color:var(--color-ink-500);cursor:pointer;white-space:nowrap}.tabs__tab:hover{color:var(--color-ink-900)}.tabs__tab--active{color:var(--color-brand-cyan-dark);border-bottom-color:var(--color-brand-cyan)}.tabs__tab:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.tabs__count{background:var(--color-bg-subtle);border-radius:var(--radius-full);padding:0 var(--space-2);font-size:var(--text-caption)}.combobox{position:relative}.combobox__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;height:40px;padding:0 var(--space-3);background:var(--color-bg-default);border:var(--border-default);border-radius:var(--radius-md);font:inherit;font-size:var(--text-body-sm);cursor:pointer;text-align:left}.combobox__trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.combobox__trigger:disabled{background:var(--color-bg-subtle);cursor:not-allowed}.combobox__placeholder{color:var(--color-ink-300)}.combobox__popover{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-default);border:var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-3);z-index:50;padding:var(--space-2)}.combobox__input{width:100%;margin-bottom:var(--space-2)}.combobox__list{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto}.combobox__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-sm);font:inherit;font-size:var(--text-body-sm);text-align:left;cursor:pointer}.combobox__option:hover{background:var(--color-bg-subtle)}.combobox__option--muted{color:var(--color-ink-500);font-style:italic}.combobox__hint{color:var(--color-ink-500)}.combobox__empty{padding:var(--space-3);font-size:var(--text-body-sm);color:var(--color-ink-500)}.stepper{display:flex;gap:var(--space-2);list-style:none;margin:0 0 var(--space-5);padding:0;overflow-x:auto}.stepper__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:76px;position:relative;text-align:center}.stepper__step:not(:last-child):after{content:"";position:absolute;top:14px;left:calc(50% + 18px);width:calc(100% - 36px);height:2px;background:var(--color-ink-100)}.stepper__step--done:not(:last-child):after{background:var(--color-brand-green)}.stepper__dot{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid var(--color-ink-100);background:var(--color-bg-default);color:var(--color-ink-500);font-size:var(--text-caption);font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:default;z-index:1}.stepper__step--done .stepper__dot{background:var(--color-brand-green);border-color:var(--color-brand-green);color:#fff;cursor:pointer}.stepper__step--current .stepper__dot{border-color:var(--color-brand-cyan);color:var(--color-brand-cyan-dark);box-shadow:var(--shadow-focus)}.stepper__step--disabled{opacity:.4}.stepper__label{font-size:var(--text-caption);color:var(--color-ink-500);max-width:110px}.stepper__step--current .stepper__label{color:var(--color-ink-900);font-weight:700}.timeline{list-style:none;margin:0;padding:0}.timeline__item{display:flex;gap:var(--space-3);position:relative;padding-bottom:var(--space-5)}.timeline__item:not(:last-child):before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--color-ink-100)}.timeline__dot{width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-bg-subtle);color:var(--color-ink-500);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.timeline__item--success .timeline__dot{background:var(--color-success-bg);color:var(--color-success)}.timeline__item--danger .timeline__dot{background:var(--color-danger-bg);color:var(--color-danger)}.timeline__item--warning .timeline__dot{background:var(--color-warning-bg);color:var(--color-warning)}.timeline__item--info .timeline__dot{background:var(--color-info-bg);color:#0e7fa8}.timeline__content{flex:1;min-width:0}.timeline__head{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.timeline__title{font-weight:700;font-size:var(--text-body-sm)}.timeline__time{font-size:var(--text-caption);color:var(--color-ink-300)}.timeline__author{font-size:var(--text-caption);color:var(--color-ink-500)}.timeline__description{font-size:var(--text-body-sm);color:var(--color-ink-700);margin-top:var(--space-1)}.scorecard{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--color-bg-default);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);text-align:left;font:inherit}.scorecard--clickable{cursor:pointer}.scorecard--clickable:hover{box-shadow:var(--shadow-2)}.scorecard__top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.scorecard__label{font-size:var(--text-overline);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-500)}.scorecard__icon{color:var(--color-ink-300)}.scorecard__value{font-size:var(--text-h2);font-weight:800;line-height:1.1}.scorecard__bottom{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--color-ink-500)}.scorecard__trend--bad{color:var(--color-danger)}.scorecard__trend--good{color:var(--color-success)}.scorecard__trend--flat{color:var(--color-ink-300)}.grid-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.grid-form{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.palette{max-width:560px;width:100%}.palette__results{list-style:none;margin:var(--space-3) 0 0;padding:0;max-height:320px;overflow-y:auto}.palette__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:none;border:none;border-radius:var(--radius-md);font:inherit;text-align:left;cursor:pointer}.palette__item:hover,.palette__item--active{background:var(--color-bg-subtle)}.palette__section{font-size:var(--text-caption);color:var(--color-ink-300);margin-left:auto}.notif{position:relative}.notif__badge{background:var(--color-danger);color:#fff;border-radius:var(--radius-full);font-size:var(--text-overline);font-weight:800;padding:0 var(--space-2);min-width:18px;text-align:center}.notif__popover{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-width:calc(100vw - var(--space-6));background:var(--color-bg-default);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);z-index:60;overflow:hidden}.notif__header{padding:var(--space-3) var(--space-4);font-weight:800;font-size:var(--text-body-sm);border-bottom:var(--border-default)}.notif__list{list-style:none;margin:0;padding:0;max-height:380px;overflow-y:auto}.notif__item{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:var(--border-default);font:inherit;text-align:left;cursor:pointer}.notif__item:hover{background:var(--color-bg-subtle)}.notif__item--unread{background:var(--color-info-bg)}.notif__item--unread:hover{background:var(--color-info-bg);filter:brightness(.97)}.notif__title{font-weight:700;font-size:var(--text-body-sm);display:flex;align-items:center;gap:var(--space-2)}.notif__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-brand-cyan);flex-shrink:0}.notif__body{font-size:var(--text-body-sm);color:var(--color-ink-700)}.notif__time{font-size:var(--text-caption);color:var(--color-ink-300)}.photo-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.photo-grid__item{position:relative;width:88px;height:88px;border-radius:var(--radius-md);overflow:hidden;border:var(--border-default)}.photo-grid__item img{width:100%;height:100%;object-fit:cover;display:block}.photo-grid__remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:var(--radius-full);border:none;background:#0f1419a6;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.photo-grid--lg .photo-grid__item{width:132px;height:132px}.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.sr-only:focus{position:fixed;top:var(--space-3);left:var(--space-3);width:auto;height:auto;z-index:300;background:var(--color-bg-default);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-3)}.shell__menu-btn{display:none}@media (max-width: 768px){.shell__menu-btn{display:inline-flex}}@media (max-width: 1024px){.grid-metrics{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width: 768px){.shell__sidebar{position:fixed;left:0;top:0;bottom:0;z-index:90;transform:translate(-100%);transition:transform .2s ease}.shell--nav-open .shell__sidebar{transform:translate(0)}.shell--nav-open .shell__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141973;z-index:80;border:none}.shell__main{padding:var(--space-4)}.grid-metrics,.grid-form{grid-template-columns:1fr}.datatable__search{margin-left:0;width:100%}.datatable__search .input{flex:1;width:auto}}