@import"https://api.fontshare.com/v2/css?f[]=satoshi@700,500,400&f[]=general-sans@600,500,400&display=swap";:root{--ops-bg: #f8fafc;--ops-surface: #ffffff;--ops-surface-subtle: #f8fafc;--ops-border: #e2e8f0;--ops-border-soft: #f1f5f9;--ops-text: #0f172a;--ops-text-soft: #475569;--ops-text-muted: #94a3b8;--ops-blue: #2563eb;--ops-blue-soft: #eff6ff;--ops-emerald: #10b981;--ops-emerald-soft: #ecfdf5;--ops-amber: #f59e0b;--ops-amber-soft: #fffbeb;--ops-violet: #8b5cf6;--ops-violet-soft: #f5f3ff;--ops-rose: #f43f5e;--ops-rose-soft: #fff1f2;--ops-slate: #334155;--ops-shadow: 0 20px 45px rgba(15, 23, 42, .06);--ops-shadow-soft: 0 12px 30px rgba(15, 23, 42, .04)}body{background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 26%),radial-gradient(circle at bottom right,rgba(15,23,42,.05),transparent 28%),var(--ops-bg);color:var(--ops-text);font-family:General Sans,PingFang SC,Microsoft YaHei,sans-serif}.ops-shell{min-height:100vh;background:transparent}.ops-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px;padding:0 28px;background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.9)}.ops-header__brand{display:flex;align-items:center;gap:12px}.ops-header__brand-mark{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 12px 20px #2563eb33}.ops-header__brand-text{font-family:Satoshi,General Sans,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:-.03em}.ops-header__nav{display:flex;align-items:center;gap:8px}.ops-header__nav-link{padding:10px 14px;border-radius:999px;color:var(--ops-text-soft);font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s ease}.ops-header__nav-link:hover{background:var(--ops-blue-soft);color:var(--ops-blue)}.ops-header__nav-link.is-active{background:var(--ops-blue-soft);color:var(--ops-blue);font-weight:700}.ops-header__actions{display:flex;align-items:center;gap:18px}.ops-icon-actions{display:flex;align-items:center;gap:8px}.ops-icon-button{position:relative;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ops-text-muted);cursor:pointer;transition:all .2s ease}.ops-icon-button:hover{border-color:var(--ops-border-soft);background:#fff;color:var(--ops-text)}.ops-icon-button__dot{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:999px;background:#ef4444;border:2px solid #fff}.ops-profile{display:flex;align-items:center;gap:12px;padding:4px 4px 4px 18px;border:none;border-left:1px solid var(--ops-border-soft);background:transparent;cursor:pointer;border-radius:12px;transition:background .2s ease}.ops-profile:hover{background:#0f172a0a}.ops-profile__meta{text-align:right;line-height:1.2}.ops-profile__name{font-size:.92rem;font-weight:700}.ops-profile__role{font-size:.7rem;color:var(--ops-text-muted)}.ops-profile__avatar{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#e2e8f0,#f8fafc);color:var(--ops-blue);font-weight:700;border:1px solid var(--ops-border)}.ops-shell__body{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:calc(100vh - 72px)}.ops-sidebar{display:flex;flex-direction:column;justify-content:space-between;background:#ffffffe0;border-right:1px solid rgba(226,232,240,.85);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ops-sidebar__content{padding:28px 20px}.ops-sidebar__section+.ops-sidebar__section{margin-top:28px}.ops-sidebar__title{margin:0 0 12px;padding:0 14px;color:var(--ops-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.ops-sidebar__menu{display:grid;gap:6px}.ops-sidebar__link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;color:var(--ops-text-soft);text-decoration:none;transition:all .2s ease}.ops-sidebar__link:hover{background:var(--ops-surface-subtle);color:var(--ops-text)}.ops-sidebar__link.is-active{background:var(--ops-blue-soft);color:var(--ops-blue);box-shadow:inset 3px 0 0 var(--ops-blue)}.ops-sidebar__footer{padding:20px;border-top:1px solid var(--ops-border-soft);background:#f8fafc99}.ops-version-card{padding:16px;border:1px solid var(--ops-border-soft);border-radius:18px;background:#fff;box-shadow:var(--ops-shadow-soft)}.ops-version-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ops-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700;border:1px solid transparent}.ops-badge--blue{background:var(--ops-blue-soft);color:var(--ops-blue);border-color:#bfdbfe}.ops-badge--emerald{background:var(--ops-emerald-soft);color:#059669;border-color:#a7f3d0}.ops-badge--amber{background:var(--ops-amber-soft);color:#d97706;border-color:#fde68a}.ops-badge--violet{background:var(--ops-violet-soft);color:var(--ops-violet);border-color:#ddd6fe}.ops-badge--rose{background:var(--ops-rose-soft);color:var(--ops-rose);border-color:#fecdd3}.ops-badge--slate{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.ops-main{min-width:0;padding:28px;overflow:auto}.ops-main--flush{padding-bottom:100px}.ops-page{display:grid;gap:28px}.ops-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.ops-page-title{margin:0;font-family:Satoshi,General Sans,sans-serif;font-size:clamp(1.9rem,2vw,2.4rem);letter-spacing:-.04em}.ops-page-subtitle{margin-top:8px;color:var(--ops-text-soft)}.ops-section-subtitle{margin-top:8px;color:var(--ops-text-soft);font-size:.96rem}.ops-button-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.ops-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:16px;border:1px solid var(--ops-border);background:#fff;color:var(--ops-text-soft);font-weight:600;cursor:pointer;transition:all .2s ease}.ops-button:hover{transform:translateY(-1px);box-shadow:var(--ops-shadow-soft)}.ops-button--primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:transparent;color:#fff;box-shadow:0 18px 28px #2563eb2e}.ops-button--ghost{background:#ffffffc7}.ops-card{position:relative;overflow:hidden;border:1px solid rgba(241,245,249,.95);border-radius:24px;background:#fffffff5;box-shadow:var(--ops-shadow)}.ops-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.46),transparent 35%);pointer-events:none}.ops-card__body{position:relative;padding:24px}.ops-stats-grid,.ops-modules-grid,.ops-grid-2,.ops-grid-4{display:grid;gap:20px}.ops-stats-grid,.ops-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ops-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-modules-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ops-stat-card{min-height:178px}.ops-stat-card__top,.ops-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.ops-stat-card__icon,.ops-module-card__icon,.ops-service-card__icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;color:#fff;box-shadow:0 18px 28px #0f172a1f}.tone-blue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.tone-indigo{background:linear-gradient(135deg,#4f46e5,#6366f1)}.tone-emerald{background:linear-gradient(135deg,#059669,#10b981)}.tone-slate{background:linear-gradient(135deg,#0f172a,#334155)}.tone-amber{background:linear-gradient(135deg,#d97706,#f59e0b)}.tone-violet{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.tone-rose{background:linear-gradient(135deg,#e11d48,#f43f5e)}.ops-stat-card__label,.ops-eyebrow{color:var(--ops-text-muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ops-stat-card__value{margin-top:20px;display:flex;align-items:baseline;gap:6px;font-family:Satoshi,General Sans,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.04em}.ops-stat-card__unit{font-size:.95rem;color:var(--ops-text-soft)}.ops-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.ops-section-title{margin:0;font-size:1.2rem;font-weight:700}.ops-module-card{display:flex;flex-direction:column;min-height:280px;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.ops-module-card:hover{transform:translateY(-3px)}.ops-module-card__copy{margin-top:18px;color:var(--ops-text-soft);line-height:1.65}.ops-chip-row{display:flex;flex-wrap:wrap;gap:8px}.ops-chip{padding:6px 10px;border:1px solid var(--ops-border-soft);border-radius:999px;background:#f8fafc;color:#64748b;font-size:.72rem;font-weight:700}.ops-module-card__footer{margin-top:auto;padding-top:18px;border-top:1px solid var(--ops-border-soft);display:flex;align-items:center;justify-content:space-between;color:var(--ops-text-soft);font-weight:600}.ops-filter-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:16px;align-items:end}.ops-field-label{display:block;margin-bottom:8px;color:var(--ops-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ops-input,.ops-select{width:100%;height:46px;padding:0 14px;border:1px solid var(--ops-border);border-radius:14px;background:#f8fafc;color:var(--ops-text);outline:none;transition:all .2s ease}.ops-input:focus,.ops-select:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb14}.ops-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;position:relative;z-index:1}.ops-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.ops-input[type=date]::-webkit-datetime-edit-text{color:#94a3b8}.ops-input[type=date]::-webkit-datetime-edit-month-field,.ops-input[type=date]::-webkit-datetime-edit-day-field,.ops-input[type=date]::-webkit-datetime-edit-year-field{color:#94a3b8}.ops-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.ops-table{width:100%;min-width:1160px;border-collapse:collapse}.attendance-table{min-width:720px}.ops-table thead th{padding:18px 22px;background:#f8fafc;color:var(--ops-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:left;white-space:nowrap}.ops-table tbody td{padding:18px 22px;border-top:1px solid var(--ops-border-soft);color:var(--ops-text-soft);font-size:.94rem;vertical-align:top}.ops-table tbody tr:hover{background:#f8fafcb8}.ops-enterprise-cell{display:flex;align-items:center;gap:12px}.ops-enterprise-avatar{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-weight:700}.ops-enterprise-avatar--blue{background:#dbeafe;color:var(--ops-blue)}.ops-enterprise-avatar--emerald{background:#d1fae5;color:var(--ops-emerald)}.ops-enterprise-avatar--amber{background:#fef3c7;color:var(--ops-amber)}.ops-link{color:var(--ops-blue);font-weight:700;text-decoration:none}.ops-link:hover{text-decoration:underline}.ops-inline-pills{display:flex;flex-wrap:wrap;gap:6px}.ops-tiny-pill{padding:4px 8px;border-radius:999px;font-size:.68rem;font-weight:700;border:1px solid transparent}.ops-tiny-pill--blue{background:var(--ops-blue-soft);color:var(--ops-blue);border-color:#bfdbfe}.ops-tiny-pill--emerald{background:var(--ops-emerald-soft);color:#059669;border-color:#a7f3d0}.ops-tiny-pill--purple{background:var(--ops-violet-soft);color:var(--ops-violet);border-color:#ddd6fe}.ops-tiny-pill--amber{background:var(--ops-amber-soft);color:#d97706;border-color:#fde68a}.ops-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border-top:1px solid var(--ops-border-soft)}.ops-pagination__meta{color:var(--ops-text-muted);font-size:.82rem}.ops-pagination__buttons{display:flex;gap:8px}.ops-page-button{min-width:36px;height:36px;padding:0 12px;border:1px solid var(--ops-border);border-radius:12px;background:#fff;color:var(--ops-text-soft);font-weight:600}.ops-page-button.is-active{background:var(--ops-blue);border-color:var(--ops-blue);color:#fff}.ops-donut{width:168px;height:168px;position:relative;border-radius:999px;background:radial-gradient(circle at center,#ffffff 0 45px,transparent 46px),conic-gradient(#2563eb 0 35%,#8b5cf6 35% 63%,#10b981 63% 85%,#f59e0b 85% 100%);box-shadow:inset 0 0 0 12px #fff}.ops-donut__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ops-chart-legend{display:grid;gap:10px;flex:1}.ops-chart-legend__row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.82rem}.ops-chart-legend__label{display:inline-flex;align-items:center;gap:8px;color:var(--ops-text-soft)}.ops-chart-legend__dot{width:10px;height:10px;border-radius:999px}.ops-dot--blue{background:var(--ops-blue)}.ops-dot--purple{background:var(--ops-violet)}.ops-dot--emerald{background:var(--ops-emerald)}.ops-dot--amber{background:var(--ops-amber)}.ops-line-chart{position:relative;width:100%;height:148px}.ops-progress-list,.ops-metric-list{display:grid;gap:16px}.ops-progress-track{height:10px;border-radius:999px;overflow:hidden;background:#e2e8f0}.ops-progress-bar{height:100%;border-radius:inherit}.ops-progress-bar--light-blue{background:#60a5fa}.ops-progress-bar--blue{background:#3b82f6}.ops-progress-bar--deep-blue{background:#2563eb}.ops-progress-bar--navy{background:#1d4ed8}.ops-funding-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-height:180px;padding-top:16px}.ops-funding-bars__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.ops-funding-bars__bar{width:42px;border-radius:14px 14px 0 0}.ops-funding-bars__bar--blue{background:#bfdbfe}.ops-funding-bars__bar--amber{background:#fde68a}.ops-funding-bars__bar--orange{background:#fed7aa}.ops-funding-bars__bar--rose{background:#fecdd3}.ops-funding-bars__bar--purple{background:#ddd6fe}.ops-funding-bars__label{font-size:.72rem;color:var(--ops-text-soft)}.ops-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ops-bar-label{width:72px;font-size:.86rem;color:var(--ops-text-soft)}.ops-bar-wrapper{flex:1;height:12px;border-radius:999px;background:#e2e8f0;overflow:hidden}.ops-bar-fill{height:100%;border-radius:inherit;transition:width .3s ease}.ops-bar-fill--blue{background:#3b82f6}.ops-bar-fill--purple{background:#8b5cf6}.ops-bar-fill--emerald{background:#10b981}.ops-bar-fill--amber{background:#f59e0b}.ops-bar-value{width:42px;text-align:right;font-size:.86rem;font-weight:700;color:var(--ops-text)}.ops-bar-chart-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.ops-bar-chart-value{font-size:.82rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.ops-bar-chart-fill{width:100%;max-width:48px;min-height:40px;border-radius:14px 14px 0 0;transition:height .3s ease;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;padding-top:8px}.ops-bar-chart-fill--blue{background:#3b82f6}.ops-bar-chart-fill--amber{background:#f59e0b}.ops-bar-chart-fill--orange{background:#f97316}.ops-bar-chart-fill--rose{background:#f43f5e}.ops-bar-chart-fill--purple{background:#8b5cf6}.ops-bar-chart-label{font-size:.72rem;color:var(--ops-text-soft);text-align:center;margin-top:8px;flex-shrink:0}.ops-pie-chart{display:flex;align-items:center;gap:32px}.ops-pie{width:160px;height:160px}.ops-pie-legend{display:flex;flex-direction:column;gap:14px}.ops-pie-item{display:flex;align-items:center;gap:10px}.ops-pie-dot{width:10px;height:10px;border-radius:999px}.ops-pie-dot--blue{background:#3b82f6}.ops-pie-dot--emerald{background:#10b981}.ops-pie-dot--amber{background:#f59e0b}.ops-pie-value{margin-left:auto;font-weight:700;color:var(--ops-text)}.ops-card-title{font-size:1.12rem;font-weight:700}.ops-trend-chart{display:flex;width:100%;height:160px;padding-top:12px}.ops-trend-y-axis{display:flex;flex-direction:column;justify-content:space-between;width:36px;padding-right:8px;text-align:right;font-size:.72rem;color:var(--ops-text-soft);height:120px}.ops-trend-content{flex:1;position:relative;width:calc(100% - 44px)}.ops-trend-svg{width:100%;height:120px}.ops-trend-labels{display:flex;justify-content:space-between;margin-top:8px;padding:0 4px}.ops-trend-labels span{font-size:.72rem;color:var(--ops-text-soft);text-align:center}.ops-progress-grid{display:grid;gap:24px}.ops-progress-item{display:flex;flex-direction:column;gap:8px}.ops-progress-row{display:flex;align-items:center;justify-content:space-between}.ops-progress-label{color:var(--ops-text-soft);font-size:.86rem}.ops-progress-value{font-weight:700;color:var(--ops-text)}.ops-progress-bar-container{display:flex;align-items:center;gap:12px}.ops-progress-bar{flex:1;height:12px;border-radius:999px;overflow:hidden;background:#e2e8f0}.ops-progress-bar-fill{height:100%;border-radius:inherit;transition:width .5s ease}.ops-progress-bar-fill--light-blue{background:linear-gradient(90deg,#60a5fa,#93c5fd)}.ops-progress-bar-fill--blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.ops-progress-bar-fill--deep-blue{background:linear-gradient(90deg,#2563eb,#3b82f6)}.ops-progress-bar-fill--navy{background:linear-gradient(90deg,#1d4ed8,#2563eb)}.ops-progress-percent{min-width:48px;text-align:right;font-size:.82rem;font-weight:700;color:var(--ops-blue);flex-shrink:0}.ops-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--ops-text-muted);font-size:.9rem;font-weight:500}.ops-breadcrumb a{color:inherit;text-decoration:none}.ops-breadcrumb a:hover{color:var(--ops-blue)}.ops-detail-hero{display:flex;align-items:center;gap:28px}.ops-detail-hero__avatar{width:96px;height:96px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;font-size:2rem;font-weight:700;box-shadow:0 20px 32px #2563eb38}.ops-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:24px}.ops-panel-stack{display:grid;gap:24px}.ops-kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}.ops-kv__label{margin-bottom:4px;color:var(--ops-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ops-kv__value{color:var(--ops-text-soft);line-height:1.7}.ops-media-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px}.ops-media-card__thumb{height:132px;overflow:hidden;border-radius:18px;border:1px solid var(--ops-border)}.ops-media-card__thumb img{width:100%;height:100%;object-fit:cover}.ops-project-panel{padding:18px;border:1px solid var(--ops-border-soft);border-radius:20px;background:#f8fafc}.ops-mini-stat-grid{display:grid;gap:16px}.ops-mini-stat{padding:16px;border:1px solid var(--ops-border-soft);border-radius:18px;background:#f8fafcb8}.ops-sales-bars{height:144px;display:flex;align-items:flex-end;gap:10px;padding-top:12px}.ops-sales-bars__item{flex:1;border-radius:14px 14px 0 0;background:#bfdbfe}.ops-sales-bars__item.is-active{background:var(--ops-blue);box-shadow:0 16px 24px #2563eb29}.ops-ip-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ops-ip-chip{padding:12px 10px;border-radius:16px;border:1px solid var(--ops-border-soft);background:#f8fafc;text-align:center;font-size:.78rem;font-weight:700;color:var(--ops-text-muted)}.ops-ip-chip.is-active{background:var(--ops-blue-soft);border-color:#bfdbfe;color:var(--ops-blue)}.ops-list{display:grid;gap:14px}.ops-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ops-timeline{display:grid;gap:22px}.ops-timeline__item{position:relative;padding-left:28px}.ops-timeline__item:before{content:"";position:absolute;left:7px;top:22px;bottom:-22px;width:1px;background:var(--ops-border)}.ops-timeline__item:last-child:before{display:none}.ops-timeline__dot{position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:999px;border:4px solid #fff;background:#cbd5e1;box-shadow:0 0 0 1px var(--ops-border)}.ops-timeline__dot.is-active{background:var(--ops-blue)}.ops-service-list{display:grid;gap:12px}.ops-service-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border-radius:18px;border:1px solid var(--ops-border-soft)}.ops-service-card.is-active{background:#eff6ff99;border-color:#bfdbfe}.ops-service-card.is-inactive{background:#f8fafcb3;opacity:.76}.ops-metric-card{background:linear-gradient(180deg,rgba(37,99,235,.06),transparent 45%),linear-gradient(135deg,#fff,#eff6ffeb)}.ops-score{display:inline-flex;align-items:baseline;gap:4px;font-family:Satoshi,General Sans,sans-serif;font-size:2rem;color:var(--ops-blue);font-weight:700}.ops-assessment-track{height:8px;border-radius:999px;background:#dbeafe;overflow:hidden}.ops-assessment-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#2563eb)}.ops-sticky-actions{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0 0}.ops-sticky-actions__inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border:1px solid rgba(226,232,240,.8);border-radius:22px;background:#f8fafcd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ops-page--import{gap:22px}.ops-import-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 30px;border:1px solid rgba(241,245,249,.95);border-radius:28px;background:radial-gradient(circle at top right,rgba(59,130,246,.14),transparent 22%),linear-gradient(135deg,#fffffffa,#f8fafcf5);box-shadow:var(--ops-shadow)}.ops-import-progress{min-width:180px;padding:18px 20px;border:1px solid #dbeafe;border-radius:22px;background:#eff6ffd1;text-align:center}.ops-import-progress__value{font-family:Satoshi,General Sans,sans-serif;font-size:2.1rem;font-weight:700;letter-spacing:-.04em;color:var(--ops-blue)}.ops-import-progress__label{margin-top:6px;color:var(--ops-text-soft);font-size:.82rem}.ops-import-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.ops-import-card__body{padding:0}.ops-import-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:22px 22px 0}.ops-import-tab{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border:1px solid var(--ops-border);border-radius:16px;background:#fff;color:var(--ops-text-soft);font-weight:600;cursor:pointer;transition:all .2s ease}.ops-import-tab:hover{border-color:#bfdbfe;color:var(--ops-blue)}.ops-import-tab.is-active{background:var(--ops-blue-soft);border-color:#bfdbfe;color:var(--ops-blue);box-shadow:inset 0 0 0 1px #2563eb14}.ops-import-tab__done{color:#10b981}.ops-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0}.ops-tab{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border:2px solid var(--ops-border);border-radius:16px;background:#fff;color:var(--ops-text-soft);font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.ops-tab:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent;transition:background .2s ease}.ops-tab:hover{border-color:#bfdbfe;color:var(--ops-blue);background:#2563eb05}.ops-tab--active{background:linear-gradient(135deg,#2563eb14,#2563eb05);border-color:var(--ops-blue);color:var(--ops-blue);box-shadow:0 4px 16px #2563eb26,inset 0 0 0 1px #2563eb1a;font-weight:700}.ops-tab--active:before{background:var(--ops-blue)}.ops-import-header{padding:20px 22px 0}.ops-import-form{padding:22px;display:grid;gap:22px}.ops-import-grid{display:grid;gap:18px 20px}.ops-import-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-import-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-import-field{display:grid;gap:8px}.ops-import-field--wide,.ops-import-field--full{grid-column:1 / -1}.ops-import-field__label{color:var(--ops-text-soft);font-size:.86rem;font-weight:600}.ops-import-field__label.is-required:before{content:"*";margin-right:4px;color:#ef4444}.ops-import-textarea{width:100%;min-height:132px;padding:14px 16px;border:1px solid var(--ops-border);border-radius:18px;background:#f8fafc;color:var(--ops-text);font:inherit;resize:vertical;outline:none;transition:all .2s ease}.ops-import-textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb14}.ops-upload{display:grid;gap:10px;padding:14px;border:1px dashed #bfdbfe;border-radius:18px;background:linear-gradient(180deg,#eff6ffb3,#f8fafce6)}.ops-upload__button{width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:#fff;border:1px solid var(--ops-border);color:var(--ops-blue);font-weight:700;cursor:pointer}.ops-upload__meta{color:var(--ops-text-muted);font-size:.8rem;word-break:break-word}.ops-import-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.ops-import-choice-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--ops-border-soft);border-radius:18px;background:#f8fafcb3}.ops-import-choice-group{display:inline-flex;gap:8px}.ops-import-bool{min-width:48px;padding:8px 12px;border:1px solid var(--ops-border);border-radius:999px;background:#fff;color:var(--ops-text-soft);font-weight:700;cursor:pointer}.ops-import-bool.is-active{border-color:#bfdbfe;background:var(--ops-blue-soft);color:var(--ops-blue)}.ops-import-subcard{padding:20px;border:1px solid var(--ops-border-soft);border-radius:22px;background:#f8fafca6}.ops-import-occupancy{display:grid;gap:12px}.ops-import-occupancy__row{display:grid;grid-template-columns:48px 1.4fr 1fr 1fr;gap:12px;align-items:center}.ops-import-occupancy__index{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#eff6ff;color:var(--ops-blue);font-weight:700}.ops-import-checkboxes{display:flex;flex-wrap:wrap;gap:10px}.ops-import-check{padding:10px 14px;border:1px solid var(--ops-border);border-radius:999px;background:#fff;color:var(--ops-text-soft);font-weight:600;cursor:pointer}.ops-import-check.is-active{border-color:#bfdbfe;background:var(--ops-blue-soft);color:var(--ops-blue)}.ops-import-aside{position:sticky;top:96px;display:grid;gap:18px}.ops-import-status-list{display:grid;gap:10px;margin-top:16px}.ops-import-status{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--ops-border-soft);border-radius:18px;background:#fff;cursor:pointer;text-align:left}.ops-import-status.is-current{border-color:#bfdbfe;background:#eff6ff99}.ops-import-status__index{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#e2e8f0;color:var(--ops-text-soft);font-weight:700;flex-shrink:0}.ops-import-status__index.is-done{background:#dcfce7;color:#16a34a}.ops-import-status__meta{display:grid;gap:4px}.ops-import-status__meta span:first-child{color:var(--ops-text);font-weight:700}.ops-import-status__meta span:last-child{color:var(--ops-text-muted);font-size:.78rem}.ops-import-actions{display:grid;gap:12px;margin-top:16px}.ops-import-tips{margin:16px 0 0;padding-left:18px;color:var(--ops-text-soft);display:grid;gap:10px;line-height:1.7;font-size:.86rem}.ops-mobile-trigger{display:none}@media(max-width:1200px){.ops-modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-detail-grid,.ops-import-layout{grid-template-columns:1fr}.ops-import-aside{position:static}}@media(max-width:992px){.ops-header{padding:0 18px;height:68px}.ops-header__nav,.ops-profile__meta,.ops-sidebar{display:none}.ops-profile{padding-left:0;border-left:none}.ops-header__actions{gap:8px}.ops-shell__body{grid-template-columns:1fr;min-height:calc(100vh - 68px)}.ops-main{padding:20px}.ops-mobile-trigger{display:inline-flex}.ops-stats-grid,.ops-grid-4,.ops-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-filter-grid,.ops-media-card,.ops-import-grid--2,.ops-import-grid--3,.ops-import-choices{grid-template-columns:1fr}.ops-import-hero{flex-direction:column;align-items:flex-start}}@media(max-width:680px){.ops-main{padding:16px}.ops-page-header,.ops-detail-hero,.ops-sticky-actions__inner,.ops-pagination{flex-direction:column;align-items:stretch}.ops-stats-grid,.ops-grid-4,.ops-grid-2,.ops-modules-grid,.ops-kv-grid,.ops-ip-summary{grid-template-columns:1fr}.ops-import-tabs{flex-direction:column}.ops-import-tab{width:100%;justify-content:space-between}.ops-import-occupancy__row{grid-template-columns:1fr}.ops-import-occupancy__index{width:100%}.ops-detail-hero{text-align:center}.ops-donut{margin:0 auto}.ops-funding-bars__bar{width:30px}}.ops-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.86rem}.ops-breadcrumb__item{color:var(--ops-text-muted);text-decoration:none;background:none;border:none;cursor:pointer;font-weight:600}.ops-breadcrumb__item:hover{color:var(--ops-blue)}.ops-breadcrumb__item--active{color:var(--ops-text);cursor:default}.ops-breadcrumb__separator{color:var(--ops-border)}.ops-tabs{display:flex;border-bottom:1px solid var(--ops-border-soft)}.ops-tabs__item{position:relative;padding:12px 32px;background:none;border:none;color:var(--ops-text-muted);font-size:.92rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ops-tabs__item:hover{color:var(--ops-text)}.ops-tabs__item.is-active{color:var(--ops-blue);font-weight:700}.ops-tabs__item.is-active:after{content:"";position:absolute;bottom:0;left:32px;right:32px;height:3px;background:var(--ops-blue);border-radius:999px}.ops-content{display:grid;gap:24px;max-width:1400px;margin:0 auto;width:100%;padding:0 24px;box-sizing:border-box}.ops-section-header{display:flex;align-items:center;margin-bottom:24px}.ops-section-accent{width:4px;height:24px;background:linear-gradient(180deg,#f97316,#fb923c);border-radius:2px;margin-right:12px}.ops-section-title{margin:0;font-size:1.16rem;font-weight:700;color:var(--ops-text)}.ops-grid{display:grid;gap:24px}.ops-grid--two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-grid--three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-form-label{display:block;margin-bottom:10px;font-size:.92rem;font-weight:600;color:var(--ops-text-soft)}.ops-form-label:after{content:" *";color:#ef4444}.ops-form-label--optional:after{content:""}.ops-form-input{width:100%;height:48px;padding:0 16px;border:1px solid var(--ops-border);border-radius:14px;background:#fff;font:inherit;font-size:.92rem;outline:none;transition:all .2s ease;appearance:none}.ops-form-input[type=date],.ops-form-input[type=time]{background-image:none}.ops-form-select-wrapper{position:relative}.ops-form-select-wrapper:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #6B7280;pointer-events:none}.ops-form-input:focus{border-color:var(--ops-blue);box-shadow:0 0 0 4px #2563eb14}.ops-form-input--disabled{background:var(--ops-surface-subtle);color:var(--ops-text-muted);cursor:not-allowed}.ops-form-textarea{width:100%;padding:14px 16px;border:1px solid var(--ops-border);border-radius:14px;background:#fff;font:inherit;font-size:.92rem;resize:vertical;outline:none;transition:all .2s ease}.ops-form-textarea:focus{border-color:var(--ops-blue);box-shadow:0 0 0 4px #2563eb14}.ops-form-field--readonly{padding:0}.basic-info-section{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000a}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-input{width:100%;height:48px;padding:0 16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;font-size:.92rem;outline:none;transition:all .2s ease;box-sizing:border-box}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.form-input::placeholder{color:#94a3b8}.form-input.disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.form-input.date-input{position:relative}.form-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.form-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.readonly-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 16px}.user-info{display:flex;align-items:center;gap:12px}.user-details{display:flex;flex-direction:column}.user-name{margin:0;font-size:14px;font-weight:600;color:#1e293b}.time-schedule-section{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000a}.schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.duration-field{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.duration-icon{font-size:18px}.duration-text{font-size:14px;font-weight:600;color:#1e293b}.radio-group{display:flex;gap:32px;padding-top:4px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-option input[type=radio]{width:18px;height:18px;accent-color:#2563eb}.time-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.time-input::-webkit-calendar-picker-indicator:hover{opacity:1}.attendees-section{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000a}.section-header-right{display:flex;align-items:center;justify-content:space-between;width:100%;margin-left:12px}.count-badge{padding:4px 12px;background:#dbeafe;color:#2563eb;border-radius:20px;font-size:12px;font-weight:600}.attendees-content{margin-top:8px}.host-display{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:fit-content}.avatar{width:32px;height:32px;border-radius:50%;background:#dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.avatar-host{background:#2563eb;color:#fff}.avatar-extra{background:#f1f5f9;color:#94a3b8;font-size:12px}.host-name{font-size:14px;font-weight:600;color:#1e293b}.attendees-list{display:flex;align-items:center;gap:12px;margin-top:24px}.add-attendee-btn{width:44px;height:44px;border-radius:50%;border:2px dashed #cbd5e1;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.add-attendee-btn:hover{border-color:#2563eb}.add-icon{font-size:24px;color:#94a3b8}.add-attendee-btn:hover .add-icon{color:#2563eb}.avatars-stack{display:flex;align-items:center;margin-left:-8px}.avatar-item{position:relative;margin-left:-8px}.avatar-item:first-child{margin-left:0}.remove-btn{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#dc2626;color:#fff;border:none;font-size:14px;cursor:pointer;opacity:0;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.avatar-item:hover .remove-btn{opacity:1}.action-buttons{display:flex;gap:12px;margin-top:24px}.action-btn{padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;display:flex;align-items:center;gap:8px}.action-btn.secondary{background:#f1f5f9;color:#475569}.action-btn.secondary:hover{background:#e2e8f0}.action-btn.ghost{background:transparent;color:#64748b;border:1px solid #e2e8f0}.action-btn.ghost:hover{background:#f8fafc;border-color:#cbd5e1}.description-section{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000a}.description-content{margin-top:8px}.form-textarea{width:100%;padding:14px 16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;font-size:14px;resize:vertical;outline:none;transition:all .2s ease;box-sizing:border-box}.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.form-textarea::placeholder{color:#94a3b8}.form-label.optional:after{content:""}.requirements-grid{display:flex;flex-wrap:wrap;gap:16px}.requirement-option{display:flex;align-items:center;gap:8px;cursor:pointer}.requirement-option input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb;border-radius:6px}.requirement-option span{font-size:14px;color:#475569}.wechat-section{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000a;border:1px solid #e2e8f0}.wechat-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:16px}.hint-text{margin:10px 0 0;font-size:12px;color:#94a3b8;line-height:1.5}.radio-option{display:flex;align-items:center;gap:10px;cursor:pointer}.radio-option input[type=radio]{width:20px;height:20px;accent-color:#2563eb}.radio-option span{font-size:14px;color:#475569}.radio-option .checked{font-weight:700;color:#2563eb}.signin-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.signin-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .2s ease;background:#fff}.signin-option:hover{border-color:#2563eb;background:#f8fafc}.signin-option.selected{border-color:#2563eb;background:#eff6ff}.signin-icon{font-size:32px;margin-bottom:10px}.signin-label{font-size:14px;font-weight:600;color:#64748b}.signin-option.selected .signin-label{color:#2563eb}.info-box{display:flex;align-items:flex-start;gap:8px;padding:14px 16px;background:#eff6ff;border-radius:12px;margin-top:16px}.info-icon{font-size:14px;flex-shrink:0}.info-text{font-size:12px;color:#2563eb;font-weight:500;line-height:1.5}.attachment-section{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000a}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;border:2px dashed #cbd5e1;border-radius:16px;background:#f8fafc;cursor:pointer;transition:all .2s ease}.upload-area:hover{border-color:#2563eb;background:#eff6ff}.file-input{display:none}.upload-icon{font-size:40px;margin-bottom:12px}.upload-text{text-align:center}.upload-title{margin:0 0 6px;font-size:14px;font-weight:600;color:#334155}.upload-hint{margin:0;font-size:12px;color:#94a3b8}.files-list{margin-top:16px;display:flex;flex-direction:column;gap:10px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f8fafc;border-radius:12px}.file-info{display:flex;align-items:center;gap:10px}.file-icon{font-size:20px}.file-details{display:flex;flex-direction:column}.file-name{margin:0 0 2px;font-size:13px;font-weight:600;color:#1e293b}.file-size{margin:0;font-size:11px;color:#94a3b8}.remove-file-btn{width:24px;height:24px;border-radius:50%;background:#e2e8f0;border:none;color:#64748b;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-file-btn:hover{background:#ef4444;color:#fff}.action-footer{background:#fff;border-top:1px solid #e2e8f0;padding:20px 0;position:sticky;bottom:0;z-index:100;box-shadow:0 -2px 10px #0000000a}.footer-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-sizing:border-box}.certification-info{display:flex;align-items:center;gap:8px}.check-icon{width:20px;height:20px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.certification-text{font-size:14px;font-weight:600;color:#334155}.footer-buttons{display:flex;gap:16px}.footer-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.footer-btn.secondary{background:#f1f5f9;color:#475569}.footer-btn.secondary:hover:not(:disabled){background:#e2e8f0}.footer-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.footer-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.footer-btn:disabled{opacity:.6;cursor:not-allowed}.submit-icon{width:18px;height:18px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:12px}.loading-spinner{width:16px;height:16px;animation:spin .8s linear infinite}.spinner-track{opacity:.3}.spinner-path{opacity:.7}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;background:#fff;border-radius:20px;box-shadow:0 2px 12px #0000000a}.empty-state-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:40px}.empty-state-icon.calendar{background:linear-gradient(135deg,#dbeafe,#eff6ff)}.empty-state-icon.heart{background:linear-gradient(135deg,#fecaca,#ffe4e6)}.empty-state-title{margin:0 0 8px;font-size:20px;font-weight:700;color:#1e293b}.empty-state-description{margin:0 0 32px;font-size:14px;color:#94a3b8}.empty-state-action{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.empty-state-action{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.empty-state-action:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.empty-state-action.secondary{background:linear-gradient(135deg,#f43f5e,#e11d48)}.empty-state-action.secondary:hover{background:linear-gradient(135deg,#e11d48,#be123c);box-shadow:0 4px 12px #f43f5e4d}.room-time-section{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000a}.section-header{display:flex;align-items:center;margin-bottom:24px}.section-accent{width:4px;height:24px;background:linear-gradient(180deg,#f97316,#fb923c);border-radius:2px;margin-right:12px}.section-title{margin:0;font-size:1.16rem;font-weight:700;color:#1e293b}.location-selector{margin-bottom:24px}.form-label{display:block;margin-bottom:10px;font-size:.92rem;font-weight:600;color:#64748b}.form-label:after{content:" *";color:#ef4444}.select-wrapper{position:relative}.select-wrapper:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #6B7280;pointer-events:none}.form-select{width:100%;height:48px;padding:0 16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;font-size:.92rem;outline:none;transition:all .2s ease;appearance:none}.form-select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.rooms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.room-card{position:relative;display:flex;flex-direction:column;padding:20px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;cursor:pointer;transition:all .3s ease;min-height:280px}.room-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014;border-color:#2563eb}.room-card.selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.icon-wrapper{width:40px;height:40px;border-radius:12px;background:#dbeafe;display:flex;align-items:center;justify-content:center}.icon-wrapper.selected{background:#2563eb}.room-icon{font-size:20px}.check-icon{width:24px;height:24px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.status-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.status-badge.status-available{background:#d1fae5;color:#059669}.status-badge.status-later{background:#fef3c7;color:#d97706}.status-badge.status-occupied{background:#fee2e2;color:#dc2626}.room-name{margin:0 0 6px;font-size:1rem;font-weight:700;color:#1e293b}.room-capacity{margin:0 0 12px;font-size:12px;color:#64748b}.features-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.feature-tag{padding:3px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:10px;color:#64748b}.card-footer{margin-top:auto}.time-label{margin:0 0 8px;font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.time-bar{display:flex;gap:4px;margin-bottom:12px}.bar-segment{flex:1;height:6px;border-radius:3px}.bar-segment.available{background:#10b981}.bar-segment.unavailable{background:#e2e8f0}.bar-segment.partial{background:#f59e0b}.bar-segment.occupied{background:#ef4444}.book-btn{width:100%;padding:10px;border:none;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.book-btn:not(.disabled):not(.cancel){background:#2563eb;color:#fff}.book-btn:not(.disabled):not(.cancel):hover{background:#1d4ed8}.book-btn.cancel{background:#f1f5f9;color:#64748b}.book-btn.disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.ops-badge--blue-light{background:var(--ops-blue-soft);color:var(--ops-blue);font-size:.78rem}.attendance-page{gap:24px}.ops-message{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-radius:14px;font-weight:600;font-size:.92rem}.ops-message--success{background:var(--ops-emerald-soft);color:#059669;border:1px solid #a7f3d0}.ops-message--error{background:var(--ops-rose-soft);color:var(--ops-rose);border:1px solid #fecdd3}.message-close{background:none;border:none;font-size:1rem;cursor:pointer;opacity:.7;transition:opacity .2s}.message-close:hover{opacity:1}.attendance-tabs{display:flex;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--ops-border-soft)}.attendance-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;background:transparent;color:var(--ops-text-muted);font-weight:600;font-size:.92rem;cursor:pointer;transition:all .2s ease}.attendance-tab:hover{background:var(--ops-surface-subtle);color:var(--ops-text-soft)}.attendance-tab.is-active{background:var(--ops-blue-soft);color:var(--ops-blue);box-shadow:0 4px 12px #2563eb1a}.tab-icon{font-size:1.1rem}.records-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.records-filter{display:flex;flex-direction:column;gap:8px;min-width:200px}.records-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.attendance-table{width:100%;border-collapse:collapse}.attendance-table th{padding:14px 16px;text-align:left;font-weight:700;font-size:.76rem;color:var(--ops-text-muted);text-transform:uppercase;letter-spacing:.08em;background:var(--ops-surface-subtle)}.attendance-table td{padding:14px 16px;border-top:1px solid var(--ops-border-soft)}.employee-cell{display:flex;align-items:center;gap:10px}.employee-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--ops-blue-soft);color:var(--ops-blue);font-size:.86rem;font-weight:700}.status-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:600}.status-normal{background:var(--ops-emerald-soft);color:#059669}.status-late,.status-early{background:var(--ops-amber-soft);color:#d97706}.status-absent{background:var(--ops-rose-soft);color:var(--ops-rose)}.status-leave{background:var(--ops-violet-soft);color:var(--ops-violet)}.status-icon{font-size:.76rem}.checkin-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:24px}.checkin-card{background:linear-gradient(135deg,#2563eb0f,#2563eb05)}.checkin-time-display{text-align:center;margin-bottom:32px}.current-time{font-size:3.2rem;font-weight:700;font-family:Satoshi,General Sans,sans-serif;color:var(--ops-text);letter-spacing:-.04em}.current-date{margin-top:8px;font-size:1rem;color:var(--ops-text-soft)}.checkin-status-section{display:flex;justify-content:center;margin-bottom:32px}.status-content{display:flex;flex-direction:column;align-items:center;text-align:center}.status-icon-wrap{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:999px;font-size:3rem;margin-bottom:16px;transition:all .3s ease}.status-icon-wrap.not-checked{background:linear-gradient(135deg,#fef3c7,#fde68a);animation:pulse 2s infinite}.status-icon-wrap.checked-in{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.status-icon-wrap.checked-out{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.status-content h3{margin:0 0 8px;font-size:1.32rem;font-weight:700}.status-content p{margin:0;color:var(--ops-text-muted)}.checkin-actions{display:flex;justify-content:center;margin-bottom:24px}.checkin-btn{min-width:180px;padding:16px 32px;border-radius:16px;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all .2s ease}.checkin-btn.primary{background:linear-gradient(135deg,var(--ops-blue),#1d4ed8);color:#fff;box-shadow:0 8px 24px #2563eb40}.checkin-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #2563eb4d}.checkin-btn.secondary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 8px 24px #f59e0b40}.checkin-btn.secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #f59e0b4d}.checkin-btn.disabled{background:var(--ops-surface-subtle);color:var(--ops-text-muted);cursor:not-allowed}.btn-loading{display:flex;align-items:center;justify-content:center;gap:10px}.mini-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.checkin-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--ops-amber-soft);border-radius:14px;font-size:.92rem;color:#92400e}.hint-icon{font-size:1.1rem}.today-records-card{min-height:400px}.record-list{display:flex;flex-direction:column;gap:12px}.record-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--ops-surface-subtle);border-radius:14px}.record-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--ops-blue-soft);color:var(--ops-blue);font-weight:700}.record-info{flex:1;display:flex;flex-direction:column;gap:4px}.record-name{font-weight:700;color:var(--ops-text)}.record-time{font-size:.82rem;color:var(--ops-text-muted)}.no-records{text-align:center;padding:40px;color:var(--ops-text-muted)}.stats-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.month-selector{display:flex;flex-direction:column;gap:8px;min-width:200px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--ops-surface-subtle);border-radius:18px}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#fff;font-size:1.4rem;box-shadow:0 4px 12px #0000000a}.stat-value{font-size:2rem;font-weight:700;font-family:Satoshi,General Sans,sans-serif;color:var(--ops-text)}.stat-label{font-size:.86rem;color:var(--ops-text-muted)}.chart-section{margin-bottom:32px}.chart-title{margin:0 0 20px;font-size:1.12rem;font-weight:700}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:200px;padding-top:20px;border-top:1px solid var(--ops-border-soft)}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.bar-fill{width:100%;max-width:50px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,var(--ops-blue),#60a5fa);transition:height .5s ease;min-height:20px}.bar-label{font-size:.82rem;color:var(--ops-text-muted)}.stats-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:20px;border-top:1px solid var(--ops-border-soft)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--ops-surface-subtle);border-radius:12px}.detail-label{color:var(--ops-text-soft)}.detail-value{font-weight:700;color:var(--ops-text)}.exceptions-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.filter-tab{padding:10px 16px;border-radius:10px;border:1px solid var(--ops-border);background:#fff;color:var(--ops-text-soft);font-weight:600;font-size:.86rem;cursor:pointer;transition:all .2s ease}.filter-tab:hover{border-color:var(--ops-blue);color:var(--ops-blue)}.filter-tab.active{background:var(--ops-blue-soft);border-color:var(--ops-blue);color:var(--ops-blue)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:60px 20px;text-align:center}.empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--ops-emerald-soft);font-size:2.5rem;margin-bottom:20px}.empty-state h3{margin:0 0 8px;font-size:1.2rem;font-weight:700}.empty-state p{margin:0;color:var(--ops-text-muted)}.exception-card{padding:20px;background:var(--ops-surface-subtle);border-radius:16px}.exception-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.exception-info{display:flex;align-items:center;gap:12px}.exception-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--ops-blue-soft);color:var(--ops-blue);font-weight:700}.exception-meta{display:flex;flex-direction:column;gap:4px}.exception-name{font-weight:700;color:var(--ops-text)}.exception-date{font-size:.86rem;color:var(--ops-text-muted)}.exception-type-tag{padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:600}.exception-type-tag.late,.exception-type-tag.early{background:var(--ops-amber-soft);color:#d97706}.exception-type-tag.absent{background:var(--ops-rose-soft);color:var(--ops-rose)}.exception-type-tag.overtime{background:var(--ops-violet-soft);color:var(--ops-violet)}.exception-description{margin:0 0 16px;padding:12px 14px;background:#fff;border-radius:12px;color:var(--ops-text-soft);font-size:.92rem;line-height:1.6}.exception-footer{display:flex;align-items:center;justify-content:space-between}.exception-status-tag{padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:600}.exception-pending{background:var(--ops-amber-soft);color:#d97706}.exception-approved{background:var(--ops-emerald-soft);color:#059669}.exception-rejected{background:var(--ops-rose-soft);color:var(--ops-rose)}.action-btn{padding:10px 20px;border-radius:10px;font-size:.86rem;font-weight:700;border:none;cursor:pointer;transition:all .2s ease}.action-btn.approve{background:var(--ops-emerald);color:#fff}.action-btn.approve:hover:not(:disabled){background:#059669}.action-btn.reject{background:var(--ops-rose);color:#fff}.action-btn.reject:hover:not(:disabled){background:#e11d48}.action-btn:disabled{opacity:.6;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-spinner{width:48px;height:48px;border:4px solid var(--ops-border-soft);border-top-color:var(--ops-blue);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.loading-text{color:var(--ops-text-muted);font-size:.92rem}@media(max-width:1200px){.checkin-layout{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.records-header,.stats-header,.exceptions-header{flex-direction:column;align-items:stretch;gap:16px}.records-filter,.month-selector{min-width:auto}.stats-grid,.stats-details{grid-template-columns:1fr}.checkin-time-display{margin-bottom:24px}.current-time{font-size:2.4rem}.status-icon-wrap{width:80px;height:80px;font-size:2.4rem}}.ops-card--gradient{background:linear-gradient(to right,#10b9810f,#fff)}.ops-card--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.ops-footer{position:fixed;bottom:0;left:264px;right:0;padding:20px 28px;background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--ops-border-soft);z-index:30}.ops-button--secondary{padding:10px 20px;border-color:var(--ops-border);color:var(--ops-text-soft)}.ops-toast{position:fixed;top:96px;right:28px;display:flex;align-items:center;gap:10px;padding:16px 20px;border-radius:16px;color:#fff;font-weight:600;z-index:100;animation:slideIn .3s ease}.ops-toast--success{background:linear-gradient(135deg,#059669,#10b981)}.ops-toast--error{background:linear-gradient(135deg,#e11d48,#f43f5e)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1200px){.ops-grid--three-col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:992px){.ops-grid--two-col,.ops-grid--three-col{grid-template-columns:1fr}.ops-footer{left:0}.ops-tabs__item{padding:10px 16px}.ops-tabs__item.is-active:after{left:16px;right:16px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.time-modal{background:#fff;border-radius:20px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-title{margin:0;font-size:1.16rem;font-weight:700;color:#1e293b}.modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f5f9;color:#64748b;cursor:pointer;font-size:14px;transition:all .2s ease}.modal-close:hover{background:#e2e8f0;color:#1e293b}.modal-body{padding:24px}.room-info{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border-radius:14px;margin-bottom:24px}.room-info-icon{font-size:32px}.room-info-text{display:flex;flex-direction:column}.room-info-name{font-size:1rem;font-weight:700;color:#1e293b}.room-info-capacity{font-size:12px;color:#64748b}.time-slots-grid{margin-bottom:24px}.time-slot-label{font-size:.92rem;font-weight:600;color:#64748b;margin-bottom:12px}.time-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.time-slots.half-hourly-slots{grid-template-columns:repeat(6,minmax(0,1fr))}.time-slot-btn{padding:12px 8px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease}.time-slot-btn:hover,.time-slot-btn.selected{border-color:#2563eb;background:#eff6ff}.slot-time{font-size:12px;font-weight:600;color:#475569}.time-slot-btn.selected .slot-time{color:#2563eb}.custom-time-section{padding-top:24px;border-top:1px solid #e2e8f0}.time-input-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.duration-selector{padding-top:20px;margin-bottom:20px;border-top:1px solid #e2e8f0}.duration-label{font-size:.92rem;font-weight:600;color:#64748b;margin-bottom:12px;display:block}.duration-options{display:flex;flex-wrap:wrap;gap:10px}.duration-btn{padding:10px 16px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;cursor:pointer;font-size:.86rem;font-weight:500;color:#475569;transition:all .2s ease}.duration-btn:hover{border-color:#2563eb;background:#eff6ff}.duration-btn.selected{border-color:#2563eb;background:#eff6ff;color:#2563eb}.time-summary{padding:16px;background:#f8fafc;border-radius:12px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.summary-row:not(:last-child){border-bottom:1px solid #e2e8f0}.summary-label{font-size:.88rem;color:#64748b}.summary-value{font-size:.88rem;font-weight:600;color:#1e293b}.duration-display{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f0fdf4;border-radius:12px}.duration-label{font-size:13px;color:#64748b}.duration-value{font-size:13px;font-weight:600;color:#059669}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0}.modal-btn{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.modal-btn.cancel{background:#f1f5f9;color:#64748b}.modal-btn.cancel:hover{background:#e2e8f0}.modal-btn.confirm{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.modal-btn.confirm:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.selected-time-summary{margin-top:24px;padding:20px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:16px}.summary-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.summary-icon{font-size:18px}.summary-title{font-size:14px;font-weight:600;color:#2563eb}.summary-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.summary-item{display:flex;flex-direction:column}.item-label{font-size:12px;color:#64748b;margin-bottom:4px}.item-value{font-size:14px;font-weight:600;color:#1e293b}@media(max-width:576px){.ops-content{gap:16px}.ops-card{padding:16px}.ops-section-header{margin-bottom:16px}.ops-header{padding:0 12px}.ops-header__brand-text{display:inline;font-size:.95rem;white-space:nowrap;max-width:50vw;overflow:hidden;text-overflow:ellipsis}.ops-icon-actions .ops-icon-button[aria-label=搜索],.ops-header__actions>.ops-icon-button[aria-label=设置]{display:none}.ops-table thead th,.ops-table tbody td,.attendance-table th,.attendance-table td{padding:12px 14px}.ops-table-wrap,.records-table-wrap{margin:0 -16px;padding:0 16px;scroll-padding-left:16px}}.attendance-page{padding-bottom:40px}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.back-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:14px;color:#64748b;transition:all .2s ease}.back-btn:hover{background:#f8fafc;border-color:#2563eb;color:#2563eb}.header-info{flex:1}.page-title{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:#1e293b}.page-subtitle{margin:0;font-size:.92rem;color:#64748b}.tabs-container{background:#fff;border-radius:20px;padding:4px;margin-bottom:24px;box-shadow:0 2px 12px #0000000a}.tabs{display:flex;gap:4px}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 12px;border-radius:16px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;transition:all .2s ease}.tab:hover{background:#f1f5f9}.tab.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.attendance-page .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.attendance-page .section-title{margin:0;font-size:1.16rem;font-weight:700;color:#1e293b}.section-subtitle{margin:0 0 16px;font-size:1rem;font-weight:600;color:#475569}.date-selector,.month-selector{display:flex;align-items:center;gap:10px}.date-input,.month-input{padding:10px 14px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;outline:none;transition:all .2s ease}.date-input:focus,.month-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px}.loading-spinner{width:40px;height:40px;border:3px solid #f1f5f9;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.records-section{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 12px #0000000a}.records-table{overflow-x:auto}.records-table table{width:100%;border-collapse:collapse}.records-table th,.records-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #f1f5f9}.records-table th{font-weight:600;color:#64748b;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.records-table td{font-size:14px;color:#475569}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.status-normal{background:#d1fae5;color:#059669}.status-badge.status-late,.status-badge.status-early{background:#fef3c7;color:#d97706}.status-badge.status-absent{background:#fee2e2;color:#dc2626}.status-badge.status-leave{background:#dbeafe;color:#2563eb}.checkin-section{display:grid;grid-template-columns:1fr 360px;gap:24px}.checkin-card{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:20px;padding:32px;color:#fff;text-align:center}.checkin-header{margin-bottom:32px}.current-time .time{display:block;font-size:3rem;font-weight:700;margin-bottom:8px}.current-time .date{font-size:1rem;opacity:.8}.status-info{margin-bottom:32px}.status-info h3{margin:12px 0 8px;font-size:1.25rem}.status-info p{margin:0;opacity:.8}.status-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto}.status-icon.not-checked{background:#fff3}.status-icon.checked-in{background:#22c55e4d}.status-icon.checked-out{background:#fb923c4d}.checkin-actions{margin-bottom:24px}.checkin-btn{width:100%;max-width:280px;padding:16px 32px;border-radius:16px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.checkin-btn.primary{background:#fff;color:#2563eb}.checkin-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.checkin-btn.secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.checkin-btn.secondary:hover{background:#ffffff4d}.checkin-btn.disabled{background:#ffffff1a;cursor:not-allowed}.checkin-hint{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;opacity:.8}.today-records{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 12px #0000000a}.today-records h3{margin:0 0 16px;font-size:1rem;font-weight:600;color:#475569}.no-records{color:#94a3b8;font-size:14px}.record-list{display:flex;flex-direction:column;gap:10px}.record-item{display:flex;justify-content:space-between;padding:12px 14px;background:#f8fafc;border-radius:12px}.record-name{font-size:14px;font-weight:600;color:#1e293b}.record-time{font-size:13px;color:#64748b}.stats-section{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 12px #0000000a}.stats-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:16px}.stat-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-icon.total{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-icon.normal{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-icon.late{background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-icon.rate{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:#1e293b}.stat-label{font-size:12px;color:#64748b}.chart-section{padding-top:24px;border-top:1px solid #f1f5f9}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:200px;padding-top:20px}.bar-item{display:flex;flex-direction:column;align-items:center;flex:1}.bar{width:40px;background:linear-gradient(180deg,#2563eb,#60a5fa);border-radius:8px 8px 0 0;transition:height .3s ease}.bar-label{margin-top:10px;font-size:12px;color:#64748b}.exceptions-section{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 12px #0000000a}.filter-tabs{display:flex;gap:8px}.filter-tab{padding:8px 16px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-size:13px;color:#64748b;transition:all .2s ease}.filter-tab:hover{border-color:#2563eb;color:#2563eb}.filter-tab.active{background:#2563eb;border-color:#2563eb;color:#fff}.exceptions-list{display:flex;flex-direction:column;gap:16px}.exception-card{padding:20px;background:#f8fafc;border-radius:16px}.exception-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.exception-info{display:flex;gap:16px}.exception-name{font-size:14px;font-weight:600;color:#1e293b}.exception-date{font-size:13px;color:#64748b}.exception-type{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.exception-type.late,.exception-type.early{background:#fef3c7;color:#d97706}.exception-type.absent{background:#fee2e2;color:#dc2626}.exception-type.overtime{background:#d1fae5;color:#059669}.exception-description{margin:0 0 16px;font-size:13px;color:#64748b;line-height:1.5}.exception-footer{display:flex;justify-content:space-between;align-items:center}.exception-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.exception-status.exception-pending{background:#fef3c7;color:#d97706}.exception-status.exception-approved{background:#d1fae5;color:#059669}.exception-status.exception-rejected{background:#fee2e2;color:#dc2626}.exception-actions{display:flex;gap:10px}.action-btn{padding:8px 20px;border-radius:10px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.action-btn.approve{background:#2563eb;color:#fff}.action-btn.approve:hover{background:#1d4ed8}.action-btn.reject{background:#f1f5f9;color:#64748b}.action-btn.reject:hover{background:#e2e8f0}.action-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.checkin-section{grid-template-columns:1fr}.stats-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.stats-cards{grid-template-columns:1fr}.bar-chart .bar{width:24px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.tabs{flex-wrap:wrap}.tab{flex:none;min-width:calc(50% - 2px)}}html,body,#root{width:100%;overflow-x:hidden}@media(max-width:768px){body{min-width:0}.ops-header{height:64px;padding:0 12px;gap:8px}.ops-header__brand{gap:8px}.ops-header__brand-mark{width:36px;height:36px;border-radius:12px}.ops-header__brand-text{font-size:1.2rem}.ops-header__actions{gap:6px}.ops-icon-button{width:34px;height:34px}.ops-profile{padding-left:8px;gap:6px}.ops-profile__avatar{width:36px;height:36px}.ops-main{padding:14px 10px;overflow-x:hidden}.ops-page{gap:16px}.ops-page-header{display:none}.ops-tabs{overflow-x:auto;flex-wrap:nowrap;gap:6px;padding:2px 2px 8px;border-bottom:none;scrollbar-width:none}.ops-tabs::-webkit-scrollbar{display:none}.ops-tabs__item{flex:0 0 auto;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;font-size:14px}.ops-tabs__item.is-active{background:#eff6ff;border-color:#bfdbfe}.ops-tabs__item.is-active:after{display:none}.ops-content{padding:0;gap:16px;max-width:100%}.ops-page>*,.ops-content>*{min-width:0}.basic-info-section,.room-time-section,.attendees-section,.description-section,.wechat-section,.attachment-section{padding:18px 16px;margin-bottom:0;border-radius:20px;min-width:0;max-width:100%;box-sizing:border-box}.section-header{flex-direction:row;align-items:center;gap:0;margin-bottom:18px}.section-title{font-size:1.15rem}.section-accent{height:22px;margin-right:10px}.info-grid,.wechat-content,.summary-content{grid-template-columns:1fr;gap:16px}.form-input,.form-select,.readonly-field{height:48px;border-radius:14px;font-size:15px}.form-label{font-size:14px;margin-bottom:8px}.rooms-grid{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:none}.rooms-grid::-webkit-scrollbar{display:none}.room-card{flex:0 0 78%;min-width:240px;max-width:300px;min-height:260px;padding:18px;scroll-snap-align:start}.room-name{font-size:1rem;line-height:1.35;word-break:keep-all}.features-list{gap:6px}.feature-tag{font-size:11px;padding:4px 8px}.book-btn{height:42px;font-size:14px;border-radius:12px}.selected-time-summary{margin-top:14px;padding:16px}.attendees-list{overflow-x:auto;padding-bottom:8px}.action-buttons{display:grid;grid-template-columns:1fr;gap:10px}.action-btn{width:100%;justify-content:center}.requirements-grid{display:grid;grid-template-columns:1fr;gap:12px}.form-textarea{min-height:120px;font-size:15px}.signin-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.signin-option{padding:18px 10px}.signin-icon{font-size:28px}.upload-area{padding:28px 16px}.footer-content{padding:0 12px;flex-direction:column;align-items:stretch;gap:12px}.certification-info{justify-content:center}.footer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.footer-btn{width:100%;justify-content:center;padding:12px 10px}.action-footer{padding:12px 0 calc(12px + env(safe-area-inset-bottom))}.modal-overlay{align-items:flex-end}.time-modal{width:100%;max-width:none;max-height:88vh;border-radius:22px 22px 0 0}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}.time-slots.half-hourly-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.duration-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.duration-btn{width:100%;padding:11px 8px}.modal-footer{display:grid;grid-template-columns:1fr 1fr}.modal-btn{width:100%}}@media(max-width:420px){.ops-icon-actions{gap:2px}.ops-icon-button{width:32px}.ops-header{padding:0 8px}.room-card{flex-basis:82%;min-width:230px}.signin-options{grid-template-columns:1fr}}.contract-card .ops-card__body{display:grid;gap:18px}.contract-form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.contract-field{display:grid;gap:8px}.contract-field--full{grid-column:1 / -1}.contract-field label{color:var(--ops-text-soft);font-size:.9rem;font-weight:600}.contract-field input{width:100%;box-sizing:border-box;height:44px;border:1px solid var(--ops-border);border-radius:12px;background:#fff;padding:0 12px;color:var(--ops-text)}.contract-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.contract-table-wrap{overflow-x:auto}.contract-table{width:100%;border-collapse:collapse;min-width:680px}.contract-table th,.contract-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--ops-border-soft);white-space:nowrap}.contract-empty{text-align:center!important;color:var(--ops-text-muted)}.room-fav-btn{width:30px;height:30px;border-radius:10px;border:1px solid var(--ops-border-soft);background:#fff;color:#94a3b8;font-size:16px;cursor:pointer;margin-right:8px}.room-fav-btn.is-active{color:#f59e0b;border-color:#fde68a;background:#fffbeb}.favorites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.favorite-card{border:1px solid var(--ops-border-soft);border-radius:16px;background:#fff;padding:14px;display:grid;gap:12px}.favorite-card__head{display:flex;align-items:center;gap:12px}.favorite-card__head h3{margin:0;font-size:1rem}.favorite-card__head p{margin:4px 0 0;color:var(--ops-text-muted);font-size:.86rem}.favorite-card__icon{width:38px;height:38px;border-radius:12px;background:var(--ops-blue-soft);display:inline-flex;align-items:center;justify-content:center}.favorite-card__tags{display:flex;flex-wrap:wrap;gap:8px}.favorite-card__tags span{padding:4px 10px;border-radius:999px;background:#f8fafc;border:1px solid var(--ops-border-soft);font-size:.75rem;color:var(--ops-text-soft)}.favorite-card__actions{display:flex;gap:8px;flex-wrap:wrap}.favorite-remove-btn{color:#dc2626;border-color:#fecaca}.room-empty-tip{margin-top:10px;border:1px dashed #cbd5e1;border-radius:12px;padding:12px;color:#64748b;font-size:.9rem;background:#f8fafc}.availability-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.availability-legend{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.legend-item{border-radius:999px;padding:6px 12px;font-size:12px;border:1px solid transparent}.legend-item--free{color:#166534;background:#ecfdf3;border-color:#86efac}.legend-item--busy{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.availability-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.availability-slot{border-radius:12px;padding:10px;border:1px solid transparent;min-height:64px}.availability-slot.is-free{background:#f0fdf4;border-color:#86efac}.availability-slot.is-busy{background:#fef2f2;border-color:#fca5a5}.availability-slot__time{font-size:12px;color:#334155}.availability-slot__status{margin-top:6px;font-size:12px;line-height:1.3;color:#0f172a;word-break:break-word}@media(max-width:768px){.contract-form-grid,.favorites-grid,.availability-controls{grid-template-columns:1fr}.availability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.readonly-field{overflow:hidden}.readonly-field .ops-button{min-width:108px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh}body{min-width:320px}a,button,input,select,textarea{font:inherit}