@font-face{font-family:iconfont;src:url("/static/fonts/iconfont.46bbeda.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:block}
.home-setting-trigger{font-family:inherit!important}
.home-setting-trigger .iconfont{font-family:iconfont!important;font-style:normal;font-size:18px;line-height:1;color:var(--ui-ink, #343034);-webkit-font-smoothing:antialiased}
.home-setting-trigger .icon-Setting:before{content:"\E66D"}
.home-settings-backdrop{position:fixed;inset:0;z-index:3347;display:grid;place-items:start center;background:rgba(0,0,0,.45);padding:20px}
.home-settings-dialog{width:90vw;height:calc(100dvh - 50px);max-width:1420px;background:#f7f8fa;border-radius:3px;box-shadow:0 2px 12px rgba(0,0,0,.18);display:grid;grid-template-rows:34px minmax(0,1fr) 72px;overflow:hidden;color:var(--ui-ink, #343034)}
.home-settings-header{height:34px;padding:0 12px 0 16px;background:linear-gradient(90deg,var(--ui-primary, #b8202b),var(--ui-primary, #b8202b));display:flex;align-items:center;justify-content:space-between;color:#fff}
.home-settings-header h1{margin:0;font-size:14px;font-weight:500;letter-spacing:0}
.home-settings-header button{width:28px;height:28px;padding:0;border:0;background:transparent;color:#fff;font-size:24px;font-weight:300;line-height:1}
.home-settings-body{min-height:0;overflow:auto;padding:28px 34px 44px;scrollbar-gutter:stable}
.home-settings-section{max-width:1110px;margin:0 auto 34px}
.home-settings-section-title{display:flex;align-items:baseline;gap:9px;margin-bottom:20px}
.home-settings-section-title h2{margin:0;color:var(--ui-ink, #343034);font-size:16px;font-weight:600;letter-spacing:0}
.home-settings-section-title span{color:#f05a72;font-size:12px}
.home-mode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.home-mode-option{height:48px;border:1px solid transparent;border-radius:10px;background:#f4f5f9;color:var(--ui-ink, #343034);position:relative}
.home-mode-option:hover{border-color:var(--ui-primary-line, #efd0d5);background:#fff}
.home-mode-option.selected{border-color:var(--ui-primary, #b8202b);background:#fff;color:var(--ui-accent-ink, #a21c27);box-shadow:0 4px 13px rgba(56, 36, 42, .08)}
.home-mode-option.selected:after{content:"✓";position:absolute;right:8px;top:5px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:var(--ui-primary, #b8202b);color:#fff;font-size:11px}
.home-functions-section{margin-bottom:0}
.home-function-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:48px 20px}
.home-function-card{height:130px;min-width:0;padding:17px 13px 15px 18px;border:1px solid #f4f5f9;border-radius:15px;background:#f4f5f9;display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:4px;color:var(--ui-ink, #343034);text-align:left;position:relative;overflow:hidden}
.home-function-card:hover{border-color:var(--ui-primary-line, #efd0d5)}
.home-function-card.selected{border-color:#fff;background:#fff;box-shadow:0 8px 20px rgba(56, 36, 42, .1)}
.home-function-card.selected:after{content:"✓";position:absolute;right:8px;top:8px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--ui-primary, #b8202b);color:#fff;font-size:12px}
.home-function-card span{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.home-function-card img{width:88px;height:88px;object-fit:contain;display:block}
.home-settings-footer{height:72px;border-top:1px solid #eef0f3;background:#f7f8fa;display:flex;align-items:center;justify-content:center;gap:24px}
.home-settings-footer button{width:120px;height:32px;border:0;border-radius:10px}
.home-settings-cancel{background:var(--ui-primary-soft, #fbeaec);color:var(--ui-muted, #716a70)}
.home-settings-confirm{background:var(--ui-primary, #b8202b);color:#fff}
.home-settings-footer button:disabled{opacity:.6;cursor:not-allowed}
.home-settings-loading{height:100%;min-height:400px;display:grid;place-items:center;color:var(--ui-muted, #716a70)}
.quick-item img{width:28px;height:28px;object-fit:contain;display:block;margin:auto}
/* Use the existing Element icon font, with one palette for all shortcut surfaces. */
.home-shortcut-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--ui-primary-line);border-radius:6px;background:var(--ui-primary-soft);color:var(--ui-primary)}
.home-shortcut-icon .home-shortcut-glyph{font-size:19px;line-height:1;color:inherit}
.home-function-card{grid-template-columns:minmax(0,1fr) 48px}
.home-function-card .home-function-icon{width:48px;height:48px;border-radius:8px}
.home-function-icon .home-shortcut-glyph{font-size:27px}
.home-shortcuts .quick-item .home-shortcut-icon{width:40px;height:40px}
.home-shortcuts .quick-item .home-shortcut-glyph{font-size:23px}
.home-shortcut-search:before{content:"\E778"}
.home-shortcut-document-add:before{content:"\E782"}
.home-shortcut-seal:before{content:"\E7A7"}
.home-shortcut-document-checked:before{content:"\E786"}
.home-shortcut-document-delete:before{content:"\E788"}
.home-shortcut-document:before{content:"\E785"}
.home-shortcut-tickets:before{content:"\E78B"}
.home-shortcut-bell:before{content:"\E725"}
.home-shortcut-user:before{content:"\E6E3"}
.home-shortcut-users:before{content:"\E7A5"}
.home-shortcut-box:before{content:"\E74B"}
.home-shortcut-calendar:before{content:"\E78E"}
.home-shortcut-time:before{content:"\E71F"}
.home-shortcut-chart:before{content:"\E766"}
.home-shortcut-folder:before{content:"\E784"}
.home-shortcut-edit:before{content:"\E764"}
.home-shortcut-book:before{content:"\E75C"}
.home-shortcut-documents:before{content:"\E787"}
.home-shortcut-star:before{content:"\E717"}
.home-shortcut-share:before{content:"\E793"}
.home-shortcut-money:before{content:"\E749"}
.home-shortcut-message:before{content:"\E72B"}
.home-shortcut-briefcase:before{content:"\E761"}
.home-shortcut-wallet:before{content:"\E747"}
.home-shortcut-meeting:before{content:"\E772"}
.home-shortcut-calculator:before{content:"\E7A6"}
.home-shortcut-tasks:before{content:"\E6CD"}
.home-shortcut-archive:before{content:"\E757"}
.home-shortcut-connection:before{content:"\E736"}
.home-shortcut-plus:before{content:"\E6D9"}
.home-shortcut-setting:before{content:"\E6CA"}
.home-function-card:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}
@media(max-width:1180px){.home-function-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.home-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.top-actions .home-setting-trigger{display:grid}.home-settings-backdrop{padding:8px}.home-settings-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.home-settings-body{padding:20px 16px 32px}.home-mode-grid{grid-template-columns:1fr 1fr;gap:10px}.home-function-grid{grid-template-columns:1fr 1fr;gap:12px}.home-function-card{height:110px;grid-template-columns:minmax(0,1fr) 66px;padding:13px}.home-function-card img{width:66px;height:66px}.home-settings-footer{gap:12px}.home-settings-footer button{width:min(120px,38vw)}}
@media(max-width:430px){.home-mode-grid,.home-function-grid{grid-template-columns:1fr}.home-function-card{height:96px;grid-template-columns:minmax(0,1fr) 66px}}
