/* ImageGen direction: pearl silver, ice-blue glass, precise indigo typography. */
:root {
  --blue:#2468f6; --blue-soft:#ecf3ff; --ink:#142442; --muted:#7b8ba6;
  --line:#e4ebf5; --canvas:#f4f7fc; --shadow:0 8px 30px #234a9010;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--ink); background:var(--canvas);
}
body { background:radial-gradient(ellipse at 70% 0%,#eaf3ff 0%,transparent 48%),#f5f8fd; }
h1,h2,h3 { color:#122340; }
.shell { grid-template-columns:226px minmax(0,1fr); }
.sidebar { padding:30px 18px 22px; background:linear-gradient(165deg,#fff 55%,#f4f8ff); border-right:1px solid #e3eafa; }
.brand { gap:12px; letter-spacing:.03em; font-size:1.48rem; padding:0 9px; }
.brand img { width:40px; height:40px; }
.brand small { font-size:.65rem; letter-spacing:.14em; color:#91a3c0; margin-top:1px; }
.workspace-label { font-size:.62rem; letter-spacing:.12em; color:#95a4bd; padding:38px 14px 14px; }
.workspace-label>span { display:block; font-size:.75rem; margin-top:4px; letter-spacing:0; }
.nav-item { min-height:46px; gap:13px; border-radius:9px; color:#6a7d9d; margin-bottom:6px; padding:12px 14px; font-weight:500; }
.nav-item .icon { width:19px; height:19px; }
.nav-item.active { color:#2468f6; background:linear-gradient(105deg,#e5efff,#eff5ff); box-shadow:inset 3px 0 #377cff; }
.nav-item:hover { background:#f0f5ff; color:#2363e2; }
.nav-item .nav-count { margin-left:auto; font-size:.72rem; color:#728bb6; background:#edf2fa; border-radius:5px; padding:1px 6px; }
.nav-section { padding-top:25px; padding-bottom:9px; font-size:.72rem; white-space:normal; letter-spacing:0; }
.sub-nav { min-height:41px; font-size:.84rem; }
.sidebar-note { margin:auto 7px 26px; padding-top:36px; color:#99a9c0; }
.sidebar-emblem { width:38px; height:38px; border:1px solid #e1e9f7; background:linear-gradient(150deg,#fff,#e9f1ff); border-radius:11px; display:grid; place-items:center; color:#86a7e9; margin-bottom:12px; }
.sidebar-note strong { font-size:.85rem; color:#8092af; font-weight:500; }
.sidebar-note p { font-size:.7rem; margin-top:6px; }
.sidebar-bottom { margin-top:0; padding:18px 4px 0; gap:10px; color:#4d6488; font-size:.8rem; }
.sidebar-bottom small { font-size:.65rem; color:#93a3bc; }
.sidebar-bottom .avatar { background:#e8f1ff; border:1px solid #dae6fa; color:#5e8bdd; }
.topbar { height:76px; padding:0 30px; background:#ffffffa8; backdrop-filter:blur(15px); border-bottom:1px solid #e7edf7; }
.topbar .breadcrumb { gap:10px; color:#536d96; font-size:.8rem; }
.breadcrumb>.icon { width:16px; height:16px; color:#8b9fc0; }
.topbar .separator { margin:0 1px; }
.topbar-actions { display:flex; align-items:center; gap:15px; flex-shrink:0; }
.topbar-date { color:#7a8ba7; font-size:.75rem; }
.demo-pill { font-size:.6rem; letter-spacing:.1em; color:#6893cb; background:#f2f7ff; border:1px solid #d9e7f8; padding:3px 6px; border-radius:4px; }
.btn.logout-button { color:#6a7e9e; border:1px solid #e1e8f4; background:#ffffffb8; min-height:34px; font-size:.75rem; padding:6px 10px; border-radius:7px; }
.btn.logout-button:hover { color:#245ed8; background:#eef4ff; border-color:#c6d8f8; }
.btn.logout-button .icon { width:15px; height:15px; }
main { padding:30px 32px 38px; max-width:1500px; }
.btn { border-radius:8px; border-color:#dce6f6; color:#536e96; padding:9px 15px; font-size:.85rem; }
.btn.primary { background:linear-gradient(115deg,#408aff,#2865f2); border-color:#367afd; box-shadow:0 5px 14px #2d6fed23,inset 0 1px 0 #ffffff2b; }
.btn.primary:hover { background:linear-gradient(115deg,#3281ff,#1756e7); box-shadow:0 7px 18px #2d6fed36; }
.btn.ghost,.btn.text { color:#2870ec; }
.btn.danger { background:#b83342; border-color:#b83342; color:#fff; }
.btn.danger-ghost { color:#b83342; border-color:#edcfd5; }
.panel { border:1px solid #e4ebf6; border-radius:13px; box-shadow:0 4px 20px #254e9010; background:#ffffffec; }
.panel-heading { padding:21px 24px; border-color:#eaf0f8; }
.panel-heading h2 { font-size:1rem; font-weight:600; }
.page-heading { margin-bottom:25px; }
.page-heading h1 { font-size:1.75rem; letter-spacing:-.035em; }
.page-heading p { font-size:.85rem; color:#8495af; }
.eyebrow { font-size:.65rem; letter-spacing:.15em; color:#8ca1bf; margin-bottom:9px; font-weight:500; }
.stat { border-radius:11px; box-shadow:none; border-color:#e4ebf6; padding:22px; background:#ffffffd6; }
.stat>span { color:#7c90ae; font-size:.8rem; }
.stat strong { color:#192f54; font-weight:550; }
.stat p { color:#96a6bf; }
.date-tile { background:linear-gradient(145deg,#f7faff,#edf3fd); color:#7d95bc; border-color:#e6edf8; border-radius:10px; }
.date-tile strong { color:#3e5d90; }
.activity-row { padding-top:24px; padding-bottom:24px; border-color:#e9eff8; transition:background .15s; }
.activity-row:hover { background:#f7faff; }
.activity-info h3 { font-weight:600; }
.activity-info p { color:#8193ae; }
.badge { font-size:.68rem; padding:3px 8px; border-radius:5px; }
.badge.green { color:#169479; background:#eaf8f2; }
.badge.amber { color:#a47725; background:#fff6e7; }
.badge.blue { color:#347de9; background:#edf4ff; }
.badge.gray { color:#8797af; background:#f0f3f8; }
.toolbar { border-bottom-color:#eaf0f8; }
.filter-tab.selected { background:linear-gradient(100deg,#e9f1ff,#f0f6ff); color:#2770ee; }
.search-box { border-color:#dfe8f6; background:#fbfdff; }
th { background:#f4f8ff; color:#8095b5; font-weight:500; }
td { border-color:#edf2f9; }
.name-link { color:#36527e; }
.quote-card { border-color:#dce8fb; box-shadow:0 8px 26px #2854a212; background:linear-gradient(160deg,#fff,#fcfdff); }
.quote-total { background:linear-gradient(115deg,#eef5ff,#e8f0ff); }
.notice { border-radius:9px; }
.form-section h2 { font-size:1.03rem; }
.field input,.field textarea,.field select { border-color:#dce6f5; background:#fcfdff; box-shadow:none; border-radius:8px; }
.field input:focus,.field textarea:focus,.field select:focus { border-color:#81adfa; box-shadow:0 0 0 3px #3783fd0d; }
.workspace-footer { color:#9bacbf; padding:0 32px 23px; font-size:.68rem; letter-spacing:.04em; }
.footer-dot { margin:0 7px; color:#b7c5d9; }
/* Actual home workspace */
.home-main { padding-top:26px; }
.home-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:23px; }
.home-heading h1 { font-size:1.65rem; font-weight:600; letter-spacing:-.03em; }
.home-heading .eyebrow { font-size:.62rem; margin-bottom:6px; }
.welcome-label { font-size:.8rem; color:#8b9db8; }
.home-hero { position:relative; isolation:isolate; overflow:hidden; border:1px solid #e0e8f5; background:#eef3fb; border-radius:14px; min-height:270px; box-shadow:0 12px 25px #4671aa0a; }
.home-hero-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 49%; z-index:-2; }
.home-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#f3f7fdc9 0%,#f3f7fd70 37%,transparent 65%); pointer-events:none; }
.hero-copy { padding:32px 35px; max-width:65%; }
.hero-overline { display:inline-block; font-size:.73rem; color:#6b8bbb; letter-spacing:.14em; margin-bottom:12px; }
.hero-copy h2 { font-size:2rem; font-weight:650; letter-spacing:-.045em; line-height:1.33; color:#162e59; }
.hero-copy>p { font-size:.8rem; color:#788fae; line-height:1.7; margin-top:12px; }
.hero-copy .button-row { margin-top:23px; gap:9px; }
.hero-copy .btn { font-size:.8rem; padding:8px 13px; }
.hero-corner-label { position:absolute; right:22px; bottom:17px; display:grid; text-align:right; color:#819ec6; letter-spacing:.15em; }
.hero-corner-label>span { font-size:.65rem; }
.hero-corner-label small { font-size:.5rem; letter-spacing:.1em; margin-top:4px; }
.home-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:21px 0 25px; background:#ffffffd4; border:1px solid #e3ebf7; border-radius:12px; box-shadow:0 7px 24px #2b579409; }
.home-metric { padding:21px 25px 19px; min-width:0; position:relative; }
.home-metric:not(:last-child)::after { content:''; position:absolute; top:23px; bottom:23px; right:0; width:1px; background:#e6edf8; }
.metric-top { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#7b8faa; font-size:.8rem; }
.metric-icon { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; color:#4c85ea; background:#f0f5ff; }
.metric-icon .icon { width:16px; height:16px; }
.home-metric>strong { display:block; font-size:1.8rem; font-weight:550; letter-spacing:-.05em; color:#192f56; margin-top:7px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.home-metric>strong>small { margin-left:7px; font-size:.7rem; font-weight:400; color:#8799b7; letter-spacing:0; }
.home-metric>p { font-size:.68rem; color:#93a4bb; margin-top:6px; }
.home-content-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr); gap:21px; align-items:start; }
.section-kicker { display:block; color:#98aac4; font-size:.58rem; letter-spacing:.13em; margin-bottom:4px; }
.home-content-grid .panel-heading { padding:21px 22px 17px; }
.home-content-grid .panel-heading h2 { font-size:1.06rem; }
.home-content-grid .panel-heading>.icon { color:#a4b6d0; width:17px; }
.home-content-grid .panel-heading .btn { font-size:.75rem; }
.home-tasks h2>small { display:inline-block; padding:1px 6px; margin-left:4px; color:#5888d6; border-radius:5px; background:#edf4ff; font-size:.65rem; font-weight:500; vertical-align:middle; }
.home-activity { display:flex; align-items:center; gap:15px; margin:0 22px; padding:21px 0; border-bottom:1px solid #e9eff8; }
.home-activity:last-child { border:0; }
.home-activity:hover h3 { color:#286bed; }
.home-date { min-width:49px; width:49px; border:1px solid #e2eaf8; border-radius:9px; background:linear-gradient(145deg,#f8fbff,#edf3fd); text-align:center; padding:6px 8px; color:#8099bf; }
.home-date small { display:block; font-size:.62rem; }
.home-date strong { display:block; font-size:1.35rem; line-height:1.3; font-weight:550; color:#526f9b; }
.home-activity-info { min-width:0; flex:1; }
.home-activity-info h3 { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:.9rem; font-weight:550; color:#334d78; }
.home-activity-info p { font-size:.72rem; color:#899cba; margin-top:7px; }
.home-activity-info p>span { margin:0 7px; color:#b6c4d8; }
.home-activity-end { display:flex; align-items:center; gap:13px; color:#91a4c1; font-size:.7rem; white-space:nowrap; }
.home-activity-end>.icon { width:16px; }
.home-todo { display:flex; align-items:flex-start; gap:12px; padding:19px 0; margin:0 22px; border-bottom:1px solid #eaf0f8; }
.home-todo:last-child { border:0; }
.home-todo>div { flex:1; }
.home-todo>div>strong { font-size:.86rem; color:#415a80; font-weight:500; }
.home-todo p { color:#92a3bb; font-size:.7rem; margin-top:4px; }
.home-todo>.icon { width:14px; color:#a4b7d2; margin-top:6px; }
.home-todo .todo-icon { width:31px; height:31px; border-radius:8px; margin-top:1px; }
.home-todo .todo-icon .icon { width:16px; height:16px; }
.todo-detail { display:block; color:#6687b7; font-size:.72rem; margin-top:8px; }
.home-quick-entry { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:15px; margin:5px 19px 19px; background:linear-gradient(95deg,#edf5ff,#f5f9ff); color:#678ec5; border-radius:8px; font-size:.76rem; }
.home-quick-entry>span { display:flex; gap:9px; align-items:center; }
.home-quick-entry>.icon { width:16px; }
.home-audit { display:grid; grid-template-columns:140px 1fr; gap:20px; margin-top:27px; padding:22px 23px; border:1px solid #e5edf8; border-radius:11px; background:#ffffff90; }
.home-audit h2 { font-size:.96rem; font-weight:550; }
.home-audit-row { display:flex; align-items:center; gap:11px; color:#8093b1; font-size:.76rem; padding:7px 0; }
.home-audit-row time { color:#a0aec2; margin-left:auto; font-size:.68rem; white-space:nowrap; }
.audit-mark { background:#93b6ee; width:5px; height:5px; }
/* Silver-tech login, informed by Yanxu's split composition. */
.login-page { min-height:100dvh; background:radial-gradient(ellipse at 25% 60%,#e5eefc 0%,transparent 53%),linear-gradient(145deg,#f9fbff,#f0f4fb); overflow:hidden; }
.login-header { max-width:1450px; margin:auto; display:flex; justify-content:space-between; align-items:center; padding:31px 52px 14px; gap:20px; }
.login-header .brand { font-size:1.6rem; }
.login-edition { color:#94a4bc; font-size:.75rem; letter-spacing:.06em; }
.header-sep { margin:0 12px; color:#bdc9da; }
.login-main { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.8fr); align-items:center; gap:65px; max-width:1260px; min-height:calc(100dvh - 151px); padding:33px 40px 35px; }
.login-story { position:relative; min-width:0; padding-top:12px; }
.login-story>.eyebrow { font-size:.59rem; letter-spacing:.15em; margin-bottom:17px; color:#8eabd2; }
.login-story>h1 { font-size:3rem; line-height:1.32; letter-spacing:-.065em; font-weight:550; color:#1b345c; position:relative; z-index:1; }
.login-story>h1>span { color:#537fb9; }
.login-story>p { font-size:.85rem; color:#8a9eba; line-height:1.9; margin-top:17px; max-width:400px; position:relative; z-index:1; }
.login-art { height:305px; margin-top:0; position:relative; margin-left:-120px; margin-right:-50px; overflow:hidden; mix-blend-mode:multiply; }
.login-art img { width:100%; height:100%; object-fit:cover; object-position:66% 48%; }
.login-story-footer { display:flex; gap:22px; color:#93a9c9; font-size:.65rem; letter-spacing:.04em; padding-top:19px; border-top:1px solid #dbe5f3; margin-right:24px; }
.login-card { padding:33px 35px 29px; border:1px solid #ffffff; border-radius:21px; background:linear-gradient(145deg,#ffffffed,#ffffffbd); box-shadow:0 20px 70px #4c6eab15,0 1px 3px #fff,inset 0 0 0 1px #edf2fb; backdrop-filter:blur(22px); }
.login-date { display:flex; gap:14px; align-items:baseline; padding-bottom:23px; border-bottom:1px solid #e3eaf5; }
.login-date>span { color:#8193ae; font-size:1.55rem; letter-spacing:-.05em; font-weight:400; }
.login-date>small { font-size:.7rem; color:#9eacc1; }
.login-card-heading { padding:25px 0 27px; }
.login-card-heading>.eyebrow { font-size:.58rem; letter-spacing:.15em; color:#98aac3; margin-bottom:11px; }
.login-card-heading>h2 { font-size:1.7rem; color:#29436c; letter-spacing:-.04em; font-weight:550; }
.login-card-heading>p { font-size:.78rem; color:#9aa8bc; margin-top:8px; }
.login-field { display:block; border:1px solid #dfe7f3; border-radius:10px; padding:11px 15px 12px; margin-bottom:15px; background:#ffffffbc; box-shadow:0 2px 7px #7093ca03; }
.login-field:focus-within { border-color:#91b5f7; box-shadow:0 0 0 3px #4384ef0a; }
.login-field>span { display:block; font-size:.72rem; color:#96a5ba; margin-bottom:6px; }
.login-field input { width:100%; border:0; outline:none; background:transparent; color:#526989; font-size:.95rem; line-height:1.5; padding:0; box-shadow:none; }
.login-field input::placeholder { color:#b1bed0; font-size:.85rem; }
.login-field input:focus-visible { outline:none; }
.password-input { display:flex; align-items:center; gap:12px; }
.password-input>button { background:none; border:0; color:#9aaecb; padding:0; display:grid; place-items:center; width:28px; height:28px; flex-shrink:0; }
.password-input>button:hover { color:#3a7af1; }
.password-input>button>.icon { width:17px; height:17px; }
.login-hint { display:flex; align-items:center; gap:7px; font-size:.7rem; color:#93a3bd; margin:2px 0 22px; }
.login-hint>.icon { width:13px; height:13px; }
.login-hint b { color:#6e91c8; font-weight:500; }
.btn.login-submit { width:100%; justify-content:space-between; padding:13px 17px; font-size:.9rem; border-radius:9px; box-shadow:0 8px 24px #286af129; }
.login-submit>.icon { width:17px; height:17px; }
.login-boundary { font-size:.65rem; text-align:center; color:#a1afc4; line-height:1.9; margin-top:23px; }
.login-card .form-error { margin:0 0 17px; font-size:.75rem; padding:11px 13px; }
.login-footer { max-width:1450px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 52px 24px; color:#acb9ce; font-size:.6rem; letter-spacing:.1em; }
.employee-shell { background:radial-gradient(ellipse at 50% 0,#e8f1ff,transparent 60%),#f5f8fd; }
.employee-header { background:#ffffffc9; backdrop-filter:blur(15px); }
.employee-event .eyebrow { color:#6a95d5; }
.employee-event h1 { color:#20395f; }
.employee-demo { background:#edf4ff; color:#96a8c3; font-size:.65rem; }
.employee-main .notice.amber { background:#fffaf1; }
/* Keep every essential action reachable at the narrow Codex preview width. */
@media(min-width:1500px) { .shell{grid-template-columns:240px minmax(0,1fr)} main{padding:32px 40px 40px}.topbar{padding:0 40px}.home-hero{min-height:290px}.hero-copy{padding:37px 42px}.hero-copy h2{font-size:2.25rem}.hero-copy>p{font-size:.9rem}.home-metric>strong{font-size:2rem} }
@media(max-width:1200px) { .shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:26px 13px 20px}.brand{font-size:1.35rem}.sidebar .brand small{font-size:.58rem}main{padding:26px 25px 32px}.topbar{padding:0 25px}.home-content-grid{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr);gap:17px}.home-metric{padding:19px}.home-metric>strong{font-size:1.5rem}.home-activity-end>span{display:none}.home-hero{min-height:255px}.hero-copy{padding:29px}.hero-copy h2{font-size:1.85rem}.hero-copy>p{max-width:300px;font-size:.76rem}.hero-copy .btn{font-size:.75rem;padding:8px 10px}.topbar-date{display:none}.login-main{gap:38px;padding:34px}.login-story>h1{font-size:2.55rem}.login-card{padding:31px}.login-art{margin-left:-95px} }
@media(max-width:950px) { .home-content-grid{grid-template-columns:1fr}.home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.home-metric{padding:18px 22px}.home-metric:nth-child(2)::after{display:none}.home-metric:nth-child(-n+2){border-bottom:1px solid #e6edf8}.home-metric>strong{font-size:1.7rem}.home-todo-list{display:grid;grid-template-columns:1fr 1fr}.home-todo{margin:0 18px}.home-todo:first-child{border-bottom:0}.home-audit{grid-template-columns:1fr;gap:8px}.home-audit-row time{font-size:.65rem}.hero-copy{max-width:75%}.hero-corner-label{display:none}.login-main{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:25px;padding:30px}.login-header{padding:27px 30px 15px}.login-story>h1{font-size:2.15rem}.login-story>p{font-size:.78rem}.login-story-footer{gap:11px;font-size:.55rem;margin-right:0}.login-art{height:275px;margin-left:-125px;margin-right:-30px}.login-card{padding:27px}.login-card-heading>h2{font-size:1.5rem} }
@media(max-width:760px) {
 .shell{display:block}.sidebar{display:block;position:static;height:auto;padding:16px 22px 0;border-right:0;border-bottom:1px solid #e3ecf9;background:#ffffffd9}.sidebar>.brand{display:inline-flex;padding:0;font-size:1.2rem}.sidebar .brand img{width:31px;height:31px}.sidebar .brand small{display:inline-block;font-size:.55rem;margin-left:10px;vertical-align:middle}.workspace-label,.sidebar-note,.sidebar-bottom,.sidebar .nav-section{display:none}.sidebar nav{display:flex;margin-top:15px;gap:7px;justify-content:flex-start;flex-wrap:wrap;padding-bottom:12px}.nav-item{min-height:36px;font-size:.8rem;padding:8px 11px;margin:0;gap:8px}.nav-item .icon{width:16px;height:16px}.nav-item.active{box-shadow:inset 0 -2px #3f80fa;border-radius:7px}.nav-count{display:none}.sidebar nav .sub-nav{font-size:.75rem;min-height:34px;padding:7px 9px}.topbar{height:54px;padding:0 22px;background:#f9fbffc9}.topbar .breadcrumb{font-size:.7rem;gap:6px}.topbar-actions{gap:8px}.topbar .breadcrumb>.icon{width:14px;height:14px}.topbar .separator{margin:0}.btn.logout-button{font-size:.7rem;padding:5px 8px;min-height:31px;gap:5px}.demo-pill{font-size:.55rem;padding:2px 5px}.topbar-actions .topbar-date{display:none}main,.home-main{padding:24px 22px 30px}.home-heading{margin-bottom:18px}.home-heading h1{font-size:1.4rem}.home-heading .eyebrow{font-size:.55rem}.welcome-label{font-size:.68rem}.home-hero{min-height:257px}.hero-copy{padding:27px;max-width:80%}.hero-overline{font-size:.66rem;letter-spacing:.08em;margin-bottom:9px}.hero-copy h2{font-size:1.9rem}.hero-copy>p{font-size:.75rem;max-width:260px}.home-hero-art{object-position:65% center}.home-hero::after{background:linear-gradient(90deg,#f3f7fdda,#f3f7fd80 45%,#f3f7fd0a 85%)}.hero-copy .button-row{margin-top:22px}.hero-copy .btn{font-size:.72rem}.home-metrics{margin:17px 0 20px}.home-metric{padding:18px 21px 17px}.home-metric>strong{font-size:1.6rem}.home-metric>p{font-size:.63rem}.metric-top{font-size:.72rem}.metric-icon{width:25px;height:25px}.home-content-grid{gap:20px}.home-content-grid .panel-heading{padding:19px 20px 15px}.home-activity{padding:20px 0;margin:0 20px;gap:13px}.home-activity-info h3{font-size:.85rem}.home-activity-info p{font-size:.7rem}.home-activity-end>span{display:inline}.home-audit{padding:20px;margin-top:20px}.home-audit-row{font-size:.7rem;flex-wrap:wrap;gap:8px}.home-audit-row time{font-size:.6rem;margin-left:13px;flex-basis:100%}.workspace-footer{padding:0 22px 23px;font-size:.6rem}.page-heading h1{font-size:1.5rem}.stats-grid{gap:12px}.stat{border-radius:11px}.panel{border-radius:12px}.employee-header .btn.logout-button{font-size:.65rem}.employee-header .brand small{display:none}.employee-header>.button-row{gap:1px}.employee-header>.button-row>.btn.ghost{font-size:.7rem;padding:7px}.login-header{padding:24px 25px 14px}.login-header .brand{font-size:1.35rem;padding:0}.login-header .brand img{width:34px;height:34px}.login-header .brand small{font-size:.53rem}.login-edition{font-size:.6rem;letter-spacing:0}.header-sep{margin:0 6px}.login-main{display:flex;flex-direction:column;gap:24px;padding:24px 27px 34px;min-height:0}.login-story{width:100%;min-height:215px;padding:4px 0 0;isolation:isolate;overflow:hidden}.login-story>.eyebrow{font-size:.5rem;letter-spacing:.08em;max-width:60%;margin-bottom:13px}.login-story>h1{font-size:2.1rem;line-height:1.3}.login-story>p{font-size:.7rem;max-width:235px;line-height:1.8;margin-top:12px}.login-art{position:absolute;right:-80px;top:0;width:85%;height:230px;margin:0;z-index:-1;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 32%)}.login-art img{object-position:75% center}.login-story-footer{display:none}.login-card{width:100%;max-width:480px;padding:31px 34px;border-radius:18px}.login-card-heading>h2{font-size:1.6rem}.login-card-heading>p{font-size:.8rem}.login-date>small{font-size:.72rem}.login-boundary{font-size:.65rem}.login-footer{padding:12px 27px 25px;font-size:.52rem;letter-spacing:.06em}.login-footer>span:last-child{letter-spacing:0}.employee-main{padding-top:27px}.badge{font-size:.68rem}.field input,.field select,.field textarea{font-size:1rem}
}
@media(max-width:430px) {
 .sidebar{padding:15px 16px 0}.sidebar nav{gap:4px;margin-top:13px}.nav-item{font-size:.75rem;padding:7px 9px;gap:6px}.sidebar nav .sub-nav{font-size:.7rem;padding:6px 8px}.topbar{padding:0 16px;height:51px}.topbar .breadcrumb{max-width:57%;overflow:hidden;white-space:nowrap}.topbar .breadcrumb>a{flex-shrink:0}.topbar .breadcrumb>span:last-child{max-width:95px}.demo-pill{display:none}main,.home-main{padding:22px 16px 26px}.home-heading .welcome-label{font-size:.6rem}.home-heading .eyebrow{font-size:.49rem}.home-heading h1{font-size:1.3rem}.home-hero{min-height:263px}.hero-copy{max-width:100%;padding:25px 22px}.hero-copy h2{font-size:1.75rem}.hero-copy>p{font-size:.68rem;max-width:225px}.hero-copy .button-row{gap:5px;margin-top:25px}.hero-copy .btn{font-size:.68rem;padding:8px 10px}.hero-copy .btn.ghost{padding:8px 4px}.hero-copy .btn .icon{width:14px;height:14px}.home-hero-art{object-position:70% center;opacity:.78}.home-metric{padding:16px}.home-metric>strong{font-size:1.4rem;letter-spacing:-.04em}.home-metric>p{font-size:.58rem}.metric-top{font-size:.7rem}.metric-icon{width:22px;height:22px}.metric-icon .icon{width:14px;height:14px}.home-metric>strong>small{font-size:.62rem}.home-content-grid .panel-heading{padding:18px 17px 14px}.home-content-grid .panel-heading h2{font-size:.95rem}.section-kicker{font-size:.53rem}.home-content-grid .panel-heading .btn{font-size:.67rem}.home-activity{margin:0 17px;gap:11px;padding:18px 0}.home-date{width:44px;min-width:44px;padding:6px}.home-activity-info h3{font-size:.8rem;gap:6px}.home-activity-info .badge{font-size:.58rem;padding:2px 6px}.home-activity-info p{font-size:.64rem}.home-activity-end>span{display:none}.home-activity-end>.icon{width:14px}.home-todo-list{display:block}.home-todo{margin:0 18px}.home-todo:first-child{border-bottom:1px solid #eaf0f8}.home-todo>div>strong{font-size:.83rem}.home-audit{padding:18px}.workspace-footer{padding:0 16px 22px;font-size:.55rem;gap:7px}.login-header{padding:23px 20px 10px}.login-header .brand small{display:none}.login-edition{font-size:.56rem}.login-main{padding:24px 20px 28px;gap:18px}.login-story{min-height:204px}.login-story>h1{font-size:1.85rem}.login-story>p{max-width:200px;font-size:.65rem}.login-story>.eyebrow{font-size:.44rem;max-width:75%}.login-art{width:90%;right:-87px;top:8px;height:205px}.login-card{padding:28px 25px}.login-date>span{font-size:1.4rem}.login-date>small{font-size:.63rem}.login-card-heading{padding:23px 0}.login-card-heading>h2{font-size:1.5rem}.login-hint{font-size:.66rem}.login-boundary{font-size:.6rem}.login-footer{padding:10px 20px 24px;gap:8px;flex-wrap:wrap;font-size:.47rem}.btn.login-submit{font-size:.85rem}.login-story>p{margin-top:13px}.employee-header .brand{font-size:1.05rem}
}
@media(pointer:coarse) { .btn.logout-button{min-height:40px}.password-input>button{min-height:38px;min-width:32px}.login-field input{font-size:1rem}.home-quick-entry{min-height:44px} }
@media(prefers-reduced-motion:no-preference) { .home-hero-art{animation:hero-arrive 1s ease-out both}.login-card{animation:card-arrive .5s ease-out both}@keyframes hero-arrive{from{transform:scale(1.025);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes card-arrive{from{transform:translateY(8px);opacity:.7}to{transform:translateY(0);opacity:1}} }
/* Keep the generated sculpture intact and blend its studio backdrop into the page. */
.home-hero-art { inset:-7.5% -1% auto auto; width:auto; max-width:none; height:115%; object-fit:contain; }
.login-art { height:350px; margin-top:-5px; mask-image:radial-gradient(ellipse 65% 63% at 61% 50%,#000 57%,transparent 100%); }
.login-art img { object-fit:contain; object-position:center; }
.login-story>p,.hero-copy>p,.home-activity-info p,.home-todo p,.home-metric>p { color:#7286a3; }
.login-hint,.login-field>span,.login-card-heading>p { color:#7e90ab; }
@media(max-width:950px) and (min-width:761px) { .login-art{height:280px}.login-story-footer{font-size:.6rem} }
@media(max-width:760px) { .login-art{height:235px;width:100%;right:-35px;top:-8px;mask-image:linear-gradient(90deg,transparent 20%,#000 45%,#000 90%,transparent);margin:0}.home-metric>p{font-size:.68rem}.home-hero-art{right:-5%}.login-art img{object-position:right center}.home-hero::after{background:linear-gradient(90deg,#f3f7fdda,#f3f7fd85 42%,transparent 76%)} }
@media(max-width:430px) { .login-art{height:215px;right:-54px;top:0;width:110%}.home-hero-art{right:-28%;opacity:.78}.home-hero::after{background:linear-gradient(90deg,#f3f7fdeb,#f3f7fd9c 55%,#f3f7fd15)}.home-metric>p{font-size:.64rem} }
.login-art { mask-image:none; }
.login-art img { display:block; width:auto; max-width:100%; margin-inline:auto; mask-image:linear-gradient(90deg,transparent,#000 9%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 82%,transparent); mask-composite:intersect; }
@media(max-width:760px) { .login-art img{margin-left:auto;margin-right:0} }
.home-hero-art { mask-image:linear-gradient(90deg,transparent,#000 32%); }