:root{--pandai-teal-500:#00564c;--pandai-green-500:#00cc85;--surface-default:#fff;--surface-secondary:#f2f2f2;--surface-primary:#00cc85;--surface-primary-subtle:#e1f9ea;--surface-secondary-subtle:#e8fbe8;--bg-base:#f8f8f8;--border-primary:#00cc85;--border-primary-hover:#66e0b6;--border-primary-focus:#00a36a;--border-general:#d9d9d9;--border-width-xs:1px;--text-heading:#404040;--text-body:#666;--text-caption:#bfbfbf;--text-primary:#00cc85;--text-tertiary:#00564c;--text-on-color:#fff;--text-dark:#2c2c2c;--text-regular:#626262;--alert-success:#28c76f;--alert-info:#00a2e8;--alert-error:#ea5455;--radius-xl:16px;--radius-2xl:18px;--radius-4xl:24px;--radius-pill:108px;--space-3xs:2px;--space-xxs:4px;--space-xs:8px;--space-s:12px;--space-m:16px;--space-l:20px;--space-xl:24px;--space-2xl:32px;--font-family:"Poppins", sans-serif;--title-t1:700 18px/28px var(--font-family);--title-t3:700 16px/24px var(--font-family);--body-b1:600 14px/20px var(--font-family);--body-b2:500 14px/20px var(--font-family);--body-b5:600 12px/18px var(--font-family);--body-b6:500 12px/18px var(--font-family);--shadow-card:0 1px 2px #2c2c2c0a}:root[data-theme=dark]{--surface-default:#161d1a;--surface-secondary:#212a26;--surface-primary-subtle:#0e2a20;--surface-secondary-subtle:#102019;--bg-base:#0e1311;--border-primary-focus:#2fe0a3;--border-general:#2c3733;--text-heading:#eef2f0;--text-body:#b6bfbb;--text-caption:#717c77;--text-primary:#1ed79a;--text-tertiary:#4fe0a8;--text-dark:#eef2f0;--text-regular:#9aa39e;--shadow-card:0 1px 2px #0006}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font:var(--body-b2);color:var(--text-body);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;transition:background-color .2s,color .2s}h1,h2,h3,h4,p{margin:0}a{color:var(--text-primary);text-decoration:none}button{font-family:var(--font-family);cursor:pointer}.card{background:var(--surface-default);border:var(--border-width-xs) solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-m);box-shadow:var(--shadow-card)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);height:44px;padding:0 var(--space-xl);border:var(--border-width-xs) solid transparent;border-radius:var(--radius-pill);font:var(--body-b1);transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 3px var(--surface-primary-subtle);outline:none}.btn--primary,.btn--outline{text-align:left;padding-left:var(--space-xl);padding-right:calc(var(--space-xl) + 22px);justify-content:flex-start;position:relative}.btn--primary{background:var(--surface-primary);color:var(--text-on-color)}.btn--primary:hover{background:#1ad28f}.btn--primary:active{background:var(--border-primary-focus)}.btn--outline{background:var(--surface-default);border-color:var(--border-primary);color:var(--text-primary)}.btn--outline:hover{border-color:var(--border-primary-focus);color:var(--border-primary-focus);background:var(--surface-secondary-subtle)}.btn--outline:active{border-color:var(--border-primary-focus);color:var(--border-primary-focus);background:var(--surface-primary-subtle)}.btn:disabled,.btn[aria-disabled=true]{background:var(--surface-secondary);color:var(--text-caption);cursor:not-allowed;border-color:#0000}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-m) center;padding-right:var(--space-2xl)}.field{gap:var(--space-xs);flex-direction:column;display:flex}.field__label{font:var(--body-b5);color:var(--text-heading)}.input{height:44px;padding:0 var(--space-l);border:var(--border-width-xs) solid var(--border-general);border-radius:var(--radius-pill);font:var(--body-b2);color:var(--text-dark);background:var(--surface-default);transition:border-color .15s,box-shadow .15s,background-color .2s,color .2s}.input::placeholder{color:var(--text-caption)}.input:focus{border-color:var(--border-primary);box-shadow:0 0 0 3px var(--surface-primary-subtle);outline:none}.link-pill{border-radius:var(--radius-pill);border:var(--border-width-xs) solid var(--border-primary);color:var(--text-primary);font:var(--body-b5);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.link-pill:hover{background:var(--surface-secondary-subtle)}.notes__text{white-space:pre-wrap;word-break:break-word;font:var(--body-b2);color:var(--text-dark);background:var(--surface-secondary);border-radius:var(--radius-xl);padding:var(--space-s) var(--space-m);min-height:40px}.icon-btn{width:30px;height:30px;color:var(--text-caption);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--surface-secondary);color:var(--text-heading)}.icon-btn--danger:hover{color:var(--alert-error);background:#fdeaea}:root[data-theme=dark] .icon-btn--danger:hover{color:#ff8c8c;background:#2a1414}.progress{border-radius:var(--radius-pill);background:var(--surface-secondary);width:100%;height:8px;overflow:hidden}.progress__fill{background:var(--surface-primary);border-radius:var(--radius-pill);height:100%;transition:width .3s}.progress--split{display:flex}.progress__seg-amber{background:#f59e0b;height:100%}.page{gap:var(--space-l);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.page__head{justify-content:space-between;align-items:flex-start;gap:var(--space-m);display:flex}.page__title{font:var(--title-t1);color:var(--text-heading)}.page__actions{gap:var(--space-s);flex-wrap:wrap;display:flex}.page__subtitle{font:var(--body-b2);color:var(--text-body);margin-top:var(--space-3xs)}.muted{color:var(--text-caption)}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font:var(--body-b5);color:var(--text-regular);padding:var(--space-s) var(--space-m);border-bottom:var(--border-width-xs) solid var(--border-general);white-space:nowrap}.table td{font:var(--body-b2);color:var(--text-dark);padding:var(--space-s) var(--space-m);border-bottom:var(--border-width-xs) solid var(--surface-secondary);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table .num{text-align:right}.table .center{text-align:center}.table .mono{font-variant-numeric:tabular-nums}.modal-overlay{z-index:60;padding:var(--space-xl);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1418168c;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface-default);border:var(--border-width-xs) solid var(--border-general);border-radius:var(--radius-4xl);flex-direction:column;width:100%;max-width:640px;max-height:90vh;display:flex;overflow:hidden}.modal__header{padding:var(--space-m) var(--space-xl);border-bottom:var(--border-width-xs) solid var(--border-general);justify-content:space-between;align-items:center;display:flex}.modal__title{font:var(--title-t3);color:var(--text-heading)}.modal__close{color:var(--text-caption);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.modal__close:hover{color:var(--text-heading)}.modal__body{padding:var(--space-xl);gap:var(--space-m);flex-direction:column;display:flex;overflow-y:auto}.modal__footer{justify-content:flex-end;gap:var(--space-s);padding:var(--space-m) var(--space-xl);border-top:var(--border-width-xs) solid var(--border-general);display:flex}.form-grid{gap:var(--space-m);grid-template-columns:1fr 1fr;display:grid}.form-grid .field--full{grid-column:1/-1}textarea.input{height:auto;padding:var(--space-s) var(--space-l);border-radius:var(--radius-xl);resize:vertical;font:var(--body-b2)}.pic-line{align-items:center;gap:var(--space-xs);font:var(--body-b2);color:var(--text-dark);display:flex}.avatar{object-fit:cover;border-radius:50%;flex:none;display:inline-block}.avatar--initials{background:var(--surface-primary-subtle);color:var(--text-tertiary);font:var(--body-b1);text-transform:uppercase;justify-content:center;align-items:center;display:inline-flex}.pill{padding:3px var(--space-s);border-radius:var(--radius-pill);font:var(--body-b5);white-space:nowrap;flex:none;align-items:center;display:inline-flex}.pill--muted,.status-badge--draft{color:var(--text-regular);background:var(--surface-secondary)}.status-badge--review{color:#b45309;background:#fef3c7}.status-badge--published{color:var(--text-tertiary);background:var(--surface-primary-subtle)}.status-badge--not_posted{color:var(--alert-error);background:#fdeaea}:root[data-theme=dark] .status-badge--review{color:#fbbf24;background:#2a2310}:root[data-theme=dark] .status-badge--not_posted{color:#ff8c8c;background:#2a1414}.role-badge{padding:2px var(--space-s);border-radius:var(--radius-pill);font:var(--body-b5);text-transform:capitalize;align-items:center;display:inline-flex}.role-badge--admin{color:var(--text-tertiary);background:var(--surface-primary-subtle)}.role-badge--staff{color:var(--alert-info);background:#e1f3fb}.role-badge--intern{color:var(--text-regular);background:var(--surface-secondary)}.alert{padding:var(--space-s) var(--space-m);border-radius:var(--radius-xl);font:var(--body-b6)}.alert--error{color:var(--alert-error);border:var(--border-width-xs) solid #f7caca;background:#fdeaea}.btn--primary:after,.btn--outline:after{content:"";right:var(--space-s);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:12px;border:1.5px solid;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;transform:translateY(-50%)}.btn--primary:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");border-color:#ffffffe6}.btn--outline:after{border-color:var(--border-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300cc85' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E")}.btn--sm:after{content:none}.btn:disabled:after{border-color:var(--text-caption);opacity:.7}.theme-toggle{border:var(--border-width-xs) solid var(--border-general);background:var(--surface-default);width:40px;height:40px;color:var(--text-body);border-radius:50%;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background-color .2s;display:inline-flex}.theme-toggle:hover{border-color:var(--border-primary);color:var(--text-primary)}.theme-toggle--fixed{top:var(--space-l);right:var(--space-l);z-index:50;box-shadow:var(--shadow-card);position:fixed}.btn--sm{height:32px;padding:0 var(--space-m);font:var(--body-b5)}.btn--danger{color:var(--alert-error);background:0 0;border-color:#f3c2c2}.btn--danger:hover{border-color:var(--alert-error);background:#fdeaea}:root[data-theme=dark] .role-badge--staff{color:#6fc3ec;background:#11293a}:root[data-theme=dark] .alert--error{color:#ff8c8c;background:#2a1414;border-color:#5a2a2a}:root[data-theme=dark] .alert--success{background:#122a1c;border-color:#1f5236}:root[data-theme=dark] .btn--danger{border-color:#5a2a2a}:root[data-theme=dark] .btn--danger:hover{background:#2a1414}:root[data-theme=dark] .btn--primary:after{background-color:#00000038;border-color:#0000}:root[data-theme=dark] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b6bfbb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.navbar{z-index:40;justify-content:space-between;align-items:center;gap:var(--space-m);height:64px;padding:0 var(--space-xl);background:var(--surface-default);border-bottom:var(--border-width-xs) solid var(--border-general);transition:background-color .2s,border-color .2s;display:flex;position:sticky;top:0}.navbar__brand{align-items:center;display:inline-flex}.navbar__actions{align-items:center;gap:var(--space-s);display:flex}.navbar .btn{height:40px}.navbar__profile{align-items:center;gap:var(--space-xs);height:40px;padding:0 var(--space-m) 0 4px;border:var(--border-width-xs) solid var(--border-general);border-radius:var(--radius-pill);background:var(--surface-default);display:flex}.navbar__avatar-btn{background:0 0;border:none;border-radius:50%;padding:0;line-height:0;display:inline-flex;position:relative}.navbar__avatar-btn:disabled{cursor:progress}.navbar__avatar-edit{background:var(--surface-primary);color:#fff;border:1.5px solid var(--surface-default);border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:9px;display:inline-flex;position:absolute;bottom:-2px;right:-2px}.navbar__name{font:var(--body-b5);color:var(--text-heading);text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}@media (width<=640px){.navbar{padding:0 var(--space-m)}.navbar__name{display:none}}.sidebar{background:var(--surface-default);border-right:var(--border-width-xs) solid var(--border-general);width:232px;padding:var(--space-m);flex:none;transition:background-color .2s,border-color .2s}.sidebar__nav{gap:var(--space-3xs);top:calc(64px + var(--space-m));flex-direction:column;display:flex;position:sticky}.sidebar__link{align-items:center;gap:var(--space-s);padding:10px var(--space-m);border-radius:var(--radius-xl);font:var(--body-b5);color:var(--text-body);transition:background-color .15s,color .15s;display:flex}.sidebar__link:hover{background:var(--surface-secondary);color:var(--text-heading)}.sidebar__link--active{background:var(--surface-primary-subtle);color:var(--text-tertiary);font-weight:700}.sidebar__icon{flex:none;display:inline-flex}@media (width<=720px){.sidebar{width:64px;padding:var(--space-s)}.sidebar__link span:not(.sidebar__icon){display:none}.sidebar__link{justify-content:center;padding:10px}}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-body{flex:1;align-items:stretch;display:flex}.app-content{min-width:0;padding:var(--space-xl);flex:1}.login{min-height:100%;padding:var(--space-xl);background:radial-gradient(120% 90% at 50% -10%, var(--surface-secondary-subtle) 0%, transparent 55%), var(--bg-base);place-items:center;display:grid}.login__card{width:100%;max-width:408px;padding:calc(var(--space-2xl) + 15px);gap:var(--space-xl);flex-direction:column;display:flex}.login__brand{align-items:center;gap:var(--space-m);text-align:center;flex-direction:column;display:flex}.login__logo{width:auto;height:40px}.login__heading{font:var(--title-t1);color:var(--text-heading)}.login__subtitle{font:var(--body-b2);color:var(--text-body)}.login__form{gap:var(--space-m);flex-direction:column;display:flex}.login__submit{width:100%;margin-top:var(--space-xs)}.login__footnote{font:var(--body-b6);color:var(--text-caption);text-align:center}.login__footnote a{color:var(--text-primary);font-weight:600}.login__footnote-cta{margin-top:var(--space-3xs);color:var(--text-primary);font-weight:700;display:block}.route-loading{min-height:100%;color:var(--text-body);font:var(--body-b2);place-items:center;display:grid}.banner{justify-content:space-between;align-items:center;gap:var(--space-m);padding:var(--space-m) var(--space-l);border-radius:var(--radius-xl);border:var(--border-width-xs) solid #f6dca0;color:#92600a;font:var(--body-b2);background:#fff7e6;display:flex}:root[data-theme=dark] .banner{color:#fbbf24;background:#2a2310;border-color:#4a3c14}.mx__stats{gap:var(--space-m);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{gap:var(--space-3xs);flex-direction:column;display:flex}.stat-card__label{font:var(--body-b5);color:var(--text-regular);text-transform:uppercase;letter-spacing:.04em}.stat-card__value{font:800 26px/32px var(--font-family);color:var(--text-heading)}.stat-card__value--accent{color:var(--text-primary)}.mx__platform{align-items:center;gap:var(--space-xs);font:var(--body-b5);color:var(--text-heading);display:flex}.mx__dot{border-radius:50%;flex:none;width:9px;height:9px}.mx__bar-cell{min-width:180px}.mx__section-title{font:var(--body-b5);color:var(--text-regular);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-s)}.mx__weeks{gap:var(--space-m);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.week-card{gap:var(--space-xs);flex-direction:column;display:flex}.week-card__ww{align-self:flex-start}.week-card__row{font:var(--body-b6);justify-content:space-between;display:flex}.week-card__row strong{color:var(--text-heading)}.mx__bimesters{gap:var(--space-m);grid-template-columns:repeat(6,1fr);display:grid}@media (width<=900px){.mx__bimesters{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.mx__bimesters{grid-template-columns:repeat(2,1fr)}}.bi-card{padding:var(--space-m);gap:var(--space-xs);text-align:left;cursor:pointer;width:100%;min-height:84px;font-family:var(--font-family);flex-direction:column;transition:border-color .15s,background-color .15s;display:flex}.bi-card:hover{border-color:var(--border-primary)}.bi-card--current{border-color:var(--border-primary);background:var(--surface-primary-subtle)}.mx__split{gap:var(--space-l);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=900px){.mx__split{grid-template-columns:1fr}}.mx__list{padding:0;overflow:hidden}.mx__list-row{justify-content:space-between;align-items:center;gap:var(--space-m);width:100%;padding:var(--space-s) var(--space-m);border-bottom:var(--border-width-xs) solid var(--surface-secondary);display:flex}.mx__list-row:last-child{border-bottom:none}.mx__metrics{gap:var(--space-m);font:var(--body-b6);color:var(--text-body);white-space:nowrap;display:flex}.mx__metrics strong{color:var(--text-heading);font-variant-numeric:tabular-nums}.mx__bi-row{border:none;border-bottom:var(--border-width-xs) solid var(--surface-secondary);cursor:pointer;font-family:var(--font-family);text-align:left;background:0 0;transition:background-color .15s}.mx__bi-row:hover{background:var(--surface-secondary)}.mx__bi-row--current{background:var(--surface-primary-subtle)}.mx__bi-name{font:var(--body-b5);color:var(--text-heading)}.mx__bi-row .mono{color:var(--text-heading);font:var(--body-b5);font-variant-numeric:tabular-nums}.mx__bi-switch{align-items:center;gap:var(--space-m);display:flex}.mx__bi-label{font:var(--title-t3);color:var(--text-heading);text-align:center;min-width:150px}.bi-card__label{font:var(--body-b6);color:var(--text-regular)}.bi-card__value{font:800 18px/22px var(--font-family);color:var(--text-heading);font-variant-numeric:tabular-nums;margin-top:auto}.wm__weeknav{justify-content:center;align-items:center;gap:var(--space-m);display:flex}.wm__weeklabel{font:var(--body-b5);color:var(--text-heading)}.wm__dot{width:8px;height:8px;margin-right:var(--space-xs);border-radius:50%;display:inline-block}.wm__input{text-align:right;max-width:130px;height:38px;margin-left:auto}.pr{background:var(--bg-base);min-height:100%;padding:var(--space-2xl) var(--space-l)}.pr__inner{gap:var(--space-l);flex-direction:column;max-width:1000px;margin:0 auto;display:flex}.pr__header{justify-content:space-between;align-items:center;gap:var(--space-m);flex-wrap:wrap;display:flex}.pr__title{font:var(--title-t1);color:var(--text-heading)}.pr__meta{font:var(--body-b6);color:var(--text-caption);margin-top:var(--space-3xs)}.pr__section-title{font:var(--body-b5);color:var(--text-regular);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-s)}.pr__footer{text-align:center;font:var(--body-b6);color:var(--text-caption);padding-top:var(--space-m)}.pr__state{min-height:100%;color:var(--text-body);place-items:center;display:grid}.report-opts{gap:var(--space-xs);flex-direction:column;display:flex}.report-opt{align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border:var(--border-width-xs) solid var(--border-general);border-radius:var(--radius-xl);font:var(--body-b2);color:var(--text-dark);cursor:pointer;display:flex}.report-opt input{width:16px;height:16px;accent-color:var(--surface-primary)}.report-link{gap:var(--space-s);padding:var(--space-s);border:var(--border-width-xs) solid var(--border-primary);border-radius:var(--radius-xl);background:var(--surface-secondary-subtle);align-items:center;display:flex}.report-link input{font:var(--body-b2);color:var(--text-dark);background:0 0;border:none;outline:none;flex:1}.report-list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.report-list__row{align-items:center;gap:var(--space-s);padding:var(--space-s) 0;border-top:var(--border-width-xs) solid var(--surface-secondary);display:flex}.report-list__meta{flex:1;min-width:0}.report-list__title{font:var(--body-b5);color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.report-list__date{font:var(--body-b6);color:var(--text-caption)}.cal__nav{align-items:center;gap:var(--space-xs);display:flex}.cal__month{font:var(--title-t3);color:var(--text-heading);text-align:center;min-width:150px}.cal{padding:0;overflow:hidden}.cal__dow,.cal__grid{grid-template-columns:repeat(7,1fr);display:grid}.cal__dow{border-bottom:var(--border-width-xs) solid var(--border-general)}.cal__dow>div{padding:var(--space-s);text-align:center;font:var(--body-b5);color:var(--text-regular)}.cal__cell{min-height:116px;padding:var(--space-xs);border-right:var(--border-width-xs) solid var(--surface-secondary);border-bottom:var(--border-width-xs) solid var(--surface-secondary);gap:var(--space-xxs);flex-direction:column;display:flex}.cal__cell--empty{background:var(--surface-secondary)}.cal__grid>.cal__cell:nth-child(7n){border-right:none}.cal__day{justify-content:space-between;align-items:center;display:flex}.cal__daynum{font:var(--body-b5);color:var(--text-caption)}.cal__daynum--today{background:var(--surface-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.cal__add{color:var(--text-caption);cursor:pointer;opacity:0;background:0 0;border:none;font-size:16px;line-height:1;transition:opacity .15s}.cal__cell:hover .cal__add{opacity:1}.cal__add:hover{color:var(--text-primary)}.cal__holiday{font:var(--body-b8,500 10px/12px var(--font-family));color:var(--alert-error);white-space:nowrap;text-overflow:ellipsis;background:#fdeaea;border-radius:6px;margin-bottom:3px;padding:2px 6px;overflow:hidden}:root[data-theme=dark] .cal__holiday{color:#ff9d9d;background:#2a1414}.cal__chips{flex-direction:column;gap:3px;display:flex;overflow:hidden}.cal__chip{text-align:left;font:var(--body-b8,500 10px/12px var(--font-family));color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:none;border-radius:6px;padding:2px 6px;overflow:hidden}.ws__tabs{gap:var(--space-xs);flex-wrap:wrap;display:flex}.ws__tab{align-items:center;gap:var(--space-xs);padding:7px var(--space-m);border-radius:var(--radius-pill);border:var(--border-width-xs) solid var(--border-general);background:var(--surface-default);color:var(--text-body);font:var(--body-b5);transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.ws__tab:hover{border-color:var(--border-primary)}.ws__tab--active{background:var(--surface-primary);border-color:var(--surface-primary);color:#fff}.ws__dot{border-radius:50%;flex:none;width:8px;height:8px}.ws__tab--active .ws__dot{outline:1.5px solid #ffffffb3}.ws__card{padding:0;overflow-x:auto}.ws__card .table{min-width:1320px}.ws__title{font:var(--body-b5);color:var(--text-heading)}.ws__campaign{font:var(--body-b6);color:var(--text-primary);margin-top:1px}.ws__actions{gap:var(--space-xs);white-space:nowrap;justify-content:flex-end;display:flex}.camp__add{gap:var(--space-s);align-items:center;display:flex}.camp__add .input{flex:1}.camp__grid{gap:var(--space-m);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.camp__card{gap:var(--space-s);flex-direction:column;display:flex}.camp__head{justify-content:space-between;align-items:center;gap:var(--space-s);display:flex}.camp__name{font:var(--title-t3);color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.camp__head-right{align-items:center;gap:var(--space-xs);flex:none;display:flex}.camp__bar-row{font:var(--body-b5);justify-content:space-between;display:flex}.camp__pct{color:var(--text-tertiary);font-weight:700}.audit__filters{align-items:center;gap:var(--space-s);flex-wrap:wrap;display:flex}.audit__search{align-items:center;gap:var(--space-xs);min-width:200px;height:44px;padding:0 var(--space-l);border:var(--border-width-xs) solid var(--border-general);border-radius:var(--radius-pill);background:var(--surface-default);color:var(--text-caption);flex:1;display:flex}.audit__search:focus-within{border-color:var(--border-primary)}.audit__search-input{font:var(--body-b2);color:var(--text-dark);background:0 0;border:none;outline:none;flex:1}.audit__select{max-width:240px}.audit__line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.audit__plat{color:var(--text-regular);background:var(--surface-secondary)}.audit__plat-dot{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.audit__action-tabs{gap:var(--space-xs);display:flex}.audit__tab{padding:7px var(--space-m);border-radius:var(--radius-pill);border:var(--border-width-xs) solid var(--border-general);background:var(--surface-default);color:var(--text-body);font:var(--body-b5);transition:background-color .15s,color .15s,border-color .15s}.audit__tab:hover{border-color:var(--border-primary)}.audit__tab--active{background:var(--surface-primary);border-color:var(--surface-primary);color:#fff}.audit__list{margin:0;padding:0;list-style:none}.audit__row{align-items:flex-start;gap:var(--space-m);padding:var(--space-s) 0;border-bottom:var(--border-width-xs) solid var(--surface-secondary);display:flex}.audit__row:last-child{border-bottom:none}.audit__body{flex:1;min-width:0}.audit__body p{font:var(--body-b2);color:var(--text-dark)}.audit__time{font:var(--body-b6);color:var(--text-caption)}.audit__action{text-transform:capitalize;flex:none}.audit__action--create{color:var(--text-tertiary);background:var(--surface-primary-subtle)}.audit__action--update{color:#b45309;background:#fef3c7}.audit__action--delete{color:var(--alert-error);background:#fdeaea}:root[data-theme=dark] .audit__action--update{color:#fbbf24;background:#2a2310}:root[data-theme=dark] .audit__action--delete{color:#ff8c8c;background:#2a1414}.users{gap:var(--space-xl);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.users__header{justify-content:space-between;align-items:center;gap:var(--space-m);display:flex}.users__title{font:var(--title-t1);color:var(--text-heading)}.users__subtitle{font:var(--body-b2);color:var(--text-body);margin-top:var(--space-3xs)}.users__card{gap:var(--space-l);padding:var(--space-xl);flex-direction:column;display:flex}.users__card-title{font:var(--title-t3);color:var(--text-heading)}.users__form{gap:var(--space-m);grid-template-columns:1fr 1fr;display:grid}.users__form .field--full{grid-column:1/-1}.users__form-actions{align-items:center;gap:var(--space-m);grid-column:1/-1;display:flex}.users__hint{font:var(--body-b6);color:var(--text-caption)}.users__table{border-collapse:collapse;width:100%}.users__table th{text-align:left;font:var(--body-b5);color:var(--text-regular);padding:var(--space-s) var(--space-m);border-bottom:var(--border-width-xs) solid var(--border-general)}.users__table td{font:var(--body-b2);color:var(--text-dark);padding:var(--space-s) var(--space-m);border-bottom:var(--border-width-xs) solid var(--surface-secondary)}.users__table tr:last-child td{border-bottom:none}.users__row-actions{text-align:right;white-space:nowrap}.alert--success{color:var(--alert-success);background:var(--surface-secondary-subtle);border:var(--border-width-xs) solid #bdebcb}