:root{--bg:#ffffff;--bg-strong:#ffffff;--panel:#ffffff;--panel-soft:#ffffff;--panel-strong:#ffffff;--line:rgba(15,15,15,0.08);--line-strong:rgba(15,15,15,0.18);--text:#131313;--muted:#6a6a6a;--muted-strong:#3d3d3d;--brand:#111111;--brand-soft:#f5f5f5;--accent:#111111;--success:#111111;--warning:#555555;--danger:#111111;--info:#111111;--shadow-soft:none;--shadow-strong:none;--radius-xl:0;--radius-lg:0;--radius-md:0;--font-plex-sans:"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei","Segoe UI",sans-serif;--font-plex-mono:"SFMono-Regular","JetBrains Mono","Menlo","Monaco","Consolas",monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;max-width:100vw}html{scroll-behavior:smooth}body{position:relative;color:var(--text);background:#ffffff;font-family:var(--font-plex-sans),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:none}::selection{background:rgba(17,17,17,.1)}img{max-width:100%}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em}.sidebar__brand,h1,h2{color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,summary{cursor:pointer}.button--disabled,button:disabled{cursor:not-allowed}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:0;background:#ffffff;padding:.9rem 1rem;color:var(--text);box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}input::placeholder,textarea::placeholder{color:rgba(65,64,60,.7)}input[type=file]{padding:.75rem}textarea{min-height:110px;resize:vertical}:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(17,17,17,.08)}input:focus,select:focus,textarea:focus{border-color:rgba(17,17,17,.28);background:#ffffff}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:1rem .95rem;border-bottom:1px solid rgba(17,17,17,.08);vertical-align:top}thead th{position:sticky;top:0;z-index:1;background:var(--panel-soft);color:var(--muted);font-family:var(--font-plex-mono),monospace;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}tbody tr{transition:background .16s ease}tbody tr:hover{background:rgba(17,17,17,.025)}tbody tr:last-child td{border-bottom:0}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:20;border-radius:0;background:#111111;color:#ffffff;padding:.7rem 1rem;box-shadow:var(--shadow-soft);transition:top .16s ease}.skip-link:focus{top:1rem}.app-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1rem;padding:1rem}.main-shell,.sidebar{min-height:calc(100vh - 2rem)}.sidebar{top:1rem;display:flex;flex-direction:column;gap:1.75rem;border:1px solid rgba(17,17,17,.06);border-radius:14px;box-shadow:var(--shadow-soft);padding:1.4rem;-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar__brand-wrap{display:grid;gap:.75rem;padding-bottom:1.15rem;border-bottom:1px solid var(--line)}.muted,.muted-line,.nav__index,.section-header__eyebrow,.sidebar__account-label,.sidebar__eyebrow,.status-chip,.topbar__eyebrow{color:var(--muted);font-family:var(--font-plex-mono),monospace}.section-header__eyebrow,.sidebar__eyebrow,.topbar__eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.sidebar__brand{font-size:clamp(2rem,2.8vw,2.7rem);line-height:.95;letter-spacing:.02em;font-weight:700}.sidebar__summary{max-width:18rem;color:var(--muted);line-height:1.65;font-size:.95rem}.sidebar__footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line)}.sidebar__account{display:grid;gap:.35rem;border:1px solid rgba(17,17,17,.06);border-radius:0;background:#ffffff;padding:1rem}.sidebar__account-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.sidebar__account strong{font-size:1rem}.sidebar__account-role{color:var(--muted);line-height:1.5}.nav{display:flex;flex-direction:column;gap:.45rem}.nav__group-trigger{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;width:100%;gap:0;border-radius:0;background:transparent;padding:.72rem .8rem;color:var(--muted-strong);font-family:var(--font-plex-mono),monospace;font-size:.78rem;letter-spacing:.08em;text-align:left;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.nav__group-trigger:focus-visible,.nav__group-trigger:hover{border-color:rgba(17,17,17,.08);transform:none}.nav__group--active .nav__group-trigger{background:#111111;border-color:#111111;color:#ffffff}.nav__group--active .nav__group-trigger .nav__index{background:rgba(255,255,255,.14);color:rgba(255,255,255,.8)}.nav__caret{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;border:1px solid;border-radius:4px;font-size:.9rem;line-height:1;transition:transform .16s ease}.nav__group--open .nav__caret{transform:rotate(45deg)}.nav__submenu{position:absolute;top:-.35rem;left:calc(100% + .8rem);z-index:10;display:grid;min-width:14rem;gap:.35rem;padding:.65rem;border:1px solid rgba(17,17,17,.1);border-radius:0;box-shadow:none;opacity:0;pointer-events:none;transform:translateX(-.5rem);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;visibility:hidden}.nav__group--open>.nav__submenu,.nav__group:not(.nav__group--clicked):hover>.nav__submenu{opacity:1;pointer-events:auto;transform:translateX(0);visibility:visible}.nav__submenu .nav__item{grid-template-columns:minmax(0,1fr);padding:.78rem .85rem}.nav__item{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:.85rem;border:1px solid transparent;border-radius:0;padding:.68rem .8rem;color:var(--muted-strong);font-family:var(--font-plex-mono),monospace;font-size:.74rem;letter-spacing:.04em;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.nav__item:hover{border-color:rgba(17,17,17,.08);transform:none}.nav__index{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;padding:.32rem .5rem;border-radius:999px;background:rgba(17,17,17,.05);font-size:.74rem;letter-spacing:.08em}.nav__label{font-size:inherit;font-weight:600}.nav__item--active{background:#111111;border-color:#111111;color:#ffffff;transform:none}.nav__item--active .nav__index{background:rgba(255,255,255,.14);color:rgba(255,255,255,.8)}.main-shell{display:flex;flex-direction:column;min-width:0;border:1px solid rgba(17,17,17,.06);border-radius:14px;background:#ffffff;box-shadow:var(--shadow-strong);-webkit-backdrop-filter:none;backdrop-filter:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:1.15rem 1.6rem}.topbar__intro{display:flex;flex-direction:column;gap:.55rem}.topbar__page-title{color:#111111;font-family:var(--font-plex-sans),sans-serif;font-size:1.1rem;font-weight:650;letter-spacing:0;line-height:1.2}.topbar__date{color:var(--muted);font-family:var(--font-plex-mono),monospace;font-size:.72rem;letter-spacing:.12em;white-space:nowrap}.topbar__meta{display:flex;align-items:center;gap:1.8rem;flex-wrap:wrap}.topbar__meta>.status-chip{min-height:auto;height:auto;border:0;border-radius:0;background:transparent;padding:0;font-size:.78rem;font-weight:600;letter-spacing:.1em}.topbar__meta>.status-chip:not(.status-chip--solid){color:var(--muted);font-weight:500}.topbar__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.topbar__actions>form{display:flex;align-items:stretch}.topbar__actions>.button,.topbar__actions>form>.button{min-width:auto;min-height:2.75rem;height:2.75rem;border-radius:0;padding:.55rem .8rem;box-shadow:none;border:1px solid #d4d4d4;font-family:var(--font-plex-mono),monospace;font-size:.72rem}.topbar__actions>.button{background:transparent;font-weight:600}.topbar__actions>.button:hover,.topbar__actions>form>.button:hover{border-color:#111111;background:#ffffff;box-shadow:none;transform:none}.user-chip{display:grid;align-content:center;min-height:0;height:auto;gap:.16rem;border-bottom:1px solid #111111;border-radius:0;background:transparent;padding:.35rem .15rem .45rem;box-shadow:none}.user-chip span{color:var(--muted);font-family:var(--font-plex-mono),monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.user-chip strong{font-size:1.22rem;line-height:1.1;font-weight:700}.content{min-width:0;padding:1.15rem 1.6rem 1.6rem}.page-stack{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.section-header{display:flex;align-items:flex-end;justify-content:space-between}.section-header__copy{display:grid;gap:.4rem;max-width:48rem}.section-header__copy h1{font-size:clamp(2rem,2.4vw,2.7rem);line-height:1;font-weight:700}.section-header__description{color:var(--muted);line-height:1.7;font-size:.98rem}.section-header__aside{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.section-header__aside--only{width:100%;margin-left:auto}.section-header__aside form,.section-header__aside>*{flex:0 0 auto}.toolbar-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;max-width:100%;border:1px solid rgba(17,17,17,.09);border-radius:0;background:#ffffff;padding:.55rem .9rem;font-size:.76rem;letter-spacing:.08em;white-space:nowrap;text-transform:uppercase}.status-chip--solid{background:#111111;border-color:#111111;color:#ffffff}.stats-grid{display:grid;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.stats-grid>.card{min-height:154px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.2rem}.two-col-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.approval-summary-grid{align-items:stretch}.approval-summary-grid>.panel{display:grid;grid-template-rows:auto 1fr;height:100%}.two-col-grid--wide-left{grid-template-columns:minmax(320px,.9fr) minmax(0,1.45fr)}.two-col-grid--wide-right{grid-template-columns:minmax(300px,.76fr) minmax(0,1.64fr)}.card{min-width:0;border:1px solid rgba(17,17,17,.06);border-radius:var(--radius-xl);box-shadow:none}.stat-card{gap:.6rem;min-height:170px;padding:1.2rem}.stat-card__label{color:var(--muted);font-family:var(--font-plex-mono),monospace;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.stat-card__value{display:block;color:#111111;font-size:clamp(1.8rem,2.4vw,2.4rem);font-weight:400;line-height:1}.stat-card__hint{color:var(--muted);line-height:1.65;font-size:.72rem}.panel{min-width:0;padding:1.3rem}.panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.panel__header-copy{display:grid;gap:.35rem;min-width:0}.panel__header-aside{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.panel__header h2{font-size:1.1rem;font-weight:700}.panel__header p{color:var(--muted);line-height:1.65}.panel>:not(.panel__header)+*{margin-top:1rem}.detail-stack{display:flex;flex-direction:column;gap:1rem}.detail-block,.detail-kv{display:flex;flex-direction:column;gap:.38rem}.detail-block span,.detail-kv span{color:var(--muted);font-family:var(--font-plex-mono),monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.detail-block a,.detail-block p{line-height:1.7;word-break:break-word}.workflow-strip{display:flex;align-items:stretch;gap:.85rem;overflow-x:auto;padding-bottom:.2rem}.workflow-strip__item{display:flex;align-items:center;gap:.85rem;min-width:max-content}.workflow-step{display:grid;align-content:start;gap:.65rem;min-width:176px;max-width:176px;min-height:144px;border:1px solid var(--line);border-radius:24px;background:#ffffff;padding:1rem}.workflow-step strong{font-size:1rem}.workflow-step p{color:var(--muted);line-height:1.65;font-size:.9rem}.workflow-step__index{width:2rem;height:2rem;display:grid;place-items:center;border-radius:999px;border:1px solid var(--line-strong);font-family:var(--font-plex-mono),monospace;font-size:.78rem;font-weight:700}.workflow-step--completed{border-color:rgba(17,17,17,.12);background:#f7f7f7}.workflow-step--completed .workflow-step__index,.workflow-step--current .workflow-step__index{background:#111111;border-color:#111111;color:#ffffff}.workflow-step--current{border-color:rgba(17,17,17,.24);background:#f3f3f3;box-shadow:0 14px 28px rgba(17,17,17,.08)}.workflow-step--upcoming{opacity:.68}.workflow-connector{width:36px;height:1px;background:rgba(17,17,17,.14)}.workflow-connector--completed,.workflow-connector--current{background:rgba(17,17,17,.36)}.note-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.note-card,.shipment-product-card,.trend-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff;overflow:hidden}.note-card{display:flex;flex-direction:column}.note-card__image,.shipment-product-card__image{aspect-ratio:4/5;background:#f5f5f5}.note-card__image img,.shipment-product-card__image img{width:100%;height:100%;display:block;object-fit:cover}.note-card__placeholder,.shipment-product-card__placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--muted)}.note-card__body,.shipment-product-card__body{display:grid;gap:.65rem;padding:.95rem}.note-card__body p{color:var(--muted);line-height:1.6;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.note-card__meta{display:flex;gap:.65rem;flex-wrap:wrap;color:var(--muted);font-size:.84rem}.note-analytics{display:grid;gap:1rem;min-width:0}.note-analytics__chart{display:grid;gap:.9rem;width:100%;max-width:100%;min-width:0;overflow:hidden;border:1px solid rgba(17,17,17,.08);border-radius:24px;background:rgba(255,255,255,.88);padding:1rem}.note-analytics__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;flex-wrap:wrap;min-width:0}.note-analytics__header>div{flex:1 1 320px;min-width:0}.note-analytics__header .status-chip{flex:0 0 auto}.note-peak-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.note-peak-card{display:grid;gap:.45rem;min-height:176px;border:1px solid rgba(17,17,17,.08);border-radius:24px;background:rgba(255,255,255,.88);padding:1rem;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.note-peak-card:hover{transform:translateY(-2px);border-color:rgba(17,17,17,.16);box-shadow:0 16px 30px rgba(17,17,17,.06)}.note-peak-card__label{color:var(--muted);font-family:var(--font-plex-mono),monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.note-peak-card__value{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1}.note-peak-card__title{display:-webkit-box;overflow:hidden;color:var(--text);font-weight:600;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.shipment-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem}.approval-assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0;align-items:start}.approval-assets-grid__pane{display:grid;gap:.85rem;min-width:0;align-content:start}.approval-assets-grid .detail-block{margin:0}.approval-assets-grid .attachment-list,.approval-assets-grid .readonly-box,.approval-assets-grid .shipment-product-card,.approval-assets-grid .shipment-products{width:100%}.shipment-products--single-column{grid-template-columns:1fr}.form-grid{display:grid;gap:.9rem}.employee-profile-editor{display:grid;gap:1.75rem;width:100%;max-width:1180px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.employee-profile-editor__intro{display:grid;gap:.45rem;max-width:46rem}.employee-profile-editor__intro h2{font-size:1.2rem;font-weight:700}.employee-profile-editor__intro p{color:var(--muted);line-height:1.65}.employee-profile-editor__updated{padding-bottom:.9rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.86rem}.employee-status-control{display:grid;gap:.35rem;min-width:9.5rem;color:var(--muted);font-size:.8rem;text-align:left}.employee-status-control select{min-height:2.75rem;color:var(--text)}.employee-profile-header-actions{display:flex;align-items:flex-end;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.employee-profile-form{gap:1rem}.employee-profile-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.employee-profile-form__row--single{grid-template-columns:minmax(0,1fr)}.employee-salary-summary{display:flex;align-items:baseline;gap:12px;padding:12px 14px;border:1px solid var(--line);background:rgba(15,15,15,.025);color:var(--muted)}.employee-salary-summary strong{color:var(--text);font-size:18px}.employee-salary-summary small{color:var(--muted)}.employee-payslip-list{display:grid;gap:.35rem}.employee-status-badge{display:inline-flex;align-items:center;min-height:1.75rem;padding:0 .65rem;border:1px solid var(--line);background:rgba(15,15,15,.04);color:var(--text);font-size:.82rem;font-weight:700;white-space:nowrap}.employee-status-badge--试用{border-color:rgba(180,120,0,.28);background:rgba(180,120,0,.1)}.employee-status-badge--兼职{border-color:rgba(40,110,180,.24);background:rgba(40,110,180,.1)}.employee-status-badge--离职{color:var(--muted);background:rgba(15,15,15,.02)}.employee-profile-form label{display:grid;gap:.45rem;align-content:start;min-width:0;color:var(--muted);font-size:.86rem}.employee-profile-form label input,.employee-profile-form label select{min-height:3.2rem;color:var(--text)}.employee-profile-form label input[type=file]{display:flex;align-items:center;padding:.55rem .75rem}.employee-profile-form__subsection{display:grid;gap:1rem;margin-top:.35rem;padding-top:1.2rem;border-top:1px solid var(--line)}.employee-profile-form__subsection-heading{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.employee-profile-form__subsection-heading h3{font-size:1rem}.employee-contract-add small,.employee-contracts__header p,.employee-profile-form__subsection-heading span{color:var(--muted);font-size:.82rem}.employee-profile-form__subsection--assets{margin-top:.2rem;padding-top:1rem}.employee-contract-edit{margin-top:.25rem;border-top:1px solid var(--line);padding-top:.75rem}.employee-contract-edit summary{color:var(--accent);font-size:.84rem;font-weight:650}.employee-contract-edit__form{display:grid;gap:.9rem;padding-top:.85rem}.employee-contracts{display:grid;gap:1.1rem;padding-top:1.4rem;border-top:1px solid var(--line-strong)}.employee-contracts--empty{gap:.5rem}.employee-contracts--empty h2,.employee-contracts__header h2{font-size:1.45rem;font-weight:750}.employee-contracts__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.employee-contracts__header p{margin-top:.35rem;line-height:1.55}.employee-contracts__count{flex:0 0 auto;color:var(--muted);font-size:.82rem}.employee-contract-add{display:grid;gap:1rem;padding:1.15rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.employee-contract-add__title{color:var(--accent);font-weight:700}.employee-contract-add__grid,.employee-contract-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1rem}.employee-contract-add label{display:grid;gap:.4rem;align-content:start;min-width:0;color:var(--muted);font-size:.84rem}.employee-contract-add label input,.employee-contract-add label select{min-height:3.2rem;color:var(--text)}.employee-contract-add>.button{justify-self:start}.employee-contract-add label small{margin-top:-.15rem}.employee-contract-list{display:grid;gap:.8rem}.employee-contract-card{display:grid;gap:1rem;padding:1rem 0;border-top:1px solid var(--line);background:transparent}.employee-contract-card__topline{display:flex;align-items:center;justify-content:space-between;gap:1rem}.employee-contract-card__topline form{margin:0}.employee-contract-card__grid>div{display:grid;gap:.3rem;min-width:0}.employee-contract-card__grid span{color:var(--muted);font-size:.78rem}.employee-contract-attachment,.employee-contract-card__grid strong{overflow-wrap:anywhere;font-size:.9rem}.employee-contract-attachment{color:var(--accent);text-decoration:underline;text-underline-offset:.2em}.employee-contracts__empty{padding:.85rem 0;border-top:1px dashed var(--line-strong);color:var(--muted);font-size:.88rem}.contract-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contract-summary-item{display:grid;gap:.3rem;padding:1rem 1.2rem;border-right:1px solid var(--line);color:inherit;text-decoration:none}.contract-summary-item:last-child{border-right:0}.contract-summary-item span{color:var(--muted);font-size:.82rem}.contract-summary-item strong{font-size:1.35rem;line-height:1}.contract-summary-item--active,.contract-summary-item:focus-visible,.contract-summary-item:hover{background:#f7f8fa}.employee-contract-filter{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(170px,.7fr) auto auto;gap:.75rem;align-items:center;margin-bottom:1rem}.employee-contract-table-wrap{overflow-x:auto}.employee-contract-table{min-width:1120px}.employee-contract-table td,.employee-contract-table th{padding:.85rem .75rem;white-space:nowrap}.contract-countdown{font-weight:650}.contract-countdown--neutral{color:var(--muted-strong)}.contract-countdown--warning{color:var(--warning)}.contract-countdown--danger{color:var(--danger)}.employee-contract-pagination{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1rem}.employee-position-create-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;max-width:680px}.employee-position-table{min-width:720px}.hr-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hr-dashboard-stats>div{display:grid;gap:.35rem;padding:1.1rem 1.2rem;border-right:1px solid var(--line)}.hr-dashboard-stats>div:last-child{border-right:0}.hr-dashboard-stats span,.hr-dashboard-tool__topline span{color:var(--muted);font-size:.8rem}.hr-dashboard-stats strong{font-size:1.6rem;line-height:1}.hr-dashboard-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);background:var(--line)}.hr-dashboard-tool{display:grid;gap:.65rem;min-height:11rem;padding:1.25rem;background:#ffffff;color:inherit;text-decoration:none}.hr-dashboard-tool:focus-visible,.hr-dashboard-tool:hover{background:#f8f9fb}.hr-dashboard-tool__topline{display:flex;justify-content:space-between;gap:1rem}.hr-dashboard-tool__topline strong{color:var(--accent);font-size:.82rem;font-weight:650}.hr-dashboard-tool h2{font-size:1.25rem}.hr-dashboard-tool p{max-width:32rem;color:var(--muted);line-height:1.55}.hr-dashboard-tool__arrow{align-self:end;color:var(--accent);font-size:.84rem;font-weight:650}.work-device-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.work-device-stats>div{display:grid;gap:.35rem;padding:1rem 1.2rem;border-right:1px solid var(--line)}.work-device-stats>div:last-child{border-right:0}.work-device-stats span{color:var(--muted);font-size:.8rem}.work-device-stats strong{font-size:1.5rem;line-height:1}.resignation-create-form,.resignation-edit-form,.work-device-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem 1rem;align-items:end}.resignation-create-form label,.resignation-edit-form label,.work-device-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.82rem}.resignation-create-form__wide,.work-device-form__wide{grid-column:span 2}.work-device-table{min-width:960px}.work-device-ledger-form,.work-device-ledger-form__sections{display:grid;gap:1rem}.work-device-ledger-form__section{display:grid;gap:.75rem;padding-top:1rem;border-top:1px solid var(--line)}.work-device-ledger-form__section>strong{color:var(--text);font-size:.9rem}.work-device-ledger-form__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem 1rem}.work-device-ledger-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.82rem}.work-device-ledger-form input,.work-device-ledger-form select,.work-device-ledger-form textarea{min-width:0;min-height:2.7rem;padding:.55rem .7rem;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);background:#fff}.work-device-ledger-form textarea{resize:vertical}.work-device-ledger-form__notes{max-width:100%}.work-device-ledger-form__hint{align-self:end;color:var(--muted);font-size:.82rem}.work-device-ledger-table{min-width:2280px}.work-device-ledger-table td,.work-device-ledger-table th{padding:.72rem .65rem;white-space:nowrap;vertical-align:top}.work-device-ledger-table td:nth-child(19){min-width:220px;white-space:normal}.work-device-edit-details{border-top:1px solid var(--line);padding:.8rem 0}.work-device-edit-details summary{cursor:pointer;color:var(--accent);font-weight:650}.work-device-monthly-records{display:grid;gap:.8rem;padding-top:1rem;border-top:1px solid var(--line)}.work-device-monthly-records__header{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.work-device-monthly-records__header span{color:var(--muted);font-size:.82rem}.work-device-monthly-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem 1rem;align-items:end}.work-device-monthly-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.82rem}.work-device-monthly-form input{min-height:2.7rem;padding:.55rem .7rem;border:1px solid var(--line-strong);border-radius:8px;color:var(--text)}.work-device-monthly-table{min-width:520px}.work-device-monthly-table td,.work-device-monthly-table th{padding:.6rem .7rem;white-space:nowrap}.social-insurance-header-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.social-insurance-month-tab{display:flex;align-items:end;gap:.55rem}.social-insurance-import-form label,.social-insurance-month-tab label{display:grid;gap:.3rem;color:var(--muted);font-size:.82rem}.social-insurance-import-form input,.social-insurance-month-tab input{min-height:2.7rem;padding:.55rem .7rem;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);background:#fff}.social-insurance-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.social-insurance-stats>div{display:grid;gap:.35rem;padding:1rem 1.2rem;border-right:1px solid var(--line)}.social-insurance-stats>div:last-child{border-right:0}.social-insurance-stats span{color:var(--muted);font-size:.8rem}.social-insurance-stats strong{font-size:1.35rem;line-height:1}.social-insurance-import-form{display:grid;grid-template-columns:220px minmax(280px,1fr) auto;gap:1rem;align-items:end}.social-insurance-table{min-width:1700px}.social-insurance-table td,.social-insurance-table th{padding:.7rem .65rem;white-space:nowrap;text-align:right}.social-insurance-table td:first-child,.social-insurance-table td:nth-child(2),.social-insurance-table td:nth-child(3),.social-insurance-table th:first-child,.social-insurance-table th:nth-child(2),.social-insurance-table th:nth-child(3){text-align:left}.social-insurance-table thead th{background:#dceff0;color:var(--text);text-align:center;border-bottom:1px solid var(--line-strong)}.social-insurance-table tfoot th{background:#f1f5f5;border-top:2px solid var(--line-strong)}.work-device-edit-list{display:grid;gap:.6rem}.work-device-edit-form{display:grid;grid-template-columns:1.1fr 1.2fr 1fr .9fr .9fr 1.1fr 1.4fr auto;gap:.5rem;align-items:center;padding:.65rem;border-bottom:1px solid var(--line)}.work-device-edit-form input,.work-device-edit-form select{min-width:0;min-height:2.55rem;padding:.55rem .7rem;border-radius:10px}.resignation-list{display:grid;gap:.8rem}.resignation-card{display:grid;gap:.85rem;padding:1rem 0;border-bottom:1px solid var(--line)}.resignation-card__header,.resignation-card__meta{display:flex;justify-content:space-between;gap:1rem;align-items:center}.resignation-card__header>div{display:grid;gap:.25rem}.resignation-card__header span,.resignation-card__meta span{color:var(--muted);font-size:.82rem}.resignation-card__meta strong{color:var(--warning);font-size:.85rem}.resignation-status{font-size:.82rem;font-weight:650}.resignation-status--active{color:var(--warning)}.resignation-status--done{color:var(--success)}.resignation-status--muted{color:var(--muted)}.resignation-card details{border-top:1px solid var(--line);padding-top:.7rem}.resignation-card summary{color:var(--accent);font-size:.84rem;font-weight:650}.resignation-edit-form{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:.75rem}.employee-profile-form__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.35rem}.employee-status-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;padding:.55rem;border:1px solid rgba(17,17,17,.06);border-radius:8px;background:#f7f7f8}.employee-status-card{display:grid;place-items:center;min-height:5rem;padding:.8rem;border:1px solid transparent;border-radius:8px;background:#ffffff;color:inherit;text-align:center;text-decoration:none}.employee-status-card span{color:var(--muted);font-size:.88rem}.employee-status-card strong{margin-top:.18rem;color:var(--text);font-size:1.4rem;line-height:1}.employee-status-card--active,.employee-status-card:focus-visible,.employee-status-card:hover{border-color:rgba(17,17,17,.22);box-shadow:0 10px 24px rgba(17,17,17,.08)}.employee-status-card--active span{color:var(--text)}.employee-profile-filter{display:grid;grid-template-columns:minmax(220px,1.25fr) repeat(2,minmax(150px,.75fr)) auto auto;gap:.75rem;align-items:center;margin-bottom:1rem}.employee-name-link{color:inherit;text-decoration:none}.employee-name-link:focus-visible,.employee-name-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:.2em}.employee-sort-link{display:inline-flex;align-items:center;gap:.35rem;color:inherit;text-decoration:none}.employee-sort-link:focus-visible,.employee-sort-link:hover{color:var(--text);text-decoration:underline;text-underline-offset:.2em}.employee-sort-link__indicator{display:inline-flex;align-items:center;justify-content:center;width:1rem;min-width:1rem;color:rgba(17,17,17,.36);font-family:var(--font-sans),sans-serif;font-size:.85rem;letter-spacing:0}.employee-sort-link__indicator--active{color:var(--text)}.influencer-sort-link{display:inline-flex;align-items:center;gap:.35rem;color:inherit;text-decoration:none}.influencer-sort-link:focus-visible,.influencer-sort-link:hover{color:var(--text);text-decoration:underline;text-underline-offset:.2em}.influencer-sort-link__indicator{display:inline-flex;align-items:center;justify-content:center;width:1rem;min-width:1rem;color:rgba(17,17,17,.36);font-family:var(--font-sans),sans-serif;font-size:.85rem;letter-spacing:0}.influencer-sort-link__indicator--active{color:var(--text)}.employee-profile-table,.influencer-library-table{table-layout:fixed}.table-wrap .employee-profile-table{min-width:920px}.employee-profile-table td:first-child,.employee-profile-table th:first-child{width:9%}.employee-profile-table td:nth-child(2),.employee-profile-table td:nth-child(3),.employee-profile-table td:nth-child(4),.employee-profile-table th:nth-child(2),.employee-profile-table th:nth-child(3),.employee-profile-table th:nth-child(4){width:18%}.employee-profile-table td:nth-child(5),.employee-profile-table th:nth-child(5){width:17%}.employee-profile-table td:nth-child(6),.employee-profile-table th:nth-child(6){width:20%}.table-wrap .influencer-library-table{min-width:1280px}.employee-pagination{margin-top:1rem}.employee-pagination__jump{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.86rem}.employee-pagination__jump select{width:auto;min-width:7rem;min-height:2.7rem;padding:.55rem .8rem}.employee-pagination__jump button{min-height:2.7rem;border:1px solid #111111;border-radius:14px;background:#111111;color:#ffffff;padding:.55rem .9rem}.salary-tools{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);gap:1rem;align-items:start}.salary-tool{min-width:0;padding:1rem 1.1rem;border-radius:20px}.salary-import-tool>summary,.salary-tool__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.salary-tool__header h2{font-size:1rem}.salary-import-tool__title small,.salary-tool__header p,.salary-tool__meta{display:block;margin-top:.25rem;color:var(--muted);font-size:.78rem;line-height:1.45}.salary-tool__badge{border:1px solid var(--line);border-radius:999px;padding:.28rem .55rem;color:var(--muted);font-size:.7rem;white-space:nowrap}.salary-month-form{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:.65rem;align-items:end;margin-top:.85rem}.salary-month-form .button{min-height:2.9rem}.salary-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}.salary-month-tab{display:flex;align-items:center;gap:.55rem;min-height:3rem;padding:.35rem .45rem .35rem .8rem;border:1px solid var(--line);border-radius:16px;background:#ffffff}.salary-month-tab label{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.78rem;white-space:nowrap}.salary-month-tab input{width:9.1rem;min-height:2.25rem;border:0;border-radius:10px;padding:.35rem .45rem;background:#f7f7f5}.salary-month-tab__submit{min-height:2.25rem;border:0;border-radius:11px;background:#f0f0ed;color:var(--text);padding:.4rem .7rem;font-size:.78rem}.salary-month-tab__submit:hover{background:#e6e6e2}.salary-import-page-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:end}.salary-import-page-form label{display:grid;gap:.45rem;color:var(--muted);font-size:.86rem}.salary-import-page-form__actions,.salary-import-page-form__hint{grid-column:1/-1}.salary-import-page-form__hint{margin-top:-.35rem;color:var(--muted);font-size:.8rem}.salary-import-page-form__actions{display:flex;gap:.65rem;flex-wrap:wrap;padding-top:.35rem}.salary-tool__meta{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.salary-import-tool{padding:0;overflow:visible}.salary-import-tool>summary{min-height:4.85rem;padding:1rem 1.1rem;list-style:none}.salary-import-tool>summary::-webkit-details-marker{display:none}.salary-import-tool__title{min-width:0}.salary-import-tool__title strong{display:block;font-size:1rem}.salary-import-tool__toggle{color:var(--muted);font-size:.78rem;white-space:nowrap}.salary-import-tool[open]>summary{border-bottom:1px solid var(--line)}.salary-import-tool[open] .salary-import-tool__toggle span{display:inline-block;transform:rotate(180deg)}.salary-import-tool__body{padding:.95rem 1.1rem 1.1rem}.salary-edit-form,.salary-import-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.salary-edit-form__fields{display:contents;min-width:0;border:0;padding:0}.salary-edit-form label,.salary-filter-form label,.salary-import-form label{display:grid;gap:.45rem;color:var(--muted);font-size:.86rem}.salary-filter-form{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(150px,.8fr)) auto;gap:.9rem;align-items:end}.salary-filter-form__actions{display:flex;gap:.6rem;flex-wrap:wrap}.salary-logs-filter{display:grid;grid-template-columns:minmax(260px,1fr) minmax(170px,.45fr) auto;gap:.9rem;align-items:end}.salary-logs-filter label{display:grid;gap:.45rem;color:var(--muted);font-size:.86rem}.salary-logs-table-wrap table{min-width:1100px}.salary-edit-form__wide{grid-column:1/-1}.salary-comp-time-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.salary-comp-time-summary>div{display:grid;gap:.3rem;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:#fafafa}.salary-comp-time-summary span{color:var(--muted);font-size:.78rem}.salary-comp-time-summary strong{font-size:1.15rem}.salary-comp-time-form{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(260px,1.4fr) auto;gap:.9rem;align-items:end}.salary-comp-time-form label{display:grid;gap:.45rem;color:var(--muted);font-size:.86rem}.salary-edit-field--calendar{position:relative;z-index:1}.salary-edit-field__hint{margin-left:.45rem;color:var(--accent);font-size:.72rem;font-weight:500}.salary-attendance-popover{position:absolute;top:calc(100% + .55rem);left:0;z-index:10;width:min(720px,calc(100vw - 3rem));padding:1rem;border:1px solid var(--line-strong);border-radius:18px;background:#ffffff;box-shadow:0 18px 42px rgba(17,17,17,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-.35rem);transition:opacity .14s ease,visibility .14s ease,transform .14s ease}.salary-edit-field--calendar:focus-within .salary-attendance-popover,.salary-edit-field--calendar:hover .salary-attendance-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.salary-attendance-popover__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.salary-attendance-popover__empty,.salary-attendance-popover__header span{color:var(--muted);font-size:.78rem}.salary-attendance-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem}.salary-attendance-day{min-height:5.6rem;padding:.5rem;border:1px solid var(--line);border-radius:10px;background:#fafafa;color:var(--muted);font-size:.7rem}.salary-attendance-day--approved{border-color:#9fc4e2;background:#eef7ff}.salary-attendance-day--rest{background:#f4f4f4}.salary-attendance-day__punch,.salary-attendance-day__top{display:flex;justify-content:space-between;gap:.35rem}.salary-attendance-day__top strong{color:var(--text)}.salary-attendance-day__status{overflow:hidden;margin-top:.45rem;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.salary-attendance-day__punch{margin-top:.35rem;font-family:var(--font-plex-mono),monospace;font-size:.66rem}.salary-attendance-day__overtime{margin-top:.35rem;color:#1769aa;font-size:.64rem;line-height:1.35}.salary-table-wrap table{min-width:3300px;font-size:.82rem}.salary-table-wrap td,.salary-table-wrap th{white-space:nowrap}.salary-employee-link{color:inherit;text-decoration:none}.salary-employee-link:focus-visible,.salary-employee-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:.2em}.salary-rules-list{display:grid;gap:.75rem}.salary-rule{display:grid;grid-template-columns:2.8rem minmax(0,1fr);gap:.9rem;padding:.95rem 1rem;border:1px solid var(--line);border-radius:12px;background:#fafafa}.salary-rule__number{display:flex;align-items:flex-start;justify-content:center;color:var(--accent);font-family:var(--font-plex-mono),monospace;font-size:.82rem;font-weight:700;line-height:1.7}.salary-rule__content{min-width:0}.salary-rule__title{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.salary-rule__title h3{margin:0;font-size:.98rem}.salary-rule__title span{display:inline-flex;align-items:center;min-height:1.55rem;border:1px solid #d7e2f5;border-radius:999px;background:#f2f6fd;color:#375d96;padding:.18rem .5rem;font-size:.7rem;line-height:1}.salary-rule__content p{margin:.4rem 0 0;color:var(--muted);font-size:.86rem;line-height:1.7}.salary-rules-reference{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:1rem}.salary-rules-files{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.salary-rules-files li{display:grid;grid-template-columns:minmax(130px,.45fr) minmax(0,1fr);gap:.8rem;padding-bottom:.65rem;border-bottom:1px solid var(--line);font-size:.83rem;line-height:1.55}.salary-rules-files li:last-child{padding-bottom:0;border-bottom:0}.salary-rules-files span,.salary-rules-note{color:var(--muted)}.salary-rules-note{margin:0;font-size:.84rem;line-height:1.7}@media (max-width:720px){.salary-rules-files li,.salary-rules-reference{grid-template-columns:1fr}.salary-rules-files li{gap:.15rem}.salary-attendance-popover{left:50%;transform:translate(-50%,-.35rem)}.salary-edit-field--calendar:focus-within .salary-attendance-popover,.salary-edit-field--calendar:hover .salary-attendance-popover{transform:translate(-50%)}.salary-attendance-calendar{grid-template-columns:repeat(4,minmax(0,1fr))}}body{background:#fafafa}.app-shell{grid-template-columns:240px minmax(0,1fr);gap:0;padding:0}.app-shell,.main-shell,.sidebar{min-height:100vh}.sidebar{position:sticky;top:0;gap:1.25rem;border:0;border-right:1px solid #e5e5e5;border-radius:0;background:#ffffff;box-shadow:none;padding:1rem .75rem}.sidebar__brand-wrap{gap:.35rem;align-items:center;padding:.75rem .75rem 1.25rem;border-bottom:0}.sidebar__brand{font-size:1.85rem;letter-spacing:-.02em;text-align:center}.nav{gap:.25rem}.nav__group-wrap{display:grid;gap:.25rem}.nav__section-label{margin:.9rem 0 .25rem;padding:0 .75rem;color:#a3a3a3;font-family:var(--font-plex-mono),monospace;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.nav__group{position:relative}.nav__group-trigger{grid-template-columns:auto minmax(0,1fr) auto;gap:.6rem;min-height:2rem;border:1px solid transparent;border-radius:6px;padding:.375rem .75rem;color:#525252;font-family:var(--font-plex-sans),sans-serif;font-size:.75rem;font-weight:500;letter-spacing:0}.nav__group-trigger:focus-visible,.nav__group-trigger:hover{border-color:transparent;background:#f5f5f5;color:#171717}.nav__group--active .nav__group-trigger{border-color:transparent;background:#f0f0f0;color:#171717;font-weight:600;box-shadow:none}.nav__group-icon{color:#a3a3a3}.nav__group--active .nav__group-icon{color:#525252}.nav__caret{width:.9rem;height:.9rem;border:0;border-radius:0;color:#a3a3a3;transition:transform .16s ease,color .16s ease}.nav__group--open .nav__caret{transform:rotate(90deg);color:#525252}.nav__submenu{top:0;left:calc(100% + .5rem);min-width:12rem;gap:.15rem;padding:.35rem;border:1px solid #e5e5e5;border-radius:8px;background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.04)}.nav__item,.nav__submenu .nav__item{min-height:2rem;border:0;border-radius:6px;padding:.375rem .625rem;color:#525252;font-family:var(--font-plex-sans),sans-serif;font-size:.75rem;letter-spacing:0}.nav__item:hover{background:#f5f5f5}.nav__item--active,.nav__item:hover{border-color:transparent;color:#171717}.nav__item--active{background:#f0f0f0;font-weight:600;box-shadow:none}.sidebar__footer{padding:.75rem;border-top:1px solid #f0f0f0}.sidebar__account{gap:0;border:0;border-radius:6px;background:#fafafa;padding:.625rem .75rem}.sidebar__account strong{color:#404040;font-size:.75rem;font-weight:500}.main-shell{border:0;border-radius:0;background:#fafafa;box-shadow:none}.topbar{min-height:4rem;border-bottom:1px solid #e5e5e5;background:#ffffff;padding:.75rem 1.5rem}.topbar__page-title{color:#171717;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.topbar__actions{gap:.5rem;flex-wrap:nowrap}.topbar__date{margin-left:.25rem;color:#a3a3a3;font-size:.6875rem;letter-spacing:.08em}.topbar__actions>.button,.topbar__actions>form>.button{min-height:2rem;height:2rem;border:1px solid #e5e5e5;border-radius:6px;background:#ffffff;padding:.375rem .75rem;color:#525252;font-family:var(--font-plex-sans),sans-serif;font-size:.75rem;font-weight:500}.topbar__actions>.button:hover,.topbar__actions>form>.button:hover{border-color:#d4d4d4;background:#fafafa;color:#171717;box-shadow:0 1px 2px rgba(0,0,0,.04)}.user-chip{min-width:auto;border:0;border-bottom:0;padding:.35rem .5rem}.user-chip strong{color:#404040;font-size:.75rem;font-weight:500;white-space:nowrap}.content{min-height:calc(100vh - 4rem);background:#fafafa;padding:1.5rem 1.75rem 2rem}.page-stack{gap:1.25rem;max-width:1440px;margin:0 auto}.section-header{align-items:flex-start;gap:1rem}.section-header__copy{gap:.35rem}.section-header__eyebrow{color:#a3a3a3;font-size:.625rem;letter-spacing:.14em}.section-header__copy h1{color:#171717;font-size:1.65rem;font-weight:650;letter-spacing:-.03em}.section-header__description{max-width:46rem;color:#737373;font-size:.8125rem;line-height:1.55}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;border:0}.stats-grid>.card{min-height:9rem;border:1px solid rgba(229,229,229,.8);border-radius:8px;background:#ffffff;padding:1rem;box-shadow:0 1px 2px rgba(0,0,0,.04)}.stat-card{display:grid;grid-template-rows:auto auto auto 1fr;gap:.4rem}.stat-card__icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:1px solid rgba(229,229,229,.6);border-radius:6px;background:#f5f5f5;color:#525252}.stat-card__label{color:#737373;font-family:var(--font-plex-sans),sans-serif;font-size:.75rem;font-weight:500;letter-spacing:0;text-transform:none}.stat-card__value{margin:.1rem 0;color:#171717;font-family:var(--font-plex-mono),monospace;font-size:1.5rem;font-weight:600;letter-spacing:-.04em}.stat-card__hint{align-self:end;color:#a3a3a3;font-family:var(--font-plex-sans),sans-serif;font-size:.6875rem;line-height:1.45}.card{border:1px solid rgba(229,229,229,.8);border-radius:8px;background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.04)}.panel{padding:1rem}.panel__header{padding-bottom:.8rem;border-bottom-color:#f0f0f0}.panel__header h2{color:#262626;font-size:.875rem;font-weight:600}.panel__header p{color:#a3a3a3;font-size:.75rem}.tool-link-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.625rem}.tool-link-card{min-height:6rem;gap:.35rem;border:1px solid rgba(229,229,229,.8);border-radius:8px;padding:.8rem}.tool-link-card strong{color:#262626;font-size:.75rem;font-weight:600}.tool-link-card span{color:#a3a3a3;font-size:.6875rem;line-height:1.45}.row-card{border:1px solid rgba(229,229,229,.8);border-radius:8px;padding:.8rem}.muted-line{color:#a3a3a3;font-size:.75rem}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;align-items:end}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;border:1px solid var(--line-strong);border-radius:0;color:var(--text);padding:.78rem 1rem;box-shadow:0 10px 22px rgba(17,17,17,.04);white-space:nowrap;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.button:hover{border-color:rgba(17,17,17,.22);background:#ffffff;box-shadow:0 14px 28px rgba(17,17,17,.08);transform:translateY(-1px)}.button--primary{background:#111111;border-color:#111111;box-shadow:0 14px 32px rgba(17,17,17,.16)}.button--primary:hover{background:#1b1b1b;border-color:#1b1b1b}.button--small{min-height:2.35rem;border-radius:0;padding:.55rem .85rem}.button--danger{border-color:rgba(180,35,24,.22);color:var(--danger)}.button--danger:hover{border-color:rgba(180,35,24,.38);background:rgba(180,35,24,.04);color:var(--danger)}.button--disabled{pointer-events:none;background:rgba(17,17,17,.04);border-color:rgba(17,17,17,.08);box-shadow:none;color:var(--muted)}.inline-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;align-items:start}.inline-form textarea{min-height:84px}.badge{display:inline-flex;align-items:center;gap:.45rem;border-radius:0;border:1px solid var(--line-strong);background:#ffffff!important;color:#111111!important;padding:.36rem .72rem;font-size:.78rem;font-weight:600}.badge__dot{width:.42rem;height:.42rem;border-radius:0;background:#111111;opacity:.72}.badge--neutral{background:rgba(17,17,17,.04);color:#2e2e2e}.badge--success{background:rgba(33,115,70,.1);color:var(--success)}.badge--warning{background:rgba(154,103,0,.12);color:var(--warning)}.badge--danger{background:rgba(180,35,24,.1);border-color:rgba(180,35,24,.2);color:var(--danger)}.badge--info{background:rgba(36,90,155,.1);color:var(--info)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:0}.table-wrap table{min-width:max(100%,920px)}.subaccount-toolbar{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.subaccount-toolbar input{width:12rem}.subaccount-toolbar select{width:8.5rem}.subaccount-table{min-width:980px!important}.subaccount-table td,.subaccount-table th{vertical-align:top}.subaccount-actions{display:grid;gap:.55rem;min-width:15rem}.subaccount-permission-details{border:1px solid var(--line);border-radius:14px;background:#ffffff;padding:.65rem .8rem}.subaccount-permission-details summary{color:var(--accent);font-size:.84rem;font-weight:700}.permission-editor{display:grid;gap:.9rem;min-width:min(42rem,72vw);padding-top:.9rem}.permission-editor__identity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.permission-editor__heading{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;border-top:1px solid var(--line);padding-top:.8rem}.permission-editor__heading span{color:var(--muted);font-size:.78rem}.permission-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.permission-group{min-width:0;border:1px solid var(--line);border-radius:14px;padding:.7rem}.permission-group legend{padding:0 .35rem;color:var(--muted-strong);font-size:.8rem;font-weight:700}.permission-group__items{display:grid;gap:.45rem}.permission-item{display:flex;align-items:center;gap:.5rem;color:var(--muted-strong);font-size:.8rem;line-height:1.45}.permission-item input{width:1rem;height:1rem;margin:0;accent-color:var(--accent)}.permission-editor__footer{display:flex;gap:.55rem;flex-wrap:wrap}.permission-summary-list{display:grid;gap:.7rem}.permission-summary-item{display:grid;gap:.2rem;border-bottom:1px solid var(--line);padding-bottom:.7rem}.permission-summary-item:last-child{border-bottom:0;padding-bottom:0}.permission-summary-item span{color:var(--muted);font-size:.82rem;line-height:1.6}.list-stack{display:flex;flex-direction:column;gap:.8rem}.tool-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem}.tool-link-card{display:grid;gap:.45rem;min-height:118px;align-content:start;border:1px solid var(--line);border-radius:0;background:#ffffff;padding:1rem;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.tool-link-card:hover{border-color:rgba(17,17,17,.2);box-shadow:none}.tool-link-card strong{font-size:.98rem}.tool-link-card span{color:var(--muted);line-height:1.55;font-size:.9rem}.row-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:0;background:#ffffff;padding:1rem}.muted-line{color:var(--muted);line-height:1.6}.product-preview-trigger{display:inline}.product-preview-trigger--interactive{border-bottom:1px dashed rgba(17,17,17,.18)}.product-preview-popup{position:fixed;z-index:80;width:260px;border:1px solid rgba(17,17,17,.12);border-radius:24px;background:#ffffff;box-shadow:0 20px 36px rgba(17,17,17,.1);padding:.75rem;pointer-events:none}.product-preview-popup__single{display:grid}.product-preview-popup__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.product-preview-popup__image{aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#f5f5f5}.product-preview-popup__image img{width:100%;height:100%;display:block;object-fit:cover}.approval-product-selector{display:grid;gap:.8rem}.approval-product-selector__field{display:grid;gap:.42rem}.approval-product-selector__index,.approval-product-selector__selected-meta{color:var(--muted);font-family:var(--font-plex-mono),monospace}.approval-product-selector__index{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.approval-product-selector__selected-meta{font-size:.76rem;letter-spacing:.04em}.approval-product-selector__control{position:relative}.approval-product-selector__dropdown{position:absolute;top:calc(100% + .55rem);left:0;right:0;z-index:30;display:grid;gap:.35rem;max-height:340px;overflow:auto;border:1px solid rgba(17,17,17,.1);border-radius:22px;background:#ffffff;box-shadow:0 18px 32px rgba(17,17,17,.08);padding:.45rem}.approval-product-selector__option{display:grid;grid-template-columns:52px minmax(0,1fr);gap:.75rem;align-items:center;width:100%;border:0;border-radius:18px;background:#ffffff;color:var(--text);padding:.45rem;box-shadow:none;text-align:left}.approval-product-selector__option--active,.approval-product-selector__option:hover{background:rgba(17,17,17,.04)}.approval-product-selector__thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;border:1px solid rgba(17,17,17,.06);border-radius:14px;overflow:hidden;background:#f5f5f5}.approval-product-selector__thumb img{width:100%;height:100%;display:block;object-fit:cover}.approval-product-selector__thumb-placeholder{color:var(--muted);font-size:.72rem;font-family:var(--font-plex-mono),monospace;letter-spacing:.08em;text-transform:uppercase}.approval-product-selector__option-copy{display:grid;gap:.24rem;min-width:0}.approval-product-selector__option-copy span,.approval-product-selector__option-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-product-selector__option-copy strong{font-size:.94rem;font-weight:600}.approval-product-selector__option-copy span{color:var(--muted);font-size:.82rem;line-height:1.45}.approval-product-selector__empty{border-radius:18px;background:rgba(17,17,17,.03);color:var(--muted);padding:.85rem .9rem;font-size:.9rem;line-height:1.6}.notice{border:1px solid rgba(17,17,17,.14);border-radius:0;background:#ffffff;color:var(--text);padding:.95rem 1rem;box-shadow:none}.notice--danger{border-color:rgba(17,17,17,.22);background:#ffffff}.product-page-tabs{gap:.35rem;width:fit-content;border:1px solid var(--line);background:#ffffff;padding:.32rem;box-shadow:0 12px 28px rgba(17,17,17,.04)}.product-page-tabs,.product-page-tabs__item{display:inline-flex;align-items:center;border-radius:999px}.product-page-tabs__item{justify-content:center;min-height:2.8rem;padding:.7rem 1.15rem;color:var(--muted-strong);font-weight:600;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.product-page-tabs__item:hover{background:rgba(17,17,17,.05)}.product-page-tabs__item--active{background:#111111;color:#ffffff;box-shadow:0 14px 28px rgba(17,17,17,.16)}.product-form-shell,.product-library-shell{display:grid;gap:1.2rem;padding:1.3rem}.product-library-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.product-form-shell__intro,.product-library-toolbar__copy{display:grid;gap:.38rem;max-width:34rem}.product-form-shell__intro strong,.product-library-toolbar__copy strong{font-size:1.05rem}.product-form-shell__intro p,.product-library-toolbar__copy p{color:var(--muted);line-height:1.65}.product-field span,.product-library-toolbar__eyebrow{color:var(--muted);font-family:var(--font-plex-mono),monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.product-search-form{display:flex;align-items:center;gap:.75rem;min-width:min(420px,100%)}.product-search-form input{flex:1 1 auto}.product-filter-group{display:flex;flex-wrap:wrap;gap:.65rem}.product-filter-chip{display:inline-flex;align-items:center;gap:.55rem;min-height:2.6rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);padding:.55rem .95rem;font-weight:600;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.product-filter-chip:hover{border-color:rgba(17,17,17,.16);background:rgba(255,255,255,.92)}.product-filter-chip span{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;border-radius:999px;background:rgba(17,17,17,.06);padding:.18rem .42rem;font-family:var(--font-plex-mono),monospace;font-size:.72rem}.product-filter-chip--active{border-color:#111111;background:#111111;color:#ffffff;box-shadow:0 14px 28px rgba(17,17,17,.14)}.product-filter-chip--active span{background:rgba(255,255,255,.12)}.product-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.product-group-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.product-group-grid--compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem}.product-group-grid--compact.product-group-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.product-group-card{display:grid;gap:.8rem;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.82);padding:.9rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-group-card:hover{transform:translateY(-2px);border-color:rgba(17,17,17,.14);box-shadow:0 18px 32px rgba(17,17,17,.08)}.product-group-card--compact{gap:.62rem;border-radius:20px;padding:.72rem}.product-group-card--compact .product-group-card__image{border-radius:16px}.product-group-card--compact .product-group-card__body--minimal{gap:.35rem}.product-group-card--compact .product-group-card__body--minimal strong{font-size:.92rem;line-height:1.4}.product-group-card__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.product-group-card__count{color:var(--muted);font-family:var(--font-plex-mono),monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.product-group-card__delete{border:0;background:transparent;color:var(--muted);padding:0;font-size:.84rem;line-height:1}.product-group-card__delete:hover{color:var(--text)}.product-group-card__link{display:grid;gap:.8rem}.product-card__image,.product-gallery-card__image,.product-group-card__image{display:block;aspect-ratio:4/5;border-radius:18px;background:linear-gradient(180deg,rgba(17,17,17,.04),rgba(17,17,17,.08));overflow:hidden}.product-card__image img,.product-gallery-card__image img,.product-group-card__image img{width:100%;height:100%;display:block;object-fit:cover}.product-card__placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--muted)}.product-card__body,.product-card__copy,.product-group-card__body{display:grid;gap:.6rem}.product-group-card__body--minimal{padding:.2rem .1rem .1rem}.product-group-card__body--minimal strong{font-size:1.02rem;line-height:1.5;font-weight:700;letter-spacing:-.02em}.product-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.product-card__category{display:inline-flex;align-items:center;min-height:2rem;border-radius:999px;background:rgba(17,17,17,.06);padding:.38rem .7rem;font-size:.76rem;font-weight:700;letter-spacing:.08em}.product-card__updated{color:var(--muted);font-family:var(--font-plex-mono),monospace;font-size:.72rem}.product-card__copy strong{line-height:1.5}.product-card__copy p{color:var(--muted);font-family:var(--font-plex-mono),monospace;font-size:.78rem;line-height:1.7;word-break:break-all}.product-group-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.product-group-card__stats div{display:grid;gap:.35rem;border:1px solid var(--line);border-radius:18px;background:#ffffff;padding:.75rem}.product-group-card__stats span{color:var(--muted);font-family:var(--font-plex-mono),monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.product-chip-row,.product-group-card__chips{display:flex;flex-wrap:wrap;gap:.55rem}.product-mini-chip{display:inline-flex;align-items:center;min-height:2rem;border-radius:999px;background:rgba(17,17,17,.06);padding:.35rem .72rem;font-size:.78rem;font-weight:600}.product-card__actions{display:flex;gap:.6rem;flex-wrap:wrap}.product-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1rem}.product-pagination__controls{display:flex;align-items:center;gap:.7rem}.product-pagination__jump{display:inline-flex;align-items:center;gap:.42rem;color:var(--muted);font-size:.86rem}.product-pagination__jump input{width:4.2rem;height:2.35rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.9);padding:0 .85rem;color:var(--text);font:inherit;text-align:center}.product-pagination__jump input:focus{border-color:rgba(17,17,17,.35);box-shadow:0 0 0 4px rgba(17,17,17,.06);outline:none}.product-pagination__jump button{height:2.35rem;border:1px solid rgba(17,17,17,.1);border-radius:999px;background:#111111;color:#ffffff;padding:0 .9rem;font:inherit;font-weight:700;cursor:pointer}.product-pagination__jump button:hover{background:#2a2a2a}.product-pagination__arrow{display:inline-flex;align-items:center;justify-content:center;width:2.7rem;min-width:2.7rem;height:2.7rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.84);font-size:1.15rem;font-weight:700;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.product-pagination__arrow:hover{transform:translateY(-1px);border-color:rgba(17,17,17,.18);background:#ffffff;box-shadow:0 10px 20px rgba(17,17,17,.08)}.product-pagination__arrow--disabled{pointer-events:none;opacity:.35;transform:none;box-shadow:none}.product-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}@media (max-width:1440px){.product-group-grid--compact.product-group-grid--five,.product-group-grid--five{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1120px){.product-group-grid--compact.product-group-grid--five,.product-group-grid--five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.product-group-grid--compact.product-group-grid--five,.product-group-grid--five{grid-template-columns:repeat(2,minmax(0,1fr))}}.product-gallery-card{display:grid;gap:.7rem}.product-gallery-card__body{display:grid;gap:.3rem}.product-gallery-card__body p{color:var(--muted);line-height:1.6}.product-variant-list{display:flex;flex-direction:column;gap:.85rem}.product-variant-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.82);padding:.9rem}.product-variant-row__main{display:flex;align-items:center;gap:.9rem;min-width:0}.product-variant-row__thumb{width:88px;min-width:88px;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(17,17,17,.04),rgba(17,17,17,.08))}.product-variant-row__thumb img{width:100%;height:100%;display:block;object-fit:cover}.product-variant-row__copy{display:grid;gap:.28rem}.product-variant-row__copy p{color:var(--muted);line-height:1.6;word-break:break-all}.product-variant-row__actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.product-empty{display:grid;gap:.4rem;border:1px dashed rgba(17,17,17,.16);border-radius:24px;background:#ffffff;padding:1.4rem}.product-empty p{color:var(--muted);line-height:1.65}.product-detail-page{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:1rem;height:calc(100dvh - 11rem);min-height:0;overflow:hidden}.product-detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.product-detail-topbar__link{display:inline-flex;align-items:center;min-height:2.4rem;border-bottom:1px solid rgba(17,17,17,.2);padding-bottom:.12rem;color:var(--muted-strong);font-size:.92rem;letter-spacing:.02em}.product-detail-topbar__link--strong{color:var(--text);font-weight:700}.product-detail-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:1.5rem;align-items:stretch;min-height:0;height:100%;overflow:hidden}.product-detail-sidebar{min-width:0;min-height:0;height:100%;overflow:hidden}.product-detail-sidebar__inner{display:grid;gap:1rem;height:100%;overflow-y:auto;overscroll-behavior:contain;padding-right:.35rem}.product-detail-block__header span,.product-detail-sidebar__eyebrow{color:var(--muted);font-family:var(--font-plex-mono),monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.product-detail-sidebar__title{max-width:18rem;font-size:clamp(2rem,3.2vw,3rem);line-height:.95;letter-spacing:-.05em}.product-detail-sidebar__code{color:var(--muted);font-family:var(--font-plex-mono),monospace;font-size:.9rem;line-height:1.6}.product-detail-sidebar__note{max-width:18rem;color:var(--muted-strong);line-height:1.7;font-size:.94rem}.product-detail-divider{width:100%;height:1px;background:rgba(17,17,17,.12)}.product-detail-block{display:grid;gap:.8rem}.product-detail-block__header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.product-detail-block__header strong{font-size:.9rem;font-weight:600}.product-detail-variant-list{display:flex;flex-direction:column;gap:.55rem}.product-detail-variant-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border-top:1px solid rgba(17,17,17,.08);padding-top:.7rem}.product-detail-variant-item:first-child{border-top:0;padding-top:0}.product-detail-variant-item__copy{display:grid;gap:.2rem}.product-detail-variant-item__copy strong{font-size:.96rem;line-height:1.4}.product-detail-variant-item__copy p{color:var(--muted);font-size:.84rem;line-height:1.55}.product-detail-spec-list{display:grid;gap:.65rem}.product-detail-spec-list div{display:grid;gap:.25rem;border-top:1px solid rgba(17,17,17,.08);padding-top:.7rem}.product-detail-spec-list div:first-child{border-top:0;padding-top:0}.product-detail-spec-list span{color:var(--muted);font-size:.78rem;line-height:1.4}.product-detail-spec-list strong{overflow-wrap:anywhere;font-size:.96rem;line-height:1.45}.product-color-picker{display:flex;flex-wrap:wrap;gap:.55rem}.product-color-picker__item{display:inline-flex;align-items:center;min-height:2.1rem;border:1px solid rgba(17,17,17,.14);border-radius:999px;padding:.35rem .8rem;background:rgba(255,255,255,.86);color:var(--muted-strong);font-size:.88rem;line-height:1.2}.product-color-picker__item--active{border-color:var(--text);background:var(--text);color:#fff}.product-detail-edit-form{display:grid;gap:.85rem}.product-detail-management{display:grid;gap:1rem}.product-detail-actions-panel{display:flex;flex-wrap:wrap;gap:.75rem}.product-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem}.product-modal__backdrop{position:absolute;inset:0;border:0;background:rgba(17,17,17,.42)}.product-modal__panel{position:relative;z-index:1;display:grid;gap:1rem;width:min(560px,100%);max-height:min(760px,calc(100dvh - 2rem));overflow-y:auto;border-radius:24px;background:#fff;box-shadow:0 24px 80px rgba(17,17,17,.2);padding:1.25rem}.product-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.product-modal__header strong{font-size:1.05rem}.product-modal__close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid rgba(17,17,17,.12);border-radius:999px;background:#fff;color:var(--muted-strong);font-size:1rem;line-height:1}.product-detail-delete{border:0;background:transparent;color:var(--muted);padding:0;font-size:.84rem}.product-detail-delete:hover{color:var(--text)}.product-detail-gallery{display:grid;gap:1rem;min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain;padding-right:.45rem}.product-detail-gallery__item{display:grid;gap:.65rem}.product-detail-gallery__image{display:block;min-height:300px;border:1px solid rgba(17,17,17,.08);border-radius:32px;background:rgba(255,255,255,.82);overflow:hidden}.product-detail-gallery__image img{width:100%;height:auto;display:block;object-fit:cover}.product-detail-gallery__caption{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:0 .15rem}.product-detail-gallery__caption strong{font-size:.96rem;font-weight:600}.product-detail-gallery__caption span{color:var(--muted);font-family:var(--font-plex-mono),monospace;font-size:.78rem}.product-form-grid{display:grid;gap:.9rem}.product-form-grid__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.product-field{display:grid;gap:.5rem}.product-form-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.readonly-box{border:1px dashed rgba(17,17,17,.2);border-radius:18px;background:#ffffff;color:var(--muted);padding:1rem;line-height:1.65}.login-splash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#ffffff;pointer-events:none;animation:login-splash-exit 2.4s ease-in-out forwards}.login-splash span{color:#111111;font-size:clamp(3.8rem,8vw,8rem);font-weight:800;letter-spacing:0;line-height:.88;white-space:nowrap;animation:login-splash-wordmark 2.4s ease-in-out forwards}@keyframes login-splash-wordmark{0%{opacity:0;transform:scale(.94)}22%{opacity:1;transform:scale(1)}62%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes login-splash-exit{0%,62%{opacity:1}to{opacity:0;visibility:hidden}}.login-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#ffffff}.login-brand,.login-form-panel,.login-page{min-height:100svh}.login-brand{display:flex;flex-direction:column;justify-content:space-between;background:#ffffff;padding:clamp(2rem,4vw,4.5rem)}.login-brand__wordmark{max-width:none;color:#111111;font-size:clamp(3.8rem,7vw,7.5rem);font-weight:800;letter-spacing:0;line-height:.88;white-space:nowrap}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:clamp(2rem,8vw,8rem);background:#ffffff}.login-form-panel__inner{width:min(100%,28rem)}.login-form__error{margin-bottom:1.5rem;color:var(--danger);font-size:.86rem;line-height:1.5}.login-form{display:grid;gap:1.4rem}.login-form__field{position:relative;display:block;border-bottom:1px solid #111111}.login-form__field>span{position:absolute;top:1.35rem;left:0;z-index:1;color:#6a6a6a;font-size:1.15rem;line-height:1;pointer-events:none;transform:translateY(-50%);transition:top .16s ease,transform .16s ease,color .16s ease,font-size .16s ease}.login-form input{border:0;border-radius:0;padding:1.8rem 0 .75rem}.login-form input,.login-form input:focus{background:#ffffff}.login-form input:focus-visible{outline:none;box-shadow:none}.login-form__field--error>span,.login-form__field:focus-within>span,.login-form__field:has(input:focus)>span,.login-form__field:has(input:not(:placeholder-shown))>span{top:.25rem;color:#111111;font-size:.76rem;font-weight:700;transform:none}.login-form__field--error{border-color:var(--danger)}.login-form__field--error>span{color:var(--danger)}.login-form__submit{min-height:3.25rem;margin-top:1rem;border:1px solid #111111;border-radius:0;background:#111111;color:#ffffff;font-weight:700;transition:background .16s ease,color .16s ease}.login-form__submit:hover{background:transparent;color:#111111}@media (prefers-reduced-motion:reduce){.login-splash,.login-splash span{animation-duration:.25s}}.sync-guide,.trend-grid{display:grid;gap:1rem}.sync-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.trend-card{display:flex;flex-direction:column;gap:.9rem;padding:1.1rem}.trend-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.trend-chart{width:100%;overflow-x:auto}.trend-chart svg{width:100%;min-width:320px;height:auto}.trend-chart__axis{stroke:rgba(17,17,17,.22);stroke-width:1.5}.trend-chart__bar{fill:url(#trendBarGradient)}.trend-chart__value{fill:var(--brand);font-size:11px;font-weight:700}.trend-chart__label{fill:var(--muted);font-size:11px}.xhs-trend-chart{width:100%;min-width:0;max-width:100%;overflow:hidden}.xhs-trend-chart__legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.8rem}.xhs-trend-chart__legend-item{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted-strong);font-size:.84rem;font-weight:600}.xhs-trend-chart__legend-dot{width:.72rem;height:.72rem;border-radius:999px;box-shadow:0 0 0 4px rgba(17,17,17,.04)}.xhs-trend-chart__viewport{width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.xhs-trend-chart__canvas{display:inline-grid;min-width:100%;position:relative;vertical-align:top}.xhs-trend-chart svg{display:block;width:100%;height:auto}.xhs-trend-chart__grid{stroke:rgba(17,17,17,.08);stroke-dasharray:5 7}.xhs-trend-chart__axis{stroke:rgba(17,17,17,.18);stroke-width:1.5}.xhs-trend-chart__hover-line{stroke:rgba(17,17,17,.12);stroke-dasharray:4 6}.xhs-trend-chart__area{fill:url(#xhsTrendAreaGradient)}.xhs-trend-chart__point-hit{cursor:pointer;pointer-events:all}.xhs-trend-chart__point{stroke:#ffffff;stroke-width:2;transition:r .16s ease,stroke-width .16s ease,filter .16s ease}.xhs-trend-chart__point--active{stroke-width:3;filter:drop-shadow(0 8px 16px rgba(17,17,17,.18))}.xhs-trend-chart__value{fill:var(--brand);font-size:11px;font-weight:700}.xhs-trend-chart__label{fill:var(--muted);font-size:11px}.xhs-trend-chart__y-value{fill:var(--muted);font-size:10px}.xhs-trend-chart__tooltip{position:absolute;min-width:156px;max-width:220px;padding:.75rem .85rem;border:1px solid rgba(17,17,17,.08);border-radius:16px;background:rgba(17,17,17,.92);color:#ffffff;box-shadow:0 18px 34px rgba(17,17,17,.18);pointer-events:none;transform:translate(-50%,calc(-100% - 12px));z-index:2}.xhs-trend-chart__tooltip[data-placement=below]{transform:translate(-50%,16px)}.xhs-trend-chart__tooltip:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;background:rgba(17,17,17,.92);border-right:1px solid rgba(17,17,17,.08);border-bottom:1px solid rgba(17,17,17,.08);transform:translateX(-50%) rotate(45deg)}.xhs-trend-chart__tooltip[data-placement=below]:after{top:-7px;bottom:auto;border-right:0;border-bottom:0;border-left:1px solid rgba(17,17,17,.08);border-top:1px solid rgba(17,17,17,.08)}.xhs-trend-chart__tooltip-label{display:block;margin-bottom:.25rem;color:rgba(255,255,255,.68);font-family:var(--font-plex-mono),monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.xhs-trend-chart__tooltip-title{display:block;line-height:1.45;font-size:.88rem}.xhs-trend-chart__tooltip-list{display:grid;gap:.35rem;margin-top:.6rem}.xhs-trend-chart__tooltip-item{display:flex;align-items:center;justify-content:space-between;gap:.85rem;font-size:.8rem}.xhs-trend-chart__tooltip-key{display:inline-flex;align-items:center;gap:.38rem;color:rgba(255,255,255,.8)}.xhs-trend-chart__tooltip-dot{width:.58rem;height:.58rem;border-radius:999px}.xhs-trend-chart__thumb-strip{position:relative;margin-top:.4rem}.xhs-trend-chart__thumb{position:absolute;top:0;display:flex;align-items:center;justify-content:center;width:58px;aspect-ratio:4/5;border:1px solid rgba(17,17,17,.08);border-radius:18px;overflow:hidden;background:#f5f5f5;box-shadow:0 10px 20px rgba(17,17,17,.05);transform:translateX(-50%);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.xhs-trend-chart__thumb--active{border-color:rgba(17,17,17,.22);box-shadow:0 14px 26px rgba(17,17,17,.12);transform:translateX(-50%) translateY(-2px)}@media (max-width:1600px){.two-col-grid--wide-right{grid-template-columns:1fr}}.xhs-trend-chart__thumb img{width:100%;height:100%;display:block;object-fit:cover}.xhs-trend-chart__thumb-placeholder{color:var(--muted);font-size:.78rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:1320px){.app-shell{grid-template-columns:270px minmax(0,1fr)}}@media (max-width:1080px){.app-shell{grid-template-columns:1fr}.login-brand,.login-form-panel,.main-shell,.sidebar{min-height:auto}.nav__group,.sidebar{position:static}.nav__group:hover>.nav__submenu,.nav__submenu{position:static;display:none;min-width:0;padding:.45rem 0 .2rem 3.1rem;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;pointer-events:auto;transform:none;visibility:visible}.nav__group--open:hover>.nav__submenu,.nav__group--open>.nav__submenu{display:grid}.panel__header,.panel__header-aside,.section-header,.section-header__aside,.toolbar-actions,.topbar,.topbar__actions{align-items:stretch}.panel__header,.section-header,.topbar{flex-direction:column}.approval-assets-grid,.note-card-grid,.note-peak-grid,.product-detail-layout,.salary-tools,.sync-guide,.two-col-grid,.two-col-grid--wide-left,.two-col-grid--wide-right{grid-template-columns:1fr}.product-detail-layout,.product-detail-page{height:auto;overflow:visible}.login-page{grid-template-columns:1fr}.login-brand{min-height:42svh}.login-form-panel{min-height:58svh}}@media (max-width:720px){.app-shell{padding:.75rem}.main-shell,.sidebar{border-radius:14px}.login-brand{min-height:38svh;padding:2rem 1.5rem}.login-brand__wordmark{max-width:7ch;font-size:clamp(3.8rem,18vw,6.4rem);white-space:normal}.login-form-panel{min-height:62svh;padding:3.5rem 1.5rem}.content,.topbar{padding-left:1rem;padding-right:1rem}.content{padding-bottom:1rem}.sidebar{padding:1rem}.section-header__copy h1{font-size:1.75rem}.contract-summary-strip,.employee-contract-add__grid,.employee-contract-card__grid,.employee-contract-filter,.employee-position-create-form,.employee-profile-filter,.employee-profile-form__row,.filter-bar,.inline-form,.product-form-grid__row,.resignation-create-form,.resignation-edit-form,.social-insurance-import-form,.social-insurance-month-tab,.stats-grid,.work-device-form,.work-device-ledger-form__grid,.work-device-monthly-form{grid-template-columns:1fr}.contract-summary-item{border-right:0;border-bottom:1px solid var(--line)}.contract-summary-item:last-child{border-bottom:0}.employee-contract-pagination{align-items:flex-start;flex-direction:column}.work-device-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.work-device-stats>div:nth-child(2){border-right:0}.work-device-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.resignation-create-form__wide,.work-device-form__wide{grid-column:auto}.work-device-edit-form{grid-template-columns:1fr}.social-insurance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.social-insurance-stats>div:nth-child(2){border-right:0}.social-insurance-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.resignation-card__header,.resignation-card__meta{align-items:flex-start;flex-direction:column}.hr-dashboard-stats,.hr-dashboard-tools{grid-template-columns:1fr}.hr-dashboard-stats>div{border-right:0;border-bottom:1px solid var(--line)}.hr-dashboard-stats>div:last-child{border-bottom:0}.employee-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-pagination__jump{width:100%;flex-wrap:wrap}.salary-comp-time-form,.salary-edit-form,.salary-filter-form,.salary-import-form,.salary-import-page-form,.salary-logs-filter{grid-template-columns:1fr}.salary-comp-time-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.salary-month-form{grid-template-columns:1fr}.salary-edit-form__wide{grid-column:auto}.salary-header-actions{width:100%;justify-content:flex-start}.salary-month-tab{flex:1 1 100%}.salary-month-tab input{flex:1 1;width:auto}.subaccount-toolbar{align-items:stretch;justify-content:stretch}.subaccount-toolbar .button,.subaccount-toolbar input,.subaccount-toolbar select{width:100%}.permission-editor{min-width:0}.permission-editor__identity,.permission-matrix{grid-template-columns:1fr}.table-wrap table{min-width:760px}.product-card__meta,.product-library-toolbar,.product-search-form,.product-variant-row,.product-variant-row__main,.row-card,.trend-card__header{flex-direction:column}.product-page-tabs{width:100%;justify-content:space-between}.product-page-tabs__item{flex:1 1}.product-detail-sidebar__inner{position:static;height:auto;overflow:visible}.product-search-form{min-width:100%;align-items:stretch}.product-card__actions{flex-direction:column}.product-gallery-grid,.product-group-card__stats,.product-group-grid--compact.product-group-grid--five,.product-group-grid--five{grid-template-columns:1fr}.product-pagination{flex-direction:column;align-items:stretch}.product-pagination__controls{justify-content:space-between;flex-wrap:wrap}.product-pagination__jump{width:100%}.product-preview-popup{display:none}.product-detail-block__header,.product-detail-gallery__caption,.product-detail-variant-item{flex-direction:column;align-items:flex-start}.product-detail-gallery{height:auto;overflow:visible;padding-right:0}.product-variant-row__thumb{width:100%;min-width:0;max-width:220px}.workflow-step{min-width:156px;max-width:156px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.pipeline-flow{display:flex;align-items:flex-start;gap:0;padding:16px 0;overflow-x:auto}.pipeline-flow__wrapper{display:flex;flex-direction:column;align-items:center;position:relative;flex-shrink:0}.pipeline-flow__group{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px;white-space:nowrap}.pipeline-flow__step{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px}.pipeline-flow__dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--line-strong);background:var(--bg);transition:all .2s}.pipeline-flow__dot-inner{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.pipeline-flow__step--active .pipeline-flow__dot{border-color:var(--primary,#3f6ee8);background:var(--primary,#3f6ee8);color:#fff;box-shadow:0 0 0 3px rgba(63,110,232,.2)}.pipeline-flow__step--completed .pipeline-flow__dot{border-color:var(--success,#2da44e);background:var(--success,#2da44e);color:#fff}.pipeline-flow__step--pending .pipeline-flow__dot{border-color:var(--line);background:var(--panel)}.pipeline-flow__step--pending .pipeline-flow__dot-inner{background:var(--line)}.pipeline-flow__label{font-size:.675rem;color:var(--muted);white-space:nowrap;text-align:center;max-width:72px;line-height:1.3}.pipeline-flow__step--active .pipeline-flow__label{color:var(--text);font-weight:600}.pipeline-flow__step--completed .pipeline-flow__label{color:var(--success,#2da44e)}.pipeline-flow__connector{position:absolute;top:12px;left:calc(50% + 16px);width:calc(100% - 32px);height:2px;background:var(--line);z-index:0}.pipeline-flow__connector--done{background:var(--success,#2da44e)}.pipeline-flow__connector--active{background:linear-gradient(to right,var(--primary,#3f6ee8),var(--line))}.button{min-height:2rem;border:1px solid #e5e5e5;border-radius:6px;background:#ffffff;padding:.375rem .875rem;color:#525252;font-size:.75rem;font-weight:500;box-shadow:none}.button:hover{border-color:#d4d4d4;background:#fafafa;color:#171717;box-shadow:0 1px 2px rgba(0,0,0,.04);transform:none}.button--primary{border-color:#171717;background:#171717;color:#ffffff;box-shadow:none}.button--primary:hover{border-color:#000000;background:#000000;color:#ffffff}.button--small{min-height:1.875rem;border-radius:6px;padding:.3rem .7rem}.badge{border:1px solid #e5e5e5;border-radius:6px;background:#f5f5f5!important;color:#525252!important;padding:.25rem .5rem;font-size:.6875rem;font-weight:500}.badge__dot{width:.35rem;height:.35rem;border-radius:999px;background:#737373}.row-card,.tool-link-card{border:1px solid rgba(229,229,229,.8);border-radius:8px;background:#ffffff;box-shadow:none}.tool-link-card:hover{border-color:#a3a3a3;background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.04);transform:none}.table-wrap{border:1px solid rgba(229,229,229,.8);border-radius:8px;background:#ffffff}@media (max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;min-height:auto;border-right:0;border-bottom:1px solid #e5e5e5}.topbar__actions{flex-wrap:wrap}}@media (max-width:720px){.content{padding:1rem}.topbar{align-items:flex-start;padding:.75rem 1rem}.topbar__actions{width:100%;justify-content:flex-start}.stats-grid{grid-template-columns:1fr}}