@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{color-scheme:light;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;--bg: #f2f5fa;--ink: #162033;--muted: #61708a;--line: #d8e0ec;--card: #ffffff;--primary: #0f5bd8;--primary-soft: #e8f0ff;--highlight: #0da678;--sidebar: #0f1f36;--sidebar-ink: #9cb0ce;--danger-soft: #ffe8e5;--radius: 18px;--shadow: 0 16px 40px rgba(18, 38, 71, .1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(900px 460px at 6% -15%,#dce8ff 0%,transparent 70%),radial-gradient(700px 420px at 92% 6%,#eaf4ff 0%,transparent 60%),var(--bg)}.app-shell{min-height:100vh}button,input,select,textarea{font:inherit}.muted{color:var(--muted)}.mono{font-family:JetBrains Mono,Consolas,monospace;font-size:.84rem}.eyebrow{margin:0;letter-spacing:.16em;font-size:.72rem;color:var(--muted)}.primary,.ghost{border-radius:12px;border:1px solid transparent;padding:.56rem 1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;font-weight:600}.primary{color:#fff;background:linear-gradient(135deg,#0f5bd8,#2f79ec);box-shadow:0 10px 24px #0f5bd847}.primary:hover{transform:translateY(-1px)}.primary:disabled{opacity:.65;cursor:not-allowed}.ghost{color:#2b3b55;background:#f7faff;border-color:#ccd8ea}.ghost:hover{border-color:#a4b6d7}.primary.tiny,.ghost.tiny{padding:.3rem .72rem;font-size:.8rem;border-radius:10px}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:0;padding:0;min-height:100vh;background:radial-gradient(900px 480px at 78% 100%,rgba(0,87,217,.45) 0%,transparent 70%),linear-gradient(145deg,#0f1d31,#132c52 52%,#0f3f93)}.login-card,.login-visual{border-radius:26px;position:relative;overflow:hidden;animation:rise-in .5s ease forwards}.login-card{align-self:center;justify-self:center;background:var(--card);box-shadow:var(--shadow);padding:2.2rem;width:min(560px,calc(100% - 4rem))}.login-header h1{margin:.45rem 0 .4rem;font-size:clamp(1.9rem,3vw,2.4rem)}.login-form{margin-top:1.7rem;display:grid;gap:1rem}.field{display:grid;gap:.44rem}.field span{font-size:.85rem;color:var(--muted)}.field.compact{grid-template-columns:auto 160px;align-items:center;gap:.56rem}.field.compact span{white-space:nowrap}.field input,.field select{width:100%;padding:.76rem .88rem;border:1px solid var(--line);border-radius:12px;background:#fff;outline:none}.field input:focus,.field select:focus{border-color:#78a0ef;box-shadow:0 0 0 3px #e3ecff}.login-foot{margin-top:1.5rem}.login-visual{align-self:stretch;background:transparent;color:#fff;border-radius:0;min-height:100vh;padding:2.2rem clamp(1.6rem,4vw,4rem);display:grid;align-content:center;justify-items:start;gap:.95rem}.login-visual>:not(.grid):not(.orbit){width:min(560px,100%)}.login-visual h2{margin:2.6rem 0 0;max-width:520px;line-height:1.4}.login-visual p{margin:0;max-width:540px;color:#ffffffc7}.badge{display:inline-flex;width:fit-content;padding:.34rem .75rem;background:#ffffff29;border:1px solid rgba(255,255,255,.26);border-radius:999px;font-size:.78rem}.grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}.orbit{position:absolute;width:320px;height:320px;right:-95px;top:-90px;border-radius:50%;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 0 24px #ffffff05}.visual-metrics{margin-top:.7rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.visual-metrics article{background:#0a19377a;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:.72rem}.visual-metrics strong{display:block;margin-bottom:.22rem;font-size:.94rem}.visual-metrics span{color:#ffffffbf;font-size:.78rem;line-height:1.4}.dashboard{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.sidebar{background:radial-gradient(340px 220px at 0% -10%,rgba(67,123,236,.2) 0%,transparent 68%),linear-gradient(175deg,#0f1f36,#122846);color:#eef4ff;padding:1.1rem .9rem .9rem;display:grid;grid-template-rows:auto auto 1fr auto;gap:.95rem;border-right:1px solid #243b62;position:sticky;top:0;max-height:100vh}.brand{display:flex;align-items:center;gap:.82rem}.brand p{margin:0;font-size:1.04rem;font-weight:700;color:#f4f7ff}.brand .muted{color:#97abcb}.logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,#0da678,#4ec2a0);color:#06352a;box-shadow:0 8px 20px #0da6784d}.menu{display:grid;gap:.88rem}.menu-tree{gap:.7rem}.menu-group{display:grid;gap:.32rem;background:#ffffff08;border:1px solid rgba(160,182,222,.18);border-radius:12px;padding:.42rem}.menu-section-title{border:1px solid transparent;background:transparent;color:#d6e4ff;text-align:left;padding:.5rem .64rem;border-radius:9px;font-weight:700;font-size:.95rem}.menu-section-title.section-home{border-color:#a0b6de3d}.menu-section-title.active{background:#4f84f533;color:#fff;border-color:#6797fa94}.submenu{display:grid;gap:.24rem}.menu-item{border:none;background:transparent;color:#b6caea;text-align:left;padding:.4rem .62rem;border-radius:8px;margin-left:0;font-size:.9rem;line-height:1.2}.menu-item:before{content:"";display:inline-block;width:6px;height:6px;margin-right:.52rem;border-radius:999px;background:#6986b2;vertical-align:middle}.menu-item.active{background:#ffffff1a;color:#f4f8ff;font-weight:700}.sidebar-footer{align-self:end;display:grid;gap:.62rem;border-top:1px solid rgba(162,182,216,.26);padding-top:.9rem}.sidebar-footer .muted{color:#9db3d7}.content{padding:1.35rem 1.55rem 1.8rem}.content-header{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.12rem;padding:0 .1rem .95rem;border-bottom:1px solid #dae2f0}.content-header h1{margin:0;font-size:1.42rem;letter-spacing:.02em}.panel{background:#fff;border:1px solid #dce4f0;border-radius:16px;box-shadow:var(--shadow);padding:1.05rem 1.08rem;animation:rise-in .45s ease forwards}.panel-controls{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}.panel-controls-end{justify-content:flex-end;margin-top:1rem;margin-bottom:0}.staff-info-filters{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.staff-info-filters input{border:1px solid #ccd8ea;background:#fff;border-radius:10px;padding:.46rem .68rem;min-width:160px}.staff-info-filters input:focus{outline:none;border-color:#95afde;box-shadow:0 0 0 3px #e8f0ff}.panel-controls button:not(.primary):not(.ghost),.pagination button:not(.primary):not(.ghost),.panel-controls select,.pagination select{border:1px solid #ccd8ea;background:#f7faff;color:#2b3b55;border-radius:10px;padding:.46rem .76rem;min-height:38px;cursor:pointer}.panel-controls button:not(.primary):not(.ghost):hover,.pagination button:not(.primary):not(.ghost):hover,.panel-controls select:hover,.pagination select:hover{border-color:#95afde;background:#eef4ff}.panel-controls select,.pagination select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.2rem;background-image:linear-gradient(45deg,transparent 50%,#556783 50%),linear-gradient(135deg,#556783 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 10px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.panel-controls select:focus,.pagination select:focus{outline:none;border-color:#95afde;box-shadow:0 0 0 3px #e8f0ff}.pagination{display:flex;align-items:center;gap:.7rem}.invite-filters{flex-wrap:wrap}.invite-filters input{border:1px solid #ccd8ea;background:#fff;border-radius:10px;padding:.46rem .68rem;min-width:170px}.invite-filters input:focus{outline:none;border-color:#95afde;box-shadow:0 0 0 3px #e8f0ff}.data-layout{display:grid;grid-template-columns:1fr;gap:1rem}.table-wrapper{border:1px solid #dde5f1;border-radius:12px;overflow:auto;width:100%;background:#fff}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:.83rem;color:#4f617f;background:#f3f7fd;padding:.72rem .62rem;border-bottom:1px solid #e2e9f4;font-weight:700}tbody td{padding:.68rem .62rem;border-bottom:1px solid #edf2f8;font-size:.9rem}tbody tr{cursor:pointer}tbody tr:hover{background:#f4f8ff}.row-active{background:var(--primary-soft)}.actions{text-align:right}.actions.centered{text-align:center}.action-group{display:inline-flex;gap:.38rem}.actions.centered .action-group{justify-content:center}.empty{text-align:center;color:var(--muted);padding:1.8rem 0}.pill{display:inline-flex;padding:.16rem .58rem;border-radius:999px;font-size:.77rem;background:#eff3fb}.pill.pending{background:#fff3df;color:#8d5700}.pill.staff{background:#e8f0ff;color:#1556c9}.pill.admin{background:var(--danger-soft);color:#8a2f22}.detail-panel{border:1px solid #e2e9f4;border-radius:12px;padding:1rem;background:#fbfdff}.detail-panel h3{margin:0 0 .8rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.66rem}.detail-grid>div{border:1px solid #e5ecf7;border-radius:10px;padding:.6rem;background:#fff}.detail-grid p,.detail-block p{margin:.24rem 0 0}.label{font-size:.8rem;color:#5f6f8d}.detail-block{margin-top:.9rem}.tag-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.44rem}.tag{padding:.22rem .6rem;border-radius:999px;font-size:.8rem;background:#edf1f9}.visit-list{margin:.44rem 0 0;padding-left:1.1rem;max-height:180px;overflow:auto}.visit-list li{font-size:.86rem;margin:.24rem 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:30;background:#08101f6b}.modal{width:min(520px,92vw);background:#fff;border:1px solid #dbe5f2;border-radius:14px;box-shadow:var(--shadow);padding:1rem;display:grid;gap:.95rem}.modal-large{width:min(780px,92vw)}.modal header{display:flex;justify-content:space-between;align-items:start}.modal-header-actions{display:flex;gap:.5rem}.modal header h2{margin:0}.modal header p{margin:.2rem 0 0}.modal-body{display:grid;gap:.72rem;max-height:72vh;overflow-y:auto;padding-right:.25rem}.checkbox-field{display:flex;align-items:center;gap:.6rem;color:var(--text);font-size:.95rem}.checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:#5f8fe6}.form-grid-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.textarea{width:100%;padding:.76rem .88rem;border:1px solid var(--line);border-radius:12px;background:#fff;outline:none;resize:vertical}.textarea:focus{border-color:#78a0ef;box-shadow:0 0 0 3px #e3ecff}.hidden-file-input{display:none}.image-upload-row{display:flex;align-items:center;justify-content:flex-start;gap:.7rem}.upload-plus{width:72px;height:72px;border:1px dashed #8aa5d9;border-radius:8px;background:#f1f6ff;color:#1d4ca8;cursor:pointer;font-size:1.5rem;line-height:1;display:grid;place-items:center}.upload-preview-link{color:#1d4ca8;text-decoration:none}.detail-image-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem}.activity-image-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.single-image-grid{flex-wrap:nowrap}.single-image-grid .image-card,.single-image-grid .upload-plus{width:100%;max-width:120px;height:120px}.image-card{width:72px;height:72px;border:1px solid #d9e4f8;border-radius:8px;overflow:hidden;position:relative;background:#f7faff}.image-thumb{width:100%;height:100%;object-fit:cover;display:block}.image-actions-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c152694;display:flex;align-items:center;justify-content:space-between;padding:.35rem;opacity:0;transition:opacity .15s ease}.image-card:hover .image-actions-overlay{opacity:1}.image-action-btn{border:none;border-radius:999px;background:#ffffffeb;color:#10223f;min-width:30px;height:30px;padding:0 .45rem;cursor:pointer;font-size:.78rem}.image-preview-modal{width:min(960px,92vw);max-height:88vh;background:#fff;border-radius:12px;padding:.8rem;display:grid;gap:.7rem}.image-preview-large{width:100%;max-height:calc(88vh - 64px);object-fit:contain;background:#f3f6fb;border-radius:8px}.kv-table{border:1px solid #e5eaf3;border-radius:10px;padding:.5rem;display:grid;gap:.4rem}.kv-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.4rem;align-items:center}.kv-head{color:var(--muted);font-size:.8rem}.ledger-kv-list{display:grid;gap:.28rem}.ledger-kv-item{display:grid;grid-template-columns:140px 1fr;gap:.5rem;align-items:start}.ledger-kv-key{color:#5f6f8d;font-size:.82rem}.ledger-kv-value{color:#1f2a3d;font-size:.85rem;word-break:break-all}.hint{color:#6b7891;font-size:.8rem}.modal footer{display:flex;justify-content:end;gap:.65rem}.toast{position:fixed;right:1.4rem;bottom:1.5rem;background:#132848;color:#fff;border-radius:10px;padding:.72rem 1rem;box-shadow:0 14px 30px #0b1c3847;z-index:40}@keyframes rise-in{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1160px){.data-layout{grid-template-columns:1fr}}@media (max-width: 920px){.login-layout{grid-template-columns:1fr;padding:1.1rem;gap:1rem}.login-visual{min-height:auto;border-radius:26px;padding:2rem 1.4rem;align-content:end}.visual-metrics,.dashboard{grid-template-columns:1fr}.sidebar{gap:.8rem;grid-template-rows:auto auto;border-right:none;border-bottom:1px solid #cfd8e3}.menu{grid-template-columns:1fr}.sidebar-footer{align-self:auto}.content{padding:1rem}.panel{padding:.86rem}.detail-grid{grid-template-columns:1fr}.detail-image-grid{display:flex}.activity-image-row,.kv-row{grid-template-columns:1fr}}.home-sketch{padding:.95rem;background:linear-gradient(180deg,#fbfdff,#f7faff)}.home-sketch-head{display:grid;grid-template-columns:3fr 2fr;gap:.9rem;margin-bottom:.9rem}.home-sketch-title{background:#eef3fb;color:#324767;text-align:left;font-size:.88rem;line-height:1.2;padding:.54rem .74rem;border:1px solid #d6e0ee;border-radius:10px;font-weight:700;letter-spacing:.04em}.home-sketch-body{display:grid;grid-template-columns:3fr 2fr;gap:.9rem}.home-stat-area{display:grid;gap:.72rem;align-content:start}.home-tag-row{display:grid;gap:.72rem}.home-tag-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.home-tag-row-1{grid-template-columns:minmax(0,1fr)}.home-tag-card{background:#fff;border:1px solid #dde6f4;border-radius:12px;padding:.8rem .88rem;display:grid;gap:.44rem;align-content:start;box-shadow:0 6px 18px #1328480a;min-height:100px}.home-tag-card .tag-name{color:#61708a;font-size:.84rem;font-weight:600}.home-tag-card strong{font-size:1.82rem;font-weight:700;color:#1a2942;line-height:1.05}.home-tag-card.green .tag-name{color:#0b8b66}.home-tag-card.cyan .tag-name{color:#0f5bd8}.home-tag-card.yellow .tag-name{color:#9a6f00}.home-collect-block{width:100%;min-width:0;margin-top:.2rem;display:grid;gap:.4rem}.home-collect-line{display:flex;justify-content:space-between;gap:.8rem;background:#f6f9ff;border:1px solid #dfe7f4;border-radius:8px;padding:.34rem .52rem;margin-top:0;font-size:.83rem;color:#435875}.home-approval-area{display:grid;align-content:start;gap:.62rem;background:#fff;border:1px solid #dde6f4;border-radius:12px;padding:.84rem;box-shadow:0 6px 18px #1328480a}.home-approval-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border:1px solid #d9e3f2;background:#f8fbff;border-radius:10px;padding:.62rem .72rem}.home-approval-main{display:inline-flex;align-items:baseline;gap:.52rem;color:#20314d;font-size:.92rem}.home-approval-main strong{color:#0f5bd8;font-size:1rem}.home-approval-link{border:none;background:transparent;color:#0f5bd8;font-size:.9rem;font-weight:700;cursor:pointer;padding:0}.home-approval-link:hover{color:#0a4dbd;text-decoration:underline}.home-approval-area .ghost.tiny{justify-self:start;margin-top:.35rem}@media (max-width: 1100px){.home-sketch-head,.home-sketch-body{grid-template-columns:1fr}}@media (max-width: 700px){.home-tag-row-3{grid-template-columns:1fr}}