.s4-badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-full);font-family:var(--font-body);font-weight:600;letter-spacing:.01em;white-space:nowrap;border:1px solid transparent}.s4-badge--sm{height:22px;padding:0 8px;font-size:11px}.s4-badge--md{height:26px;padding:0 10px;font-size:12px}.s4-badge__dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.s4-badge__icon{display:inline-flex;align-items:center;justify-content:center}.s4-badge--neutral{background:var(--color-neutral-50);color:var(--color-neutral-800)}.s4-badge--brand{background:var(--color-brand-100);color:var(--color-brand-500)}.s4-badge--success{background:rgba(31,142,92,.12);color:var(--color-success)}.s4-badge--warning{background:rgba(198,138,0,.14);color:var(--color-warning)}.s4-badge--danger{background:rgba(192,57,43,.12);color:var(--color-danger)}.s4-badge--info{background:rgba(44,111,177,.12);color:var(--color-info)}.s4-badge--outline{background:transparent;color:var(--color-neutral-600);border-color:var(--color-neutral-300)}.s4-field{display:flex;flex-direction:column;gap:6px}.s4-field__label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-800)}.s4-field__required{color:var(--color-danger);margin-left:2px}.s4-field__msg{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-neutral-600)}.s4-field__msg--error{color:var(--color-danger)}.s4-input-root{display:flex;align-items:center;gap:8px;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);background:var(--color-neutral-0);transition:border-color var(--duration-micro) var(--easing-standard),box-shadow var(--duration-micro) var(--easing-standard)}.s4-input-root--md{height:40px;padding:0 12px}.s4-input-root--lg{height:48px;padding:0 14px}.s4-input-root:hover:not(.s4-input-root--disabled){border-color:var(--color-neutral-600)}.s4-input-root:focus-within{border-color:var(--color-brand-500);box-shadow:0 0 0 3px rgba(255,80,0,.12)}.s4-input-root--invalid{border-color:var(--color-danger)}.s4-input-root--invalid:focus-within{box-shadow:0 0 0 3px rgba(192,57,43,.12)}.s4-input-root--disabled{background:var(--color-neutral-50);cursor:not-allowed;opacity:.7}.s4-input-root__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-neutral-600);flex-shrink:0}.s4-input{flex:1 1;min-width:0;background:transparent;border:none;outline:none;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-neutral-800)}.s4-input::placeholder{color:var(--color-neutral-300)}.s4-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;padding-right:0}.s4-select__chevron{pointer-events:none}.s4-textarea{display:block;width:100%;padding:12px 14px;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);background:var(--color-neutral-0);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-base);color:var(--color-neutral-800);outline:none;resize:vertical;transition:border-color var(--duration-micro) var(--easing-standard),box-shadow var(--duration-micro) var(--easing-standard)}.s4-textarea::placeholder{color:var(--color-neutral-300)}.s4-textarea:hover:not(.s4-textarea--disabled){border-color:var(--color-neutral-600)}.s4-textarea:focus{border-color:var(--color-brand-500);box-shadow:0 0 0 3px rgba(255,80,0,.12)}.s4-textarea--invalid{border-color:var(--color-danger)}.s4-textarea--invalid:focus{box-shadow:0 0 0 3px rgba(192,57,43,.12)}.s4-textarea--disabled{background:var(--color-neutral-50);cursor:not-allowed;opacity:.7}.s4-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-7) var(--space-5);gap:var(--space-3);max-width:440px;margin:0 auto}.s4-empty__illustration{margin-bottom:var(--space-2);color:var(--color-neutral-300)}.s4-empty__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);line-height:var(--leading-xl);color:var(--color-neutral-800);margin:0}.s4-empty__desc{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-base);color:var(--color-neutral-600);margin:0}.s4-empty__actions{margin-top:var(--space-3);display:flex;gap:var(--space-3)}.s4-modal__overlay{position:fixed;inset:0;background:rgba(38,38,38,.6);display:flex;align-items:center;justify-content:center;padding:var(--space-5);z-index:100;animation:s4-modal-fade var(--duration-base) var(--easing-standard)}.s4-modal{background:var(--color-neutral-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);width:100%;max-height:calc(100vh - var(--space-7));overflow-y:auto;outline:none;animation:s4-modal-pop var(--duration-base) var(--easing-standard)}.s4-modal--sm{max-width:420px}.s4-modal--md{max-width:560px}.s4-modal--lg{max-width:920px}.s4-modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.s4-modal__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-2xl);line-height:var(--leading-2xl);letter-spacing:-.5px;margin:0;color:var(--color-neutral-800)}.s4-modal__close{background:transparent;border:none;border-radius:var(--radius-md);padding:6px;cursor:pointer;color:var(--color-neutral-600);transition:background-color var(--duration-micro) var(--easing-standard);flex-shrink:0}.s4-modal__close:hover{background:var(--color-neutral-50);color:var(--color-neutral-800)}.s4-modal__close:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.s4-modal__desc{color:var(--color-neutral-600);margin:0 0 var(--space-4)}.s4-modal__body,.s4-modal__desc{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-base)}.s4-modal__body{color:var(--color-neutral-800)}.s4-modal__footer{margin-top:var(--space-5);display:flex;justify-content:flex-end;gap:var(--space-3)}@keyframes s4-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes s4-modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.s4-modal,.s4-modal__overlay{animation:none}}.s4-header{height:72px;margin:16px 24px 0;background:var(--color-neutral-0);border:1px solid var(--color-neutral-50);border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:0 var(--space-7)}.s4-header--sticky{position:-webkit-sticky;position:sticky;top:16px;z-index:50}.s4-header__logo-link{display:inline-flex;align-items:center;transform:translateY(12%)}.s4-header__nav{display:flex;align-items:center;gap:36px}.s4-header__nav-item{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-800);text-decoration:none;transition:color var(--duration-micro) var(--easing-standard)}.s4-header__nav-item.is-active,.s4-header__nav-item:hover{color:var(--color-brand-500)}.s4-header__nav-item:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:4px;border-radius:var(--radius-sm)}.s4-header__actions{display:flex;align-items:center;gap:var(--space-3)}@media (max-width:1024px){.s4-header__nav{display:none}}@media (max-width:640px){.s4-header{margin:12px 12px 0;padding:0 var(--space-5)}.s4-header--sticky{top:12px}}.s4-footer{background:var(--color-neutral-800);color:var(--color-neutral-0);padding:72px 48px 32px}.s4-footer__container{max-width:1200px;margin:0 auto}.s4-footer__top{display:grid;grid-template-columns:1.4fr repeat(var(--footer-cols,4),1fr);grid-gap:48px;gap:48px;padding-bottom:56px}.s4-footer__brand{display:flex;flex-direction:column;gap:var(--space-4)}.s4-footer__logo{margin-bottom:4px;transform:translateY(10%)}.s4-footer__tagline{font-family:var(--font-body);font-size:var(--text-sm);line-height:1.6;color:hsla(0,0%,100%,.6);max-width:280px}.s4-footer__social{display:flex;gap:var(--space-2)}.s4-footer__col-title{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.5);margin:0 0 var(--space-4)}.s4-footer__col-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.s4-footer__col-link{font-family:var(--font-body);font-size:var(--text-sm);color:hsla(0,0%,100%,.85);text-decoration:none;transition:color var(--duration-micro) var(--easing-standard)}.s4-footer__col-link:hover{color:var(--color-neutral-0)}.s4-footer__bottom{border-top:1px solid hsla(0,0%,100%,.12);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body);font-size:13px;color:hsla(0,0%,100%,.5)}.s4-footer__meta-right{display:flex;gap:24px}@media (max-width:1024px){.s4-footer__top{grid-template-columns:1fr 1fr}}@media (max-width:640px){.s4-footer{padding:48px 24px 24px}.s4-footer__top{grid-template-columns:1fr;gap:32px;padding-bottom:32px}.s4-footer__bottom{flex-direction:column;gap:12px;align-items:flex-start}}.s4-shell{display:flex;min-height:100vh;background:var(--color-neutral-50)}.s4-shell__main{flex:1 1;display:flex;flex-direction:column;min-width:0}.s4-shell__content{flex:1 1;min-width:0}.s4-sidebar{width:240px;background:var(--color-neutral-0);border-right:1px solid var(--color-neutral-50);display:flex;flex-direction:column;padding:20px 16px;flex-shrink:0}.s4-sidebar__logo{padding:4px 8px 20px}.s4-sidebar__group{display:flex;flex-direction:column;gap:2px;margin-top:12px}.s4-sidebar__group-title{font-family:var(--font-body);font-size:11px;color:var(--color-neutral-300);text-transform:uppercase;letter-spacing:.1em;font-weight:700;padding:8px 12px 6px}.s4-sidebar__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--color-neutral-800);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;text-decoration:none;position:relative;transition:background-color var(--duration-micro) var(--easing-standard),color var(--duration-micro) var(--easing-standard)}.s4-sidebar__item:hover{background:var(--color-neutral-50)}.s4-sidebar__item:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.s4-sidebar__item--muted{color:var(--color-neutral-600)}.s4-sidebar__item--active{background:var(--color-brand-100);color:var(--color-brand-500);font-weight:600}.s4-sidebar__item-rail{position:absolute;left:-16px;top:8px;bottom:8px;width:3px;background:var(--color-brand-500);border-radius:var(--radius-full)}.s4-sidebar__item-icon{display:inline-flex;align-items:center;justify-content:center}.s4-sidebar__item-label{flex:1 1;min-width:0}.s4-sidebar__item-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-neutral-50);color:var(--color-neutral-600)}.s4-sidebar__item--active .s4-sidebar__item-badge{background:var(--color-brand-500);color:var(--color-neutral-0)}.s4-sidebar__bottom{margin-top:auto;display:flex;flex-direction:column;gap:2px}.s4-sidebar__user{margin-top:12px;padding:12px;background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex;align-items:center;gap:10px}.s4-sidebar__avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-brand-500);color:var(--color-neutral-0);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:14px;flex-shrink:0}.s4-sidebar__user-meta{flex:1 1;min-width:0}.s4-sidebar__user-name{font-size:13px;font-weight:600;color:var(--color-neutral-800)}.s4-sidebar__user-name,.s4-sidebar__user-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s4-sidebar__user-sub{font-size:11px;color:var(--color-neutral-600)}.s4-topbar{height:72px;border-bottom:1px solid var(--color-neutral-50);background:var(--color-neutral-0);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0}.s4-topbar__search{flex:1 1;max-width:440px}.s4-topbar__right{display:flex;align-items:center;gap:12px}.s4-pagehead{padding:32px 40px 24px;border-bottom:1px solid var(--color-neutral-50);background:var(--color-neutral-0)}.s4-pagehead__row{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.s4-pagehead__title{min-width:0}.s4-pagehead__actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.s4-pagehead__meta{margin-top:20px}@media (max-width:768px){.s4-pagehead{padding:24px 24px 20px}.s4-pagehead__row{flex-direction:column;gap:16px}.s4-topbar{padding:0 16px}}.s4-card{background:var(--color-neutral-0);border-radius:var(--radius-lg);color:var(--color-neutral-800)}.s4-card--bordered{border:1px solid var(--color-neutral-300)}.s4-card--elevated{border:1px solid transparent;box-shadow:var(--shadow-md)}.s4-card--flat{background:var(--color-neutral-50);border:1px solid transparent}.s4-card--pad-none{padding:0}.s4-card--pad-sm{padding:var(--space-4)}.s4-card--pad-md{padding:var(--space-5)}.s4-card--pad-lg{padding:var(--space-6)}.s4-card--interactive{cursor:pointer;transition:border-color var(--duration-micro) var(--easing-standard),box-shadow var(--duration-micro) var(--easing-standard),transform var(--duration-micro) var(--easing-standard)}.s4-card--interactive:hover{border-color:var(--color-neutral-600);box-shadow:var(--shadow-lg)}.s4-card--interactive:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.s4-card__header{margin:calc(var(--space-5) * -1) calc(var(--space-5) * -1) 0;padding:var(--space-5);border-bottom:1px solid var(--color-neutral-50)}.s4-card__body{padding-top:0}.s4-card__footer{margin:0 calc(var(--space-5) * -1) calc(var(--space-5) * -1);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-neutral-50);display:flex;align-items:center;gap:var(--space-3)}.s4-card__footer--start{justify-content:flex-start}.s4-card__footer--between{justify-content:space-between}.s4-card__footer--end{justify-content:flex-end}.s4-skel{display:inline-block;background:linear-gradient(90deg,var(--color-neutral-50) 0,hsla(0,0%,60%,.15) 50%,var(--color-neutral-50) 100%);background-size:200% 100%;animation:s4-skel-shimmer 1.4s ease-in-out infinite}.s4-skel--text{height:1em;width:100%;border-radius:var(--radius-sm);vertical-align:middle}.s4-skel--rect{border-radius:var(--radius-md)}.s4-skel--circle{border-radius:var(--radius-full)}@keyframes s4-skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.s4-skel{animation:none;background:var(--color-neutral-50)}}.s4-table__wrap{width:100%;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-neutral-300)}.s4-table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-neutral-800)}.s4-table__head{background:var(--color-neutral-50)}.s4-table__th{font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-600);text-transform:none;padding:12px 16px;border-bottom:1px solid var(--color-neutral-300)}.s4-table__td{padding:14px 16px;border-bottom:1px solid var(--color-neutral-50);vertical-align:middle}.s4-table__body .s4-table__row:last-child .s4-table__td{border-bottom:none}.s4-table--hoverable .s4-table__body .s4-table__row:hover,.s4-table--striped .s4-table__body .s4-table__row:nth-child(odd){background:var(--color-neutral-50)}.s4-toast__viewport{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:200;width:360px;max-width:calc(100vw - 48px);pointer-events:none}.s4-toast{pointer-events:auto;background:var(--color-neutral-0);border:1px solid var(--color-neutral-300);border-left:4px solid var(--color-info);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:12px 14px;display:flex;align-items:flex-start;gap:12px;animation:s4-toast-in var(--duration-base) var(--easing-standard)}.s4-toast--success{border-left-color:var(--color-success)}.s4-toast--warning{border-left-color:var(--color-warning)}.s4-toast--danger{border-left-color:var(--color-danger)}.s4-toast--info{border-left-color:var(--color-info)}.s4-toast__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.s4-toast--success .s4-toast__icon{color:var(--color-success)}.s4-toast--warning .s4-toast__icon{color:var(--color-warning)}.s4-toast--danger .s4-toast__icon{color:var(--color-danger)}.s4-toast--info .s4-toast__icon{color:var(--color-info)}.s4-toast__content{flex:1 1;min-width:0}.s4-toast__title{font-weight:600;color:var(--color-neutral-800);margin-bottom:2px}.s4-toast__message,.s4-toast__title{font-family:var(--font-body);font-size:var(--text-sm)}.s4-toast__message{line-height:var(--leading-sm);color:var(--color-neutral-600)}.s4-toast__close{background:transparent;border:none;padding:4px;border-radius:var(--radius-sm);color:var(--color-neutral-300);cursor:pointer;transition:color var(--duration-micro) var(--easing-standard);flex-shrink:0}.s4-toast__close:hover{color:var(--color-neutral-800)}@keyframes s4-toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.s4-toast{animation:none}}