@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-latin-400-normal-URPBxl-K.woff2) format("woff2"),url(/assets/sarabun-latin-400-normal-DmguIS-7.woff) format("woff")}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sarabun-latin-500-normal-BjUTcdxu.woff2) format("woff2"),url(/assets/sarabun-latin-500-normal-CJexTAnl.woff) format("woff")}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-latin-600-normal-DMD3TROr.woff2) format("woff2"),url(/assets/sarabun-latin-600-normal-9FonlkKx.woff) format("woff")}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-latin-700-normal-DQKyWxHq.woff2) format("woff2"),url(/assets/sarabun-latin-700-normal-DUuqj4Ju.woff) format("woff")}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-thai-400-normal-C2DaJlKK.woff2) format("woff2"),url(/assets/sarabun-thai-400-normal-CH-UbWgg.woff) format("woff")}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sarabun-thai-500-normal-BVssjame.woff2) format("woff2"),url(/assets/sarabun-thai-500-normal-C3iDLEzi.woff) format("woff")}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-thai-600-normal-3dIAQ-_s.woff2) format("woff2"),url(/assets/sarabun-thai-600-normal-DWKeTe6a.woff) format("woff")}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-thai-700-normal-CbuDipM3.woff2) format("woff2"),url(/assets/sarabun-thai-700-normal-CP2-p8e-.woff) format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-latin-400-normal-BQ9zjSN8.woff2) format("woff2"),url(/assets/prompt-latin-400-normal-CxU4ec_r.woff) format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-latin-500-normal-CxzxEHZc.woff2) format("woff2"),url(/assets/prompt-latin-500-normal-B1edBDQ9.woff) format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-latin-600-normal-hKZWXsc1.woff2) format("woff2"),url(/assets/prompt-latin-600-normal-CSDDLorv.woff) format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/prompt-latin-700-normal-I2gc831J.woff2) format("woff2"),url(/assets/prompt-latin-700-normal-BfbftDSq.woff) format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-thai-400-normal-BrkKv8cO.woff2) format("woff2"),url(/assets/prompt-thai-400-normal-DJypnfr3.woff) format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-thai-500-normal-C18pDUoL.woff2) format("woff2"),url(/assets/prompt-thai-500-normal-D7YNqUJD.woff) format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-thai-600-normal-MrdfU7zR.woff2) format("woff2"),url(/assets/prompt-thai-600-normal-CYPViXds.woff) format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/prompt-thai-700-normal-Cg4aQ0Nn.woff2) format("woff2"),url(/assets/prompt-thai-700-normal-Cb5ilR-c.woff) format("woff")}:root{color-scheme:light;--primary: #0b1d34;--primary-light: #486b88;--primary-dark: #07172a;--accent: #c46a2b;--surface: #ffffff;--surface-alt: #f8f9fc;--surface-hover: #f1f3f9;--page-bg: #fcfcfd;--sidebar-bg: #ffffff;--sidebar-hover: #f1f5f9;--sidebar-active-bg: rgba(11, 29, 52, .08);--sidebar-active-border: #0b1d34;--sidebar-text: #475569;--sidebar-text-active: #0b1d34;--sidebar-width: 250px;--header-height: 80px;--content-zoom: .9;--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #334155;--border: #cbd5e1;--border-light: #e2e8f0;--success: #047857;--warning: #b45309;--danger: #dc2626;--info: #2563eb;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 14px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--input-bg: #ffffff;--focus-ring: 0 0 0 3px rgba(72, 107, 136, .35);--transition: .2s cubic-bezier(.4, 0, .2, 1);--font-body: "Sarabun", -apple-system, "Segoe UI", "Noto Sans Thai", Tahoma, sans-serif;--font-login: "Prompt", -apple-system, "Segoe UI", "Noto Sans Thai", Tahoma, sans-serif}[data-theme=dark]{color-scheme:dark;--primary: #5687b3;--primary-light: #86b0d4;--primary-dark: #45688a;--surface: #1a1a1d;--surface-alt: #141416;--page-bg: #141416;--surface-hover: #26262b;--sidebar-bg: #121214;--sidebar-hover: #26262b;--sidebar-active-bg: rgba(134, 176, 212, .14);--sidebar-active-border: #86b0d4;--sidebar-text: #9c9ca6;--sidebar-text-active: #ededf0;--text-primary: #ededf0;--text-secondary: #c9c9ce;--text-muted: #a5a5ad;--border: #34343b;--border-light: #262629;--success: #059669;--warning: #d97706;--danger: #ef4444;--info: #3b82f6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .45);--input-bg: #151518;--focus-ring: 0 0 0 3px rgba(134, 176, 212, .45)}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);color:var(--text-primary);font-family:var(--font-body);font-size:14px}a{color:inherit;text-decoration:none}.app-layout{display:flex;min-height:calc(100vh / var(--zoom, 1))}.skip-link{position:absolute;left:-9999px;z-index:100;padding:.6rem 1rem;background:var(--primary);color:#fff;border-radius:var(--radius-sm)}.skip-link:focus{left:1rem;top:1rem}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:30}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh / var(--zoom, 1))}.sidebar-header{height:var(--header-height);display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid var(--border-light);flex-shrink:0}.sidebar-logo{display:flex;align-items:center}.sidebar-logo-img{height:44px;width:auto;display:block}.sidebar-logo-img-dark,[data-theme=dark] .sidebar-logo-img-light{display:none}[data-theme=dark] .sidebar-logo-img-dark{display:block}.sidebar-nav{flex:1;overflow-y:auto;padding:.75rem .6rem;display:flex;flex-direction:column;gap:.15rem}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.menu-group{margin-top:.85rem}.menu-group-label{padding:0 .65rem .35rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.menu-group-items{display:flex;flex-direction:column;gap:.15rem}.menu-sub-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .65rem;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:.86rem;border-left:3px solid transparent;transition:background var(--transition),color var(--transition)}.menu-sub-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.menu-sub-item.active{background:var(--sidebar-active-bg);border-left-color:var(--sidebar-active-border);color:var(--sidebar-text-active);font-weight:600}.menu-sub-item.is-todo{opacity:.55;cursor:not-allowed}.menu-sub-item.is-todo:hover{background:transparent;color:var(--sidebar-text)}.menu-sub-item>span:not(.badge-todo){flex:1;min-width:0}.badge-todo{font-size:.62rem;font-style:normal;padding:.1rem .35rem;border-radius:999px;background:var(--surface-hover);color:var(--text-muted);white-space:nowrap}.main-wrapper{flex:1;min-width:0;display:flex;flex-direction:column}.header{height:var(--header-height);flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:.75rem;padding:0 1rem;position:sticky;top:0;z-index:20}.header-title{flex:1;min-width:0}.header-title h1{margin:0;font-size:1.05rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:.5rem}.header-user{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;max-width:200px}.header-user strong{font-size:.82rem;font-weight:600;color:var(--text-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user small{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.header .header-menu-btn{display:none}.main-content{flex:1;padding:1.25rem;zoom:var(--content-zoom)}.main-content:focus{outline:none}.icon-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:background var(--transition)}.icon-btn:hover{background:var(--surface-hover)}.icon-btn:focus-visible,.btn-logout:focus-visible,.menu-sub-item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-logout{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-family:inherit;font-size:.82rem;cursor:pointer;transition:background var(--transition),color var(--transition)}.btn-logout:hover{background:var(--danger);border-color:var(--danger);color:#fff}.page-intro{margin:0 0 1rem;color:var(--text-muted)}.home-hero{position:relative;overflow:hidden;min-height:190px;display:flex;align-items:center;margin-bottom:1rem;padding:1.6rem 1.75rem;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:linear-gradient(100deg,color-mix(in srgb,var(--info) 14%,var(--surface)) 0%,color-mix(in srgb,var(--info) 5%,var(--surface)) 45%,var(--surface) 70%);box-shadow:var(--shadow-sm)}.home-hero-art{position:absolute;right:0;top:0;height:100%;width:62%;object-fit:cover;object-position:center 62%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 40%);mask-image:linear-gradient(90deg,transparent 0%,#000 40%);pointer-events:none}[data-theme=dark] .home-hero-art{opacity:.3}.home-hero-text{position:relative;z-index:1;max-width:560px}.home-hero-eyebrow{display:block;font-size:.68rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--info);margin-bottom:.5rem}.home-hero-text h2{margin:0;font-size:1.45rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.home-hero-desc{margin:.6rem 0 0;font-size:.88rem;line-height:1.6;color:var(--text-muted);max-width:34em}.home-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:.85rem;margin-bottom:1.5rem}.home-stat{display:flex;align-items:center;gap:.85rem;padding:.95rem 1.1rem;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-family:inherit;text-align:left;cursor:pointer;transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.home-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.home-stat:focus-visible{outline:none;box-shadow:var(--focus-ring)}.home-stat.is-active{border-color:var(--stat-tone);box-shadow:0 0 0 1px var(--stat-tone),var(--shadow-sm)}.home-stat.is-active .home-stat-go{color:var(--stat-tone);transform:rotate(90deg)}.home-stat-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-md)}.tone-blue{--stat-tone: var(--info)}.tone-green{--stat-tone: var(--success)}.tone-red{--stat-tone: var(--danger)}.tone-amber{--stat-tone: var(--warning)}.tone-violet{--stat-tone: #8b5cf6}.home-stat .home-stat-icon{background:color-mix(in srgb,var(--stat-tone) 14%,transparent);color:var(--stat-tone)}.home-stat-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.home-stat-label{font-size:.78rem;color:var(--text-muted);display:flex;align-items:baseline;gap:.4rem}.home-stat-label em{font-style:normal;font-size:.68rem;opacity:.75}.home-stat strong{font-size:1.4rem;font-weight:700;line-height:1.15;color:var(--text-primary);font-variant-numeric:tabular-nums}.home-stat strong small{margin-left:.35rem;font-size:.75rem;font-weight:400;color:var(--text-muted)}.home-stat-go{flex-shrink:0;color:var(--text-muted);transition:transform var(--transition),color var(--transition)}.fit-page{display:flex;flex-direction:column;height:calc(100vh / (var(--zoom, 1) * var(--content-zoom, 1)) - var(--header-height) / var(--content-zoom, 1) - 2.5rem);height:calc(100dvh / (var(--zoom, 1) * var(--content-zoom, 1)) - var(--header-height) / var(--content-zoom, 1) - 2.5rem);min-height:540px}.home-page .home-hero,.home-page .home-stats{flex-shrink:0}.list-page>:not(.is-list){flex-shrink:0}.list-page>.page-card.is-list{flex:1;min-height:0;display:flex;flex-direction:column;margin-bottom:0}.list-page>.page-card.is-list>.table-wrap{flex:1;min-height:0;overflow:auto}.list-page>.page-card.is-list>.pagination{flex-shrink:0}.home-page>.task-panel{flex:1;min-height:0;display:flex;flex-direction:column;margin-bottom:0}.home-page>.task-panel>.home-section-head{flex-shrink:0}.task-scroll{flex:1;min-height:0;overflow-y:auto;padding:3px 6px 6px 3px;margin:-3px -6px -6px -3px}.task-scroll::-webkit-scrollbar{width:6px}.task-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.task-panel.is-embedded .task-scroll{flex:none;overflow:visible;padding:0;margin:0}.task-panel{margin-bottom:1.75rem}.task-panel .home-section-head{flex-wrap:wrap;gap:.6rem 1rem}.home-tabs{display:flex;flex-wrap:wrap;gap:.4rem}.home-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border:1px solid var(--border-light);border-radius:999px;background:var(--surface);color:var(--text-secondary);font-family:inherit;font-size:.78rem;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.home-tab:hover{background:var(--surface-hover)}.home-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.home-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.home-tab-count{padding:.05rem .45rem;border-radius:999px;background:var(--surface-hover);color:var(--text-muted);font-size:.68rem;font-variant-numeric:tabular-nums}.home-tab.active .home-tab-count{background:#fff3;color:#fff}.task-list{display:flex;flex-direction:column;gap:.6rem}.task-row,.vendor-row{display:grid;grid-template-columns:40px minmax(0,1fr) 90px 140px 140px auto;align-items:center;gap:.9rem;width:100%;padding:.65rem .95rem;background:var(--surface);border:1px solid var(--border-light);border-left-width:4px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:inherit;font-family:inherit;text-align:left;cursor:pointer;transition:box-shadow var(--transition),transform var(--transition)}.task-row:hover,.vendor-row:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.task-row:focus-visible,.vendor-row:focus-visible{outline:none;box-shadow:var(--focus-ring)}.task-row.is-near{border-left-color:var(--danger)}.task-row.is-overdue{border-left-color:var(--warning)}.task-row.is-sent{border-left-color:var(--success)}.task-row.is-open,.task-row.is-nodate,.vendor-row{border-left-color:var(--border-light)}.task-row.is-near{background:color-mix(in srgb,var(--danger) 4%,var(--surface))}.task-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--surface-hover)}.task-main{min-width:0;display:flex;flex-direction:column;gap:.15rem}.task-title{display:flex;align-items:center;gap:.5rem;min-width:0}.task-title strong{font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-kind{flex-shrink:0;padding:.1rem .5rem;border-radius:999px;font-style:normal;font-size:.64rem;font-weight:600;letter-spacing:.03em}.kind-bom{background:color-mix(in srgb,var(--info) 12%,transparent);color:var(--info)}.kind-cop{background:color-mix(in srgb,#8b5cf6 14%,transparent);color:#8b5cf6}.kind-mr{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.kind-vendor{background:var(--surface-hover);color:var(--text-muted);letter-spacing:0}.task-desc{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-meta{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-lines{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.task-lines strong{display:block;font-size:.95rem;color:var(--text-primary);font-variant-numeric:tabular-nums}.task-due{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);white-space:nowrap}.task-due>span{display:flex;flex-direction:column;line-height:1.25}.task-due small{font-size:.7rem}.task-due strong{font-size:.84rem;color:var(--text-primary)}.task-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600;white-space:nowrap;justify-self:start}.badge-near{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.badge-overdue{background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--warning)}.badge-sent{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.badge-open{background:color-mix(in srgb,var(--info) 10%,transparent);color:var(--info)}.badge-nodate{background:var(--surface-hover);color:var(--text-muted);font-weight:500}.task-go{display:inline-flex;align-items:center;gap:.3rem;padding:.42rem .8rem;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:.78rem;font-weight:600;white-space:nowrap}.task-go.is-secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.task-row:hover .task-go:not(.is-secondary){background:var(--primary-light)}.task-empty{display:flex;align-items:center;gap:.5rem;padding:1.1rem 1rem;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:.84rem}.task-more{display:inline-flex;align-items:center;gap:.35rem;margin-top:.7rem;padding:.45rem .9rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-family:inherit;font-size:.78rem;cursor:pointer}.task-more:hover{background:var(--surface-hover)}.vendor-row{grid-template-columns:40px minmax(0,1fr) 80px auto 20px}.vendor-row .task-lines{text-align:right}.vendor-badges{display:grid;grid-template-columns:repeat(3,128px);gap:.4rem}.vendor-badges .task-badge{justify-self:stretch;justify-content:center;gap:.35rem}.vendor-badges .task-badge b{font-weight:700;font-variant-numeric:tabular-nums;min-width:1.4em;text-align:right}.vendor-badges .task-badge.is-zero{background:var(--surface-hover);color:var(--text-muted);font-weight:500}.vendor-badges .task-badge.is-zero svg{filter:grayscale(1);opacity:.45}.vendor-chevron{color:var(--text-muted);transition:transform var(--transition)}.vendor-item.is-open .vendor-row{border-bottom-left-radius:0;border-bottom-right-radius:0;border-left-color:var(--primary)}.vendor-item.is-open .vendor-chevron{transform:rotate(180deg)}.task-panel.is-embedded{margin:0;padding:.85rem 1rem 1rem;background:var(--surface-alt);border:1px solid var(--border-light);border-top:0;border-radius:0 0 var(--radius-md) var(--radius-md)}.task-panel.is-embedded .home-section-head{margin-bottom:.7rem}.task-panel.is-embedded .task-row{box-shadow:none}@media(max-width:1100px){.task-row{grid-template-columns:40px minmax(0,1fr) 140px auto auto}.task-lines{display:none}.vendor-row{grid-template-columns:40px minmax(0,1fr) auto 20px}.vendor-row .task-lines{display:block}.vendor-badges{display:none}}@media(max-width:700px){.fit-page{display:block;height:auto;min-height:0}.task-scroll{overflow:visible;padding:0;margin:0}.list-page>.page-card.is-list>.table-wrap{overflow:visible;overflow-x:auto}.task-row{grid-template-columns:36px minmax(0,1fr);gap:.5rem .75rem;padding:.65rem .8rem}.task-icon{width:36px;height:36px}.task-due,.task-badge,.task-go{grid-column:2}.task-go{justify-self:start}.vendor-row{grid-template-columns:36px minmax(0,1fr) 20px}.vendor-row .task-lines{grid-column:2}}.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.home-section-head h3{margin:0;font-size:1.05rem;color:var(--text-primary)}.home-section-head p{margin:.2rem 0 0;font-size:.8rem;color:var(--text-muted)}@media(max-width:700px){.home-hero{min-height:0;padding:1.25rem}.home-hero-art{display:none}}.placeholder{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md);padding:2rem 1.25rem;text-align:center;color:var(--text-muted)}.placeholder h2{margin:0 0 .4rem;color:var(--text-primary);font-size:1.05rem}.placeholder code{background:var(--surface-hover);padding:.1rem .35rem;border-radius:4px;font-size:.85em}.login-page{position:relative;font-family:var(--font-login);width:calc(100vw / var(--zoom, 1));height:calc(100vh / var(--zoom, 1));height:calc(100dvh / var(--zoom, 1));overflow:hidden;background:#eef3f9;color:#0f172a}.login-bg{display:block;width:100%;height:100%;object-fit:fill}.login-slot{position:absolute;left:59.99%;top:11.16%;width:32.66%;height:78.21%;display:grid;place-items:center;padding:clamp(.75rem,2.4vh,2rem) clamp(.9rem,2.2vw,2.75rem)}.login-form{zoom:var(--login-scale, 1);width:100%;max-width:340px;max-height:100%;display:grid;align-content:center;gap:.75rem;overflow-y:auto;scrollbar-width:none;padding:12px 0}.login-form::-webkit-scrollbar{display:none}.login-brand-mobile{display:none}.login-form-head{text-align:center;margin-bottom:.9rem}.login-badge{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-bottom:1rem}.login-badge-ring{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#0050f8;background:radial-gradient(circle at 50% 38%,#eef4ff,#dbe8ff);box-shadow:0 0 0 9px #0050f809}.login-badge-paren{font-size:1.9rem;font-weight:400;line-height:1.25;color:#c3d7f7}.login-eyebrow{display:flex;align-items:center;justify-content:center;gap:.7rem;font-size:.66rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#2f6fe0;margin-bottom:.55rem}.login-eyebrow:before,.login-eyebrow:after{content:"";height:1px;width:32px;background:#dbe4f2}.login-form-head h2{margin:0;font-size:1.65rem;font-weight:700;letter-spacing:-.01em;color:#0e2350}.login-form-head p{margin:.25rem 0 0;font-size:.9rem;color:#8592a6}.login-field{display:block}.input-row{display:flex;align-items:center;gap:.7rem;height:50px;padding:0 1rem;border:1px solid #e4e9f0;border-radius:12px;background:#fbfcfe;transition:border-color .15s,box-shadow .15s,background .15s}.input-row:focus-within{border-color:#8fb0ff;background:#fff;box-shadow:0 0 0 2px #0050f81f}.input-row>svg{flex-shrink:0;color:#b3bdcb;transition:color .15s}.input-row:focus-within>svg{color:#0050f8}.input-row input{flex:1;min-width:0;border:0;padding:0;background:transparent;font-family:inherit;font-size:.95rem;color:#0f172a}.input-row input:focus{outline:none;box-shadow:none}.input-row input::placeholder{color:#b3bdcb}.input-row input:disabled{color:#94a3b8}.input-row-btn{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:0;border-radius:6px;background:transparent;color:#b3bdcb;cursor:pointer}.input-row-btn:hover{color:#64748b}.login-remember{margin-top:.2rem;display:flex;align-items:center;gap:.5rem;font-size:.84rem;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.login-remember small{display:block;font-size:.7rem;color:#97a3b6;margin-top:.05rem}.login-remember input[type=checkbox]{width:17px;height:17px;padding:0;accent-color:#0050f8;cursor:pointer;border:0;box-shadow:none}.login-remember input[type=checkbox]:focus-visible{outline:2px solid #0050f8;outline-offset:2px}.login-err{display:flex;align-items:center;gap:.45rem;padding:.5rem .65rem;border:1px solid #fca5a5;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:.82rem}.btn-login{height:50px;margin-top:.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:12px;background:linear-gradient(135deg,#2f7bff,#0a3ac0);color:#fff;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:filter .15s,transform .15s}.btn-login:hover:not(:disabled){filter:brightness(1.08)}.btn-login:active:not(:disabled){transform:translateY(1px)}.btn-login:disabled{background:#c3cede;cursor:not-allowed}.btn-login:focus-visible,.input-row-btn:focus-visible{outline:2px solid #0050f8;outline-offset:2px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:900px),(max-aspect-ratio:1/1){.login-page{display:grid;place-items:center;width:100%;height:auto;min-height:calc(100dvh / var(--zoom, 1));overflow-y:auto;padding:1.25rem}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:30% center}.login-slot{position:relative;left:auto;top:auto;width:100%;max-width:380px;height:auto;padding:1.75rem 1.5rem 2rem;border-radius:18px;background:#fff;box-shadow:0 18px 45px #08193747}.login-form{zoom:1;max-width:none;overflow:visible}.login-badge{margin-bottom:.75rem}.login-badge-ring{width:54px;height:54px}.login-brand-mobile{display:grid;gap:.1rem;text-align:center;margin-bottom:.5rem}.login-brand-mobile strong{font-size:1.15rem;color:#0e2350;letter-spacing:-.01em}.login-brand-mobile span{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#0050f8}}input,select{padding:.6rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-primary);font-family:inherit;font-size:.9rem}input:focus,select:focus{outline:none;border-color:var(--primary-light);box-shadow:var(--focus-ring)}.err{background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid var(--danger);color:var(--danger);padding:.5rem .65rem;border-radius:var(--radius-sm);font-size:.83rem}@media(max-width:900px){:root{--content-zoom: 1}.sidebar{position:fixed;z-index:40;transform:translate(-100%);transition:transform var(--transition)}.sidebar.sidebar-open{transform:translate(0)}.header .header-menu-btn{display:grid}.header-user{display:none}}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding:.9rem 1rem;margin-bottom:1rem;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.filter-bar>label{display:grid;gap:.3rem;font-size:.78rem;color:var(--text-muted)}.filter-label{display:block;font-size:.78rem;color:var(--text-muted);margin-bottom:.3rem}.status-group{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .85rem}.status-group .chk{display:flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--text-secondary);cursor:pointer}.status-group input[type=checkbox]{width:15px;height:15px;padding:0;accent-color:var(--primary)}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border:0;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-family:inherit;font-size:.86rem;cursor:pointer}.btn-primary:hover:not(:disabled){background:var(--primary-light)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-sm{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .55rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-family:inherit;font-size:.76rem;cursor:pointer}.btn-sm:hover{background:var(--surface-hover)}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}table.grid{width:100%;border-collapse:collapse;font-size:.82rem;white-space:nowrap}table.grid th{position:sticky;top:0;background:var(--surface-alt);color:var(--text-muted);font-weight:600;text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--border)}table.grid td{padding:.4rem .6rem;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}table.grid tbody tr:hover{background:var(--surface-hover)}table.grid tr.row-set td{background:color-mix(in srgb,var(--success) 14%,transparent)}table.grid .num{text-align:right;font-variant-numeric:tabular-nums}table.grid .strong{font-weight:700;color:var(--text-primary)}table.grid tfoot td{background:var(--surface-alt);border-top:2px solid var(--border)}table.grid .empty{text-align:center;padding:2rem;color:var(--text-muted);white-space:normal}.table-foot{margin:.6rem 0 0;font-size:.78rem;color:var(--text-muted)}.page-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem 1.1rem;margin-bottom:1rem}.page-card-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.9rem}.page-card-head h2{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.page-card-head p{margin:.1rem 0 0;font-size:.78rem;color:var(--text-muted)}.page-card-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-md);background:color-mix(in srgb,var(--info) 10%,transparent)}.page-card-tool{margin-left:auto}.filter-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.25rem}.filter-field{display:grid;gap:.3rem;font-size:.78rem;color:var(--text-muted)}.filter-field .filter-label{margin:0}.filter-row input:not([type=checkbox]),.filter-row select,.filter-row .date-input-display{height:38px;box-sizing:border-box;padding-top:0;padding-bottom:0;font-size:.88rem}.filter-row .date-input{min-width:170px}.filter-row .btn-search,.filter-row .btn-outline{height:38px;padding-top:0;padding-bottom:0}.filter-field .status-group{min-height:36px}.btn-search{margin-left:auto;padding:.6rem 1.6rem;font-size:.9rem;font-weight:600;min-width:120px;justify-content:center}.filter-err{margin-top:.75rem}.filter-field-grow{flex:1;min-width:180px}.page-card>.add-user{margin:.9rem 0 0}.filter-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.filter-actions .btn-search{margin-left:0}.btn-outline{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-family:inherit;font-size:.86rem;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.btn-outline:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary-light)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin-bottom:1rem}.kpi{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.kpi-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--surface-hover)}.kpi-body{display:flex;flex-direction:column;gap:.05rem;min-width:0}.kpi-label{font-size:.76rem;color:var(--text-muted)}.kpi strong{font-size:1.25rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.kpi strong small{margin-left:.3rem;font-size:.72rem;font-weight:400;color:var(--text-muted)}.table-wrap.in-card{border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:none}table.grid.is-resizable{table-layout:fixed;width:100%}table.grid.is-resizable th,table.grid.is-resizable td{border-right:1px solid var(--border-light);overflow:hidden;text-overflow:ellipsis}table.grid.is-resizable td:has(.cell-input){overflow:visible}table.grid.is-resizable th.col-filler,table.grid.is-resizable td.col-filler{border-right:0;padding:0;width:auto}table.grid.is-resizable th{z-index:2}.th-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-resize-handle{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:2;background:transparent}.col-resize-handle:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:var(--primary);opacity:0;transition:opacity .12s ease}.col-resize-handle:hover:after{opacity:.55}.card-tools{display:flex;align-items:center;gap:.75rem}.doc-link{border:0;background:none;padding:0;color:var(--info);font-family:inherit;font-size:inherit;font-weight:600;cursor:pointer}.doc-link:hover{text-decoration:underline}[data-theme=dark] .doc-link{color:#7fb0ff}.status-chip{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.74rem;font-weight:500;white-space:nowrap;background:var(--surface-hover);color:var(--text-secondary)}.status-chip.st-N{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.status-chip.st-Y{background:color-mix(in srgb,var(--info) 14%,transparent);color:var(--info)}.status-chip.st-C{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.btn-open{color:var(--info);border-color:color-mix(in srgb,var(--info) 35%,var(--border-light))}.btn-open:hover{background:color-mix(in srgb,var(--info) 8%,var(--surface))}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-top:.75rem;padding-top:.5rem}.pagination-info{font-size:.8rem;color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:.75rem}.pagination-size{display:inline-flex;align-items:center;gap:.4rem;height:34px;padding:0 .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:.78rem;color:var(--text-secondary);transition:border-color var(--transition)}.pagination-size:hover,.pagination-size:focus-within{border-color:var(--primary-light)}.pagination-size-label{color:var(--text-muted);white-space:nowrap;font-size:.76rem}.pagination-size-select{height:100%;padding:0 1.3rem 0 .2rem;border:none;background:transparent;color:var(--text-primary);font-family:inherit;font-size:.84rem;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right .15rem center}.pagination-size-select:focus{outline:none;box-shadow:none}.pagination-buttons{display:flex;align-items:center;gap:.25rem}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-family:inherit;font-size:.84rem;font-weight:500;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.pagination-btn:hover:not(:disabled):not(.is-active){background:var(--primary-light);color:#fff;border-color:var(--primary-light)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-btn.is-active{background:var(--primary);color:#fff;border-color:var(--primary);cursor:default}.pagination-btn--icon{padding:0}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:34px;font-size:.9rem;color:var(--text-muted);-webkit-user-select:none;user-select:none}button.link{border:0;background:none;padding:0;color:var(--primary);font-family:inherit;font-size:inherit;text-decoration:underline;cursor:pointer}[data-theme=dark] button.link{color:var(--primary-light)}.attach-flag{color:var(--text-muted);margin-right:.35rem;vertical-align:middle}.cell-input{width:100%;min-width:90px;padding:.25rem .4rem;font-size:.82rem;border-radius:6px}.cell-input.num{text-align:right;font-variant-numeric:tabular-nums}.detail-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.doc-mode{flex:1;font-weight:600;color:var(--text-primary)}.detail-title{flex:1;min-width:0}.detail-title h2{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.detail-title p{margin:.1rem 0 0;font-size:.78rem;color:var(--text-muted)}.detail-progress{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:999px;background:var(--surface-hover);color:var(--text-secondary);font-size:.8rem;white-space:nowrap}.detail-progress strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.detail-progress.is-done{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.detail-progress.is-done strong{color:var(--success)}.detail-progress em{font-style:normal;font-size:.7rem;padding:.1rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--warning)}.draft-banner{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;padding:.6rem .9rem;border:1px solid color-mix(in srgb,var(--warning) 45%,var(--border-light));border-radius:var(--radius-md);background:color-mix(in srgb,var(--warning) 8%,var(--surface));color:var(--text-secondary);font-size:.84rem}.draft-banner>span{flex:1;min-width:0}.draft-banner .btn-primary,.draft-banner .btn-outline{padding:.4rem .9rem}.detail-page .err,.detail-page .ok{margin-bottom:1rem}.detail-head-compact{display:flex;align-items:center;gap:1.25rem;width:100%;margin-bottom:1rem;padding:.55rem .9rem;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-secondary);font-family:inherit;font-size:.82rem;text-align:left;cursor:pointer}.detail-head-compact:hover{border-color:var(--primary-light)}.detail-head-compact .compact-part{flex:1;min-width:0;display:flex;align-items:center;gap:.45rem}.detail-head-compact b{color:var(--text-primary);white-space:nowrap}.detail-head-compact .compact-sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.detail-head-compact .compact-chevron{flex-shrink:0;color:var(--text-muted)}.detail-dl{display:grid;grid-template-columns:minmax(140px,auto) 1fr;gap:.55rem .9rem;align-items:center;margin:0;font-size:.84rem}.detail-dl dt{color:var(--text-muted)}.detail-dl dd{margin:0;min-width:0;color:var(--text-secondary)}.detail-dl dd.strong{font-weight:600;color:var(--text-primary)}.detail-dl dd input:not([type=checkbox]){width:100%;height:36px;padding-top:0;padding-bottom:0;font-size:.86rem}.detail-dl .date-input-display{height:36px;padding-top:0;padding-bottom:0}.detail-lines .card-tools .chk{font-size:.8rem;color:var(--text-secondary);display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;white-space:nowrap}.detail-lines .card-tools input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary)}.detail-lines>.table-wrap{min-height:220px}.detail-lines table.grid tfoot td{position:sticky;bottom:0;z-index:1}.detail-lines table.grid th{z-index:2}.detail-lines table.grid tr.row-empty td:first-child{box-shadow:inset 3px 0 color-mix(in srgb,var(--warning) 55%,transparent)}.detail-lines .cell-input.num{font-variant-numeric:tabular-nums}.detail-lines td.cell-note{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-bottom:1.25rem}.panel{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem 1.1rem}.panel h3{margin:0 0 .75rem;font-size:.9rem;color:var(--text-primary)}.panel dl{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:.45rem .8rem;margin:0;font-size:.83rem}.panel dt{color:var(--text-muted)}.panel dd{margin:0;color:var(--text-secondary)}.panel dd input{width:100%;padding:.35rem .5rem;font-size:.82rem}.path-text{font-family:ui-monospace,Consolas,monospace;font-size:.75rem;color:var(--text-muted);word-break:break-all}.section-title{margin:0 0 .6rem;font-size:.95rem}.ok{background:color-mix(in srgb,var(--success) 12%,transparent);border:1px solid var(--success);color:var(--success);padding:.5rem .65rem;border-radius:var(--radius-sm);font-size:.83rem;margin-bottom:.85rem}.warn{display:flex;align-items:center;gap:.45rem;background:color-mix(in srgb,var(--warning) 12%,transparent);border:1px solid var(--warning);color:var(--warning);padding:.55rem .7rem;border-radius:var(--radius-sm);font-size:.83rem;margin-bottom:.85rem}.muted-note{margin:0;color:var(--text-muted);font-size:.83rem}table.grid tr.row-po td{background:color-mix(in srgb,var(--success) 12%,transparent)}.attach-field{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.attach-picked{font-size:.78rem;color:var(--success)}.path-legacy{color:var(--warning)}.file-btn{position:relative;overflow:hidden;cursor:pointer}.file-btn input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.narrow-form{max-width:460px}.narrow-form .panel{display:grid;gap:.75rem}.narrow-form h3{display:flex;align-items:center;gap:.4rem}.field{display:grid;gap:.3rem;font-size:.82rem;color:var(--text-muted)}.add-user{margin-bottom:1rem}.add-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:.75rem}table.grid tr.row-off td{opacity:.55}.date-input{position:relative;display:inline-flex;align-items:center;width:100%}.date-input--disabled{opacity:.6;cursor:not-allowed}.date-input-display{width:100%;padding:.4rem 2rem .4rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:.85rem;color:var(--text-primary);cursor:pointer;font-family:ui-monospace,SF Mono,Menlo,monospace}.date-input-display:disabled{background:var(--surface-alt);cursor:not-allowed}.date-input-display::placeholder{color:var(--text-muted);font-family:var(--font-body);font-style:normal}.date-input-trigger{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:var(--transition)}.date-input-trigger:hover:not(:disabled){background:var(--surface-hover);color:var(--primary)}.date-input-trigger:disabled{cursor:not-allowed}.date-input-popup{position:fixed;z-index:1000;width:280px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.625rem;animation:date-input-pop .14s ease}.date-input-popup-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.date-input-popup-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.date-input-nav{width:28px;height:28px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition)}.date-input-nav:hover{background:var(--surface-hover);color:var(--primary)}.date-input-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-input-dow{display:inline-flex;align-items:center;justify-content:center;height:28px;font-size:.7rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.date-input-cell{height:30px;border:none;border-radius:var(--radius-sm);background:transparent;font-size:.8rem;color:var(--text-primary);cursor:pointer;transition:var(--transition)}.date-input-cell:hover{background:var(--surface-hover)}.date-input-cell.is-outside{color:var(--text-muted);opacity:.45}.date-input-cell.is-today{background:var(--surface-alt);font-weight:600}.date-input-cell.is-selected,.date-input-cell.is-selected:hover{background:var(--primary-light);color:var(--surface);font-weight:600}.date-input-cell:disabled,.date-input-cell:disabled:hover{background:transparent;color:var(--text-muted);opacity:.3;cursor:not-allowed}.date-input-popup-foot{display:flex;justify-content:space-between;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-light)}.date-input-foot-btn{padding:.35rem .75rem;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);font-size:.78rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.date-input-foot-btn:hover{border-color:var(--primary);color:var(--primary)}.date-input-foot-btn--primary{background:var(--primary-light);color:var(--surface);border-color:var(--primary-light)}.date-input-foot-btn--primary:hover{background:var(--primary);border-color:var(--primary);color:var(--surface)}.date-input-foot-btn:disabled,.date-input-foot-btn:disabled:hover{opacity:.4;cursor:not-allowed;border-color:var(--border);color:var(--text-muted)}.attach-name{font-family:ui-monospace,Consolas,monospace;font-size:.78rem;color:var(--text-secondary);word-break:break-all}@media print{:root{zoom:1!important;--zoom: 1 !important;--content-zoom: 1 !important}}