:root{color:#173729;background:radial-gradient(circle at top left,rgba(255,223,169,.3),transparent 32%),radial-gradient(circle at right 18%,rgba(86,136,112,.18),transparent 28%),linear-gradient(135deg,#f6f1e8,#e8efe9 46%,#d9e4de);font-family:PingFang SC,Noto Sans SC,sans-serif;--surface-shell: rgba(255, 253, 250, .82);--surface-panel: rgba(255, 252, 247, .9);--panel-border: rgba(24, 63, 47, .1);--panel-shadow: 0 24px 60px rgba(20, 43, 34, .1);--text-muted: rgba(22, 49, 38, .62);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;color:inherit}.admin-shell{min-height:100vh;background:transparent}.admin-sidebar{padding:20px 16px;color:#f5efe5;background:linear-gradient(180deg,#0c251dfa,#184c3af0),#123329;position:relative;overflow:hidden}.admin-sidebar:after{content:"";position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(255,211,140,.34),transparent 68%);pointer-events:none}.admin-brand__eyebrow,.admin-brand .ant-typography,.page-shell__header .ant-typography{text-transform:uppercase;letter-spacing:.16em}.admin-brand{padding:12px 12px 20px}.admin-brand .ant-typography{color:#f5efe5ad}.admin-brand h3.ant-typography{margin-top:10px;margin-bottom:8px;color:#fff8ef}.admin-brand p{margin:12px 0 0;color:#f5efe5bd;line-height:1.7}.admin-menu{background:transparent;position:relative;z-index:1;border-inline-end:none!important}.admin-menu.ant-menu{color:#f7f1e8d1}.admin-menu .ant-menu-submenu-title,.admin-menu .ant-menu-item{border-radius:14px;margin-inline:6px;width:calc(100% - 12px)}.admin-menu .ant-menu-item-selected{background:#ffffff29!important;color:#fff8ef!important}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:88px;padding:0 32px;background:transparent;line-height:1.5}.admin-header__identity{display:flex;flex-direction:column;gap:2px}.admin-header__eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#1631268a!important}.admin-header h4.ant-typography{margin-bottom:0;color:#163126d6;font-size:18px}.admin-main{padding:24px 32px 32px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:32px 20px}.login-card-web{width:min(100%,480px);border-radius:28px;background:var(--surface-panel);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow)}.login-card-web__eyebrow{display:inline-block;margin-bottom:12px;text-transform:uppercase;letter-spacing:.18em;color:#16312685}.login-card-web__alert{margin-bottom:18px}.login-card-web__hint{margin-top:16px}.page-shell{animation:page-enter .32s var(--ease-out)}.page-shell__header,.team-panel,.team-stat-card,.overview-card,.overview-panel,.placeholder-card{border-radius:28px;background:var(--surface-panel);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-shell__header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:18px 22px}.page-shell__header .ant-typography{margin-bottom:0}.page-shell__header h2.ant-typography{margin-bottom:6px;font-size:clamp(24px,4vw,34px);line-height:1.12}.page-shell__header p.ant-typography{font-size:13px;line-height:1.6;color:var(--text-muted);max-width:720px}.page-shell__actions{display:flex;gap:12px;flex-wrap:wrap}.page-shell__stats{margin-top:24px}.team-stat-card .ant-statistic{position:relative}.team-stat-card .ant-statistic-content{font-size:clamp(28px,4vw,38px)}.team-panel{margin-top:24px}.overview-card__desc{margin-top:16px;margin-bottom:0;color:var(--text-muted)}.overview-panel,.placeholder-card{margin-top:24px}.team-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px;margin-bottom:16px}.account-toolbar,.category-toolbar{display:grid;grid-template-columns:minmax(0,1.2fr) 220px 180px;gap:14px;margin-bottom:16px}.attendance-toolbar{display:grid;grid-template-columns:minmax(180px,210px) minmax(420px,520px) minmax(120px,1fr) 150px;gap:14px;margin-bottom:18px}.attendance-date-control .ant-picker-input>input{font-size:13px;text-align:center}.attendance-date-control.ant-picker{min-width:260px}.attendance-action-bar{display:grid;gap:12px;margin-bottom:16px}.attendance-mode-toggle{padding:6px;border-radius:18px;background:#113a2914}.attendance-mode-toggle .ant-segmented-item{min-width:132px;font-weight:600}.attendance-mode-toggle .ant-segmented-item-selected{background:#1e6146;color:#fffdf8;box-shadow:0 10px 24px #1948342e}.attendance-hint{font-size:12px}.attendance-report-summary{margin-bottom:16px}.team-name-cell{display:grid;gap:4px}.team-name-cell strong{font-size:15px}.team-name-cell span{color:var(--text-muted);font-size:12px;letter-spacing:.04em}.account-name-cell{display:grid;gap:4px}.account-name-cell strong{font-size:15px}.account-name-cell span{color:var(--text-muted);font-size:12px;letter-spacing:.04em}.team-form__footer{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.team-detail__loading{min-height:240px;display:grid;place-items:center}.ant-table-wrapper .ant-table{background:transparent}.ant-table-wrapper .ant-table-thead>tr>th{background:#e8efead6}.ant-table-wrapper .ant-table-tbody>tr>td{transition:background .18s var(--ease-out)}.ant-table-wrapper .ant-table-tbody>tr:hover>td{background:#eff5f1eb}.ant-card,.ant-layout-sider,.ant-layout{background:transparent}.ant-drawer .ant-drawer-content{background:linear-gradient(180deg,#f8faf6fa,#f1f6eff5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ant-drawer .ant-drawer-header{background:transparent;border-bottom-color:#8a9b7c2e}.ant-drawer .ant-drawer-body,.ant-card .ant-card-body,.ant-card .ant-card-head{background:transparent}@keyframes page-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.page-shell__header{flex-direction:column}.team-toolbar,.account-toolbar,.category-toolbar,.attendance-toolbar{grid-template-columns:1fr}}@media (max-width: 640px){.admin-main{padding:16px}.admin-header{align-items:flex-start;min-height:108px;padding:16px 16px 0}.page-shell__actions,.team-form__footer{width:100%}.page-shell__actions .ant-btn,.team-form__footer .ant-btn{flex:1}}
