
*{box-sizing:border-box}
html{background:var(--bg);color:var(--ink)}
body{margin:0}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.hero{display:flex;justify-content:space-between;gap:24px}
.eyebrow{font-size:var(--ts-text-xs);text-transform:uppercase;color:var(--orange);font-weight:700;letter-spacing:.16em}
.hero h1{font-size:clamp(38px,4.5vw,64px)}
.hero p{color:var(--muted)}
.grid{display:grid;grid-template-columns:minmax(340px,475px) minmax(0,1fr);align-items:start}
.card{background:var(--paper)}
.card h2{margin:0 0 20px}
.step{color:var(--orange);font-size:var(--ts-text-xs);letter-spacing:.1em;margin-right:8px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{margin-top:18px}
.field label{display:block;font-weight:700;margin-bottom:8px}
.field input,.field select,.field textarea{width:100%;border:1px solid #dcd6cd;background:#fff;padding:11px 12px;outline:none;color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #e9582b20}
.field textarea{resize:vertical}
.hint{color:var(--muted);margin:8px 0 0}
.actions{display:flex;gap:10px;align-items:center}
.primary,.secondary{padding:11px 15px;font-weight:700}
.primary{border:1px solid var(--orange);color:#fff}
.secondary{border:1px solid #cfc8bd;background:transparent;color:var(--ink)}
.status{font-size:var(--ts-text-xs);line-height:1.45;min-height:19px;margin-top:12px}
.status.ok{color:#276342}
.status.warn{color:#a03b23}
.metric strong{font-size:var(--ts-text-5xl);display:block;line-height:1.1}
.metric span{color:var(--muted);line-height:1.4}
.charts{display:grid;grid-template-columns:1fr 1fr}
.chart{padding:24px;min-width:0}
.chart h3{font-size:var(--ts-text-lg);margin:0 0 17px}
.empty{color:var(--muted);font-size:var(--ts-text-xs);line-height:1.5;padding:16px 0}
.records{padding:25px;overflow:hidden}
.records h2{margin:0 0 8px}
.records .hint{margin-bottom:14px}
.table-wrap{overflow:auto}
.table{width:100%;border-collapse:collapse}
.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 9px}
.table td{border-bottom:1px solid #eee8df;padding:11px 9px;vertical-align:top}
.table td strong{font-size:var(--ts-text-sm)}
.table button{border:1px solid #d6cec3;border-radius:var(--ts-r-sm);background:#fff}
.notice{border-left:3px solid var(--orange);padding:10px 13px;border-radius:var(--ts-r-sm);color:#75513e;margin-top:18px}
@media(max-width:1050px){.grid{grid-template-columns:1fr}}
@media(max-width:690px){.top{height:68px}
.hero{display:block;padding:32px 0 24px}
.hero h1{font-size:42px}
.summary,.chart,.records{padding:20px}
.charts{grid-template-columns:1fr}
.metric{padding:12px}
.metric strong{font-size:var(--ts-text-3xl)}
.two{grid-template-columns:1fr}
.actions{flex-wrap:wrap}}
.hidden{display:none!important}
.metric strong{font-size:clamp(20px,2.4vw,29px)}
#employee[readonly]{background:#f4f1eb;color:var(--ink)}
html{font-family:var(--ts-font);font-size:var(--ts-text-lg);text-rendering:optimizeLegibility}
.hero h1{font-size:clamp(42px,4.9vw,68px);font-weight:700}
.card h2{line-height:1.24}
.card h3{line-height:1.3}
.field label,.primary,.secondary,.status,.notice,.table td{font-size:var(--ts-text-md);line-height:1.45}
.hint,.metric span,.table th,.table button{font-size:var(--ts-text-sm);line-height:1.45}
@keyframes shimmer{to{background-position-x:-200%}}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:690px){.hero h1{font-size:clamp(37px,9vw,48px)}
.hero p{font-size:var(--ts-text-lg)}
.card h2{font-size:var(--ts-text-3xl)}}
.admin-shell{margin:auto;padding:28px 22px 70px}
.admin-top img{height:auto}
.admin-top nav{display:flex;gap:10px}
.admin-grid{display:grid}
.admin-card h2{margin:0 0 15px}
.admin-card p{line-height:1.5}
.admin-wide{grid-column:1/-1}
.admin-row{display:grid;grid-template-columns:minmax(150px,1fr) 120px 110px 90px;align-items:center;border-top:1px solid #e5ddd2}
.admin-row input[type=text],.admin-row input[type=number]{width:100%}
.admin-row button{padding:8px 10px}
.admin-row img{object-fit:contain}
.admin-profiles{width:100%;border-collapse:collapse}
.admin-profiles th,.admin-profiles td{padding:10px 8px;text-align:left;border-bottom:1px solid #e5ddd2}
.admin-profiles td:last-child{white-space:nowrap}
.admin-profiles button{padding:7px 9px;margin:2px}
.admin-formula{display:grid;gap:12px;align-items:end}
.admin-formula input{width:100%}
.admin-status{min-height:28px;color:#a53f20;margin-top:12px}
.admin-notice{padding:14px}
.admin-card .field{margin:12px 0}
.admin-card .field input{width:100%}
.admin-icon-input{width:100%;font-size:var(--ts-text-xs)}
.admin-actions{display:flex;gap:8px}
.admin-account{max-width:480px;margin:50px auto}
@media(max-width:760px){.admin-grid{grid-template-columns:1fr}
.admin-row{grid-template-columns:1fr 100px}
.admin-row .admin-icon-input{grid-column:1/-1}
.admin-formula{grid-template-columns:1fr}
.admin-top{flex-wrap:wrap}
.admin-top nav{margin-left:0}}
.admin-stats-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:14px 0}
.admin-stats-controls .field{margin:0}
.admin-stats-controls input{width:180px}
.admin-stats-table{min-width:780px}
.admin-stats-table th,.admin-stats-table td{white-space:nowrap;text-align:center}
.admin-stats-table th:first-child,.admin-stats-table td:first-child{text-align:left;position:sticky;left:0;z-index:1}
.admin-stats-table tfoot td{font-weight:700;border-top:2px solid #df612e}
.admin-stats-table th{font-size:var(--ts-text-xs);line-height:1.3;max-width:135px;white-space:normal;vertical-align:bottom}
.admin-stats-table td{font-variant-numeric:tabular-nums}
@media(max-width:690px){.admin-stats-controls input{width:100%}
.admin-stats-controls .field{flex:1 1 140px}}

html{scroll-behavior:smooth}
body{background:var(--bg)}
button,input,textarea{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ef8a6c;outline-offset:2px}
button:disabled{cursor:wait;opacity:.66}
.top{border-bottom:2px solid var(--orange);background:var(--paper);margin-inline:calc(-1 * clamp(18px,4vw,64px));padding-inline:clamp(18px,4vw,64px)}
.hero{position:relative;align-items:center}
.hero>div:first-child{border-left:6px solid var(--orange)}
.hero h1{font-size:clamp(32px,4vw,54px);line-height:1.13;letter-spacing:-.025em;margin:0 0 13px;max-width:790px}
.hero p{line-height:1.55;max-width:750px}
.eyebrow{display:none}
.grid{grid-template-columns:minmax(330px,430px) minmax(0,1fr);gap:24px}
.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}
.summary{padding:25px;border-top:5px solid var(--green)}
.chart,.records{padding:23px}
.card h2{font-size:var(--ts-text-3xl);letter-spacing:-.015em;margin-bottom:18px}
.card h3{font-size:var(--ts-text-xl)}
.step{display:none}
.summary h2:before,.records h2:before{content:'';display:inline-block;width:9px;height:9px;background:var(--green);border-radius:50%;margin-right:10px;vertical-align:3px}
.field label{font-size:var(--ts-text-sm)}
.field input,.field select,.field textarea{min-height:45px;border-color:#d7d4ce;border-radius:var(--ts-r-md);font-size:var(--ts-text-base)}
.field textarea{min-height:86px}
.field input:focus,.field textarea:focus{box-shadow:0 0 0 3px #df4b2428}
.hint{font-size:var(--ts-text-sm);line-height:1.5}
.primary,.secondary{min-height:44px;border-radius:var(--ts-r-md);font-size:var(--ts-text-md);transition:transform .18s,box-shadow .18s,background-color .18s}
.primary{background:var(--orange);border-color:var(--orange);box-shadow:0 4px 0 #a6371d}
.primary:hover{background:#c83d1b;transform:translateY(-2px);box-shadow:0 6px 0 #a6371d}
.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #a6371d}
.secondary:hover{background:#fff4ed}
.actions{margin-top:23px}
.actions .primary{flex:1}
.status.ok{animation:messageIn .4s ease-out}
.status.warn{animation:messageIn .4s ease-out}
.notice{font-size:var(--ts-text-xs);line-height:1.5;background:#fff6f1;border-left-color:var(--orange)}
.metric{background:transparent;border-radius:0;padding:18px 16px}
.metric+ .metric{border-left:1px solid var(--line)}
.metric:first-child{padding-left:0}
.metric strong{font-size:clamp(26px,2.5vw,38px);letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.metric:last-child strong{color:var(--orange)}
.metric span{font-size:var(--ts-text-xs)}
.charts{gap:18px}
.chart{min-height:185px}
.chart h3{margin-bottom:21px}
.records .hint{max-width:650px}
.table{min-width:560px}
.table th{font-size:var(--ts-text-xs);font-weight:700}
.table td{font-size:var(--ts-text-sm)}
.table button{min-height:38px;padding:7px 13px;font-size:var(--ts-text-sm);color:var(--orange);border-color:#ecc6b6}
.table tbody tr{transition:background-color .18s}
.table tbody tr:hover{background:#fff8f4}
.charts .chart:nth-child(2){animation-delay:.09s}
@keyframes messageIn{from{transform:translateY(-5px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes saveFlash{0%,100%{box-shadow:none}35%{box-shadow:0 0 0 8px #49a56a2c}}
@media(max-width:1080px){.grid{grid-template-columns:1fr}
.charts{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.top{height:auto;min-height:70px;margin-inline:-16px;padding-inline:16px;gap:8px}
.hero{display:block;padding:29px 0 20px}
.hero>div:first-child{padding-left:15px;border-left-width:4px}
.hero h1{font-size:clamp(29px,8vw,40px);line-height:1.16}
.hero h1 br{display:none}
.hero p{font-size:var(--ts-text-md)}
.grid,.charts{gap:14px}
.summary,.chart,.records{padding:19px}
.charts{grid-template-columns:1fr}
.card h2{font-size:var(--ts-text-2xl)}
.two{grid-template-columns:1fr 1fr;gap:10px}
.field{margin-top:15px}
.field input{min-width:0}
.actions{display:grid;grid-template-columns:1fr auto}
.actions .secondary{padding-inline:10px}
.metric{padding:15px 9px}
.metric strong{font-size:clamp(19px,5.5vw,29px)}
.metric span{font-size:10px}
.table-wrap{overflow:visible}
.records .table{min-width:0}
.records .table thead{display:none}
.records .table,.records .table tbody,.records .table tr,.records .table td{display:block;width:100%}
.records .table tr{position:relative;border:1px solid var(--line);border-radius:var(--ts-r-md);padding:12px;margin:0 0 10px;background:#fff}
.records .table td{border:0;padding:3px 0;font-size:var(--ts-text-sm)}
.records .table td[data-label]:before{content:attr(data-label);display:inline-block;min-width:126px;color:var(--muted);font-size:var(--ts-text-xs)}
.records .table td:last-child{padding-top:9px}
.records .table td:last-child button{width:100%}
.records .table .empty{padding:18px;border:0}}
@media(max-width:390px){.two{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.hero h1{text-wrap:balance}
.two,.two>.field{min-width:0}
.field input[type=date],.field input[type=week],.field input[type=month]{display:block;width:100%;min-width:0;max-width:100%;font-size:var(--ts-text-lg)}
.metric strong.metric-flash{animation:metricSoft .6s ease-out}
.charts .chart{animation:none}
@keyframes pageRevealSoft{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes metricSoft{from{opacity:.45}to{opacity:1}}
@media(max-width:720px){.two{grid-template-columns:minmax(0,1fr)}
.field input[type=date],.field input[type=week],.field input[type=month]{height:48px}
.hero h1{overflow-wrap:normal;hyphens:none}}
@media(max-width:360px){.actions{grid-template-columns:minmax(0,1fr)}
.actions .primary,.actions .secondary{width:100%}}
@media(prefers-reduced-motion:reduce){.metric strong.metric-flash{animation:none!important}}
html{scroll-padding-top:116px}
.top{position:sticky;top:0;z-index:50;min-height:88px;height:auto;box-shadow:var(--ts-elev-2)}
.hero{padding:24px 0 22px}
.hero>div:first-child{border-left-width:4px;padding-left:18px}
.hero p{margin:0;font-size:var(--ts-text-base)}
@media(max-width:720px){html{scroll-padding-top:140px}
.top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo account" "title title";align-items:center;gap:6px 8px;padding-block:10px}
.hero{padding:18px 0}
.hero>div:first-child{padding-left:14px}
.hero p{font-size:var(--ts-text-md)}}
@media(max-width:360px){html{scroll-padding-top:165px}}
.dashboard-main{display:grid;gap:24px;min-width:0}
.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}
.action-tile{display:flex;align-items:center;gap:18px;min-width:0;min-height:138px;padding:24px;text-align:left;border:1px solid var(--line);border-top:5px solid var(--orange);border-radius:var(--ts-r-xl);background:var(--paper);color:var(--ink);box-shadow:var(--ts-elev-2);transition:transform .27s ease,box-shadow .27s ease,border-color .27s ease}
.action-tile:hover{transform:translateY(-3px);box-shadow:var(--ts-elev-3)}
.action-tile:active{transform:translateY(0)}
.summary h2{font-size:clamp(22px,2.1vw,28px)}
.summary .hint,.summary .field label{font-size:var(--ts-text-lg)}
.summary .metric strong{font-size:clamp(28px,3vw,40px)}
.summary .metric span{font-size:var(--ts-text-base)}
.chart h3{font-size:clamp(19px,1.7vw,23px)}
.chart .empty{font-size:var(--ts-text-lg)}
.records .hint,.records .table td{font-size:var(--ts-text-base)}
.records .table th{font-size:var(--ts-text-md)}
.records .table td strong{font-size:var(--ts-text-lg)}
.records .table button{font-size:var(--ts-text-base)}
@keyframes workspaceEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.dashboard-main{gap:16px}
.quick-actions{gap:10px}
.action-tile{min-height:144px;align-items:flex-start;gap:10px;padding:15px 13px;flex-direction:column}
.summary .hint,.summary .field label{font-size:var(--ts-text-base)}
.summary .metric span{font-size:var(--ts-text-sm)}
.records{padding:18px}
.records .table td{font-size:var(--ts-text-base)}
.records .table td[data-label]:before{font-size:var(--ts-text-sm)}}
@media(max-width:380px){.action-tile{padding:13px 11px;min-height:137px}
.summary .metric{padding:12px 8px}
.summary .metric strong{font-size:var(--ts-text-4xl)}
.summary .metric span{font-size:var(--ts-text-xs)}}
@media(prefers-reduced-motion:reduce){.action-tile{transition:none}}
.dashboard-main{padding-top:24px}
@media(max-width:720px){.dashboard-main{padding-top:18px}}
.schedule-card{min-width:0;padding:24px 26px;border:1px solid var(--line);border-top:5px solid var(--green);border-radius:var(--radius);box-shadow:var(--ts-elev-2)}
.schedule-card h2{margin:0;font-size:clamp(22px,2.4vw,31px);line-height:1.3;letter-spacing:-.02em}
@media(max-width:720px){.schedule-card{padding:19px}
.schedule-card h2{font-size:var(--ts-text-3xl)}}
.schedule-card{--schedule-wash:#fff;--schedule-border:var(--line);--schedule-accent:var(--green);background:var(--schedule-wash);border-color:var(--schedule-border);border-top-color:var(--schedule-accent);transition:background-color .3s ease,border-color .3s ease}
.schedule-card.schedule-status-operations{--schedule-wash:#fff3ec;--schedule-border:#f0cfbf;--schedule-accent:#c54a25}
.schedule-card.schedule-status-office{--schedule-wash:#edf7ee;--schedule-border:#c9dfce;--schedule-accent:#2d7147}
.schedule-card.schedule-status-training{--schedule-wash:#f3eefb;--schedule-border:#d8c8ed;--schedule-accent:#67469b}
.schedule-card.schedule-status-visits{--schedule-wash:#ebf5fd;--schedule-border:#c9dfef;--schedule-accent:#246298}
.schedule-card.schedule-status-vacation{--schedule-wash:#fff8df;--schedule-border:#eadcae;--schedule-accent:#a87909}
.schedule-card.schedule-status-off{--schedule-wash:#f0f1ef;--schedule-border:#d5d8d4;--schedule-accent:#69716b}
.schedule-card.schedule-status-sick{--schedule-wash:#fdf0ef;--schedule-border:#edcecb;--schedule-accent:#a83934}
.schedule-card.schedule-status-unknown{--schedule-wash:#f7f7f4;--schedule-border:#deded8;--schedule-accent:#777}
@media(prefers-reduced-motion:reduce){.schedule-card{transition:none}}
.admin-grid,.admin-card,.admin-wide{min-width:0}
.admin-shell{max-width:1340px;padding:0 clamp(18px,4vw,64px) 70px}
.admin-top{margin-bottom:28px;border-bottom:2px solid var(--orange)}
.admin-top img{width:196px}
.admin-top nav{align-items:center}
.admin-grid{gap:18px;grid-template-columns:1fr 1fr}
.admin-card{padding:26px;border-top:4px solid var(--green)}
.admin-card:first-child{border-top-color:var(--orange)}
.admin-card h2{font-size:var(--ts-text-3xl)}
.admin-card p{font-size:var(--ts-text-md)}
.admin-row{grid-template-columns:minmax(180px,1fr) 140px 150px auto;gap:12px;padding:15px 0;border-color:var(--line)}
.admin-row small{display:block;margin-top:5px;color:var(--muted)}
.admin-row input[type=text],.admin-row input[type=number],.admin-formula input{height:44px;border:1px solid #d7d4ce;border-radius:var(--ts-r-md);padding:9px 11px;font-size:var(--ts-text-md)}
.admin-row input[type=file]{font-size:var(--ts-text-xs)}
.admin-row img{width:36px;height:36px}
.admin-actions{flex-wrap:nowrap}
.admin-row button{white-space:nowrap}
.admin-formula{grid-template-columns:150px 1fr auto}
.admin-formula .field{margin:0}
.admin-profiles th,.admin-profiles td{border-color:var(--line);font-size:var(--ts-text-sm)}
.admin-profiles th{color:var(--muted);font-size:var(--ts-text-xs)}
.admin-stats-table th:first-child,.admin-stats-table td:first-child{background:#fff}
.admin-notice{background:#fff5ee;border-left:3px solid var(--orange);border-radius:var(--ts-r-sm)}
.admin-stats-controls input{min-width:160px}
.admin-stats-table tbody tr:hover,.admin-profiles tbody tr:hover{background:#fff8f4}
.admin-stats-table tfoot td{border-top-color:var(--orange)}
.admin-account{border-top-color:var(--orange)}
.admin-status{font-size:var(--ts-text-sm);line-height:1.5}
.admin-hidden{display:none!important}
@media(max-width:850px){.admin-grid{grid-template-columns:1fr}
.admin-row{grid-template-columns:minmax(0,1fr) 115px;gap:10px}
.admin-row [data-field=icon],.admin-row .admin-icon-input{grid-column:auto}
.admin-row .admin-actions{justify-content:flex-end}
.admin-formula{grid-template-columns:1fr 2fr}
.admin-formula button{grid-column:1/-1}
.admin-top{flex-wrap:wrap;padding:15px 0;gap:10px}
.admin-top nav{margin-left:auto}
.admin-card{padding:20px}}
@media(max-width:560px){.admin-shell{padding:0 16px 50px}
.admin-top img{width:140px}
.admin-top nav{gap:6px}
.admin-top nav .secondary{padding-inline:9px;font-size:var(--ts-text-xs)}
.admin-card{padding:18px}
.admin-card h2{font-size:var(--ts-text-2xl)}
.admin-row{grid-template-columns:minmax(0,1fr) 94px}
.admin-row .admin-icon-input{grid-column:1/-1}
.admin-row>div:nth-child(3){grid-column:1/-1}
.admin-row .admin-actions{grid-column:1/-1;justify-content:stretch}
.admin-row .admin-actions button{flex:1}
.admin-row>button{grid-column:1/-1}
.admin-formula{grid-template-columns:1fr}
.admin-stats-controls .field{flex:1 1 100%}
.admin-stats-controls input{width:100%;min-width:0}
.admin-stats-controls button{width:100%}
.admin-profiles:not(.admin-stats-table) thead{display:none}
.admin-profiles:not(.admin-stats-table),.admin-profiles:not(.admin-stats-table) tbody,.admin-profiles:not(.admin-stats-table) tr,.admin-profiles:not(.admin-stats-table) td{display:block;width:100%}
.admin-profiles:not(.admin-stats-table) tr{border:1px solid var(--line);border-radius:var(--ts-r-md);padding:10px;margin-bottom:10px}
.admin-profiles:not(.admin-stats-table) td{border:0;padding:4px 0}
.admin-profiles:not(.admin-stats-table) td:last-child{white-space:normal}
.admin-profiles:not(.admin-stats-table) td:last-child button{min-height:40px;margin:4px 4px 0 0}
.admin-card .table-wrap:has(.admin-stats-table){overflow:auto;max-width:100%;scrollbar-color:var(--orange) #eee}}
.admin-top{position:sticky;top:0;z-index:50;background:var(--bg);box-shadow:var(--ts-elev-2)}
.admin-brand h1{line-height:1.2;margin:0;letter-spacing:-.02em}
.admin-top nav{flex:none}
@media(max-width:560px){.admin-top{gap:6px 8px;padding-block:10px}
.admin-brand{width:100%;gap:0;display:contents}
.admin-brand img{width:122px;grid-area:logo}
.admin-brand h1{grid-area:title;font-size:var(--ts-text-lg)}
.admin-top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo nav" "title title"}
.admin-top nav{grid-area:nav;margin-left:0}}
.admin-top{display:flex;align-items:center;flex-wrap:nowrap;min-height:64px;padding-block:8px;gap:12px}
.admin-brand{display:flex;align-items:center;gap:18px;width:auto;min-width:0}
.admin-site-brand{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--ink);font-size:clamp(19px,2vw,23px);font-weight:700;letter-spacing:-.035em;text-decoration:none;white-space:nowrap}
.admin-brand h1{font-size:var(--ts-text-base);color:var(--muted);white-space:nowrap}
.admin-top nav{margin-left:auto}
.admin-content .hero h2,.hero h2{font-size:clamp(21px,2.5vw,29px);margin:0 0 8px;line-height:1.25}
@media(max-width:560px){.admin-top{display:flex;flex-wrap:nowrap;gap:8px;padding-block:7px}
.admin-brand{display:flex;width:auto;gap:0}
.admin-site-brand{font-size:var(--ts-text-xl);gap:6px}
.admin-site-brand img{width:25px;height:28px;grid-area:auto}
.admin-brand h1{display:none}
.admin-top nav{grid-area:auto;gap:4px}
.admin-top nav .secondary{font-size:var(--ts-text-2xs);padding:7px;min-height:36px}}
.admin-profile-field{display:block;max-width:320px;margin:0 0 7px;font-size:var(--ts-text-2xs);font-weight:700;color:var(--muted)}
.admin-profile-field input{display:block;width:100%;min-height:40px;margin-top:3px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--ts-r-sm);background:#fff;color:var(--ink);font:inherit;font-size:var(--ts-text-md);font-weight:400}
.profile-actions{min-width:210px}
.profile-actions button{margin:3px 5px 3px 0;white-space:nowrap}
.approval-badge{display:inline-block;padding:6px 9px;border-radius:var(--ts-r-full);background:#e8efea;color:var(--green);font-weight:700;white-space:nowrap}
.approval-pending{background:#fff0df;color:#ae5d13}
.approval-rejected{background:#fbe8e5;color:#b13f37}
@media(max-width:560px){.profile-actions{min-width:0}
.profile-actions button{white-space:normal}
.admin-profile-field{max-width:none}}
.motion-card.motion-in{animation:adminCardIn .6s cubic-bezier(.2,.75,.25,1) var(--motion-delay,0ms) backwards}
@keyframes adminCardIn{from{opacity:0;transform:translateY(15px) scale(.989)}to{opacity:1;transform:translateY(0) scale(1)}}
.admin-grid .admin-card{transition:transform .26s ease,box-shadow .26s ease}
@media(hover:hover){.admin-grid .admin-card:hover{transform:translateY(-2px);box-shadow:var(--ts-elev-3)}}
.admin-stats-table tbody tr,.admin-profiles:not(.admin-stats-table) tbody tr{animation:adminRowIn .38s ease-out backwards}
@keyframes adminRowIn{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.admin-card .primary:active,.admin-card .secondary:active{transform:scale(.975)}
@media(prefers-reduced-motion:reduce){.motion-card.motion-in,.admin-stats-table tbody tr,.admin-profiles:not(.admin-stats-table) tbody tr{animation:none!important}
.admin-grid .admin-card{transition:none!important}
.admin-card .primary:active,.admin-card .secondary:active{transform:none!important}}
.admin-site-brand img{width:40px!important;height:40px!important;object-fit:cover!important;border-radius:22%!important;flex:none}
@media(max-width:720px){.admin-site-brand img{width:36px!important;height:36px!important}}
