@font-face{font-family:General Sans;src:url(../fonts/general-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:General Sans;src:url(../fonts/general-sans-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:General Sans;src:url(../fonts/general-sans-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:General Sans;src:url(../fonts/general-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}:root{--font-body: "General Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius: 8px;--radius-sm: 6px;--color-bg: #f7f6f2;--color-surface: #fdfcfa;--color-surface-2: #ffffff;--color-surface-offset: #f1efea;--color-surface-offset-2: #e9e6e0;--color-divider: #e3e0da;--color-border: #d4d1ca;--color-text: #28251d;--color-text-muted: #6b6a65;--color-text-faint: #a9a8a3;--color-text-inverse: #f9f8f4;--color-primary: #01696f;--color-primary-hover: #0c4e54;--color-primary-highlight: #d5e4e0;--color-warning: #964219;--color-warning-highlight: #f1e3d9;--color-error: #a12c3b;--color-error-highlight: #f3dde0;--shadow-sm: 0 1px 2px rgba(40, 37, 29, .06);--shadow-md: 0 6px 24px rgba(40, 37, 29, .12);--sidebar: 248px;--row-h: 38px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:1.45;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:var(--text-xl);font-weight:650;margin:0;letter-spacing:-.01em}h2{font-size:var(--text-lg);font-weight:600;margin:var(--space-6) 0 var(--space-3)}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em;background:var(--color-surface-offset);padding:1px 5px;border-radius:4px}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:7px 10px;min-width:0}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}textarea{width:100%;resize:vertical}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-sm)}.strong{font-weight:600}.center{text-align:center}.tabular{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.pre{white-space:pre-wrap}.break{overflow-wrap:anywhere}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.warn-text{color:var(--color-error)}.row-end{display:flex;gap:var(--space-2);justify-content:flex-end;align-items:center;margin-top:var(--space-2)}.row-between{display:flex;gap:var(--space-3);justify-content:space-between;align-items:center}.center-screen{display:grid;place-items:center;height:100%}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);cursor:pointer;font-size:var(--text-sm);font-weight:500;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover{background:var(--color-surface-offset)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.btn.primary:hover{background:var(--color-primary-hover)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--color-surface-offset)}.btn.small{padding:4px 10px;font-size:var(--text-xs)}.btn.icon{padding:6px}.btn.wide{width:100%;justify-content:center;padding:10px}.login{min-height:100%;display:grid;place-items:center;padding:var(--space-6);background:radial-gradient(1200px 600px at 20% -10%,var(--color-primary-highlight),transparent 60%),var(--color-bg)}.login-card{width:min(400px,100%);background:var(--color-surface-2);border:1px solid var(--color-divider);border-radius:12px;padding:var(--space-8);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-4)}.login-brand{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-2)}.brand-name{font-weight:650;letter-spacing:-.01em}.field{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm)}.field>span{color:var(--color-text-muted);font-weight:500}.field.end{justify-content:flex-end}.field.grow{flex:1}.form-error{background:var(--color-error-highlight);color:var(--color-error);padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm)}.steps{margin:0;padding-left:20px;color:var(--color-text-muted)}.qr{display:grid;place-items:center}.qr svg{width:180px;height:180px}.token{display:block;padding:8px 10px;margin:6px 0;overflow-wrap:anywhere;font-size:var(--text-sm)}.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);height:100%}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-divider);display:flex;flex-direction:column;min-height:0}.side-brand{display:flex;align-items:center;gap:10px;padding:var(--space-4) var(--space-4) var(--space-3)}.sidebar nav{flex:1;overflow-y:auto;padding:0 var(--space-2) var(--space-4)}.side-section{margin-top:var(--space-3)}.side-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:6px 10px;font-weight:600}.side-link{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm)}.side-link:hover{background:var(--color-surface-offset);text-decoration:none}.side-link.active{background:var(--color-primary-highlight);color:var(--color-primary-hover);font-weight:600}.side-link .count{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:var(--text-xs);padding-top:2px}.side-user{display:flex;align-items:center;gap:10px;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-divider)}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--color-primary);color:var(--color-text-inverse);font-weight:600;flex:none}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-divider);background:var(--color-surface)}.nav-toggle{display:none}.global-search{position:relative;width:min(460px,100%)}.global-search input{width:100%;background:var(--color-surface-offset);border-color:transparent}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:360px;overflow:auto;z-index:40}.content{flex:1;overflow:auto;min-height:0}.menu{background:var(--color-surface-2);border:1px solid var(--color-divider);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:4px}.menu-item{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;padding:6px 8px;border:0;background:transparent;border-radius:4px;cursor:pointer;font-size:var(--text-sm)}.menu-item:hover{background:var(--color-surface-offset)}.check-row{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);padding:4px 6px;cursor:pointer;min-width:0}.check-row input{padding:0}.popover{position:absolute;z-index:30;min-width:200px;max-height:320px;overflow:auto;top:100%;left:0}.wide-pop{min-width:320px;padding:8px;display:flex;flex-direction:column;gap:6px}.rel-wrap{position:relative}.col-menu{width:300px;right:0;left:auto;padding:10px;max-height:70vh}.col-list{display:flex;flex-direction:column;max-height:50vh;overflow:auto;margin:6px 0}.home{padding:var(--space-8) var(--space-6);max-width:1100px}.home>p{max-width:62ch}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.card{background:var(--color-surface-2);border:1px solid var(--color-divider);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.card h2{margin-top:0;font-size:var(--text-base)}.home-link{display:flex;justify-content:space-between;padding:8px 4px;border-top:1px solid var(--color-divider);color:var(--color-text)}.board{padding:var(--space-5) var(--space-6) var(--space-8)}.board-title{display:flex;align-items:baseline;gap:var(--space-3)}.board-desc{margin:4px 0 0;max-width:80ch}.view-tabs{display:flex;gap:2px;margin:var(--space-4) 0 var(--space-3);border-bottom:1px solid var(--color-divider);overflow-x:auto;scrollbar-width:thin}.tab{padding:8px 12px;border:0;background:none;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;cursor:pointer}.tab:hover{color:var(--color-text);text-decoration:none}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.toolbar{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-3)}.toolbar .search{width:260px}.grid-scroll{overflow:auto;border:1px solid var(--color-divider);border-radius:var(--radius);background:var(--color-surface-2);max-height:calc(100vh - 240px)}.grid{border-collapse:separate;border-spacing:0;font-size:var(--text-sm);min-width:100%}.grid th{position:sticky;top:0;z-index:3;background:var(--color-surface);text-align:left;font-weight:600;font-size:var(--text-xs);color:var(--color-text-muted);padding:8px 10px;border-bottom:1px solid var(--color-divider);border-right:1px solid var(--color-divider);cursor:pointer;white-space:nowrap;max-width:220px}.grid th .th-text{display:block;overflow:hidden;text-overflow:ellipsis}.grid th.num,.grid td.t-numbers,.grid td.t-formula{text-align:right}.grid td{height:var(--row-h);padding:0 10px;border-bottom:1px solid var(--color-divider);border-right:1px solid var(--color-divider);max-width:240px;min-width:110px;position:relative;vertical-align:middle;background:var(--color-surface-2)}.grid td.cell{cursor:pointer}.grid td.cell:hover{background:#fbfaf7;box-shadow:inset 0 0 0 1px var(--color-border)}.grid td.ro{cursor:default;color:var(--color-text-muted)}.grid td.ro:hover{box-shadow:none;background:var(--color-surface-2)}.grid td.pending{opacity:.55}.grid td.t-status{padding:0;min-width:130px}.grid td.t-long_text{max-width:280px}.sticky-col{position:sticky;left:0;z-index:2}.grid th.sticky-col{z-index:4}.name-col{min-width:260px;max-width:320px;border-left:4px solid var(--group, var(--color-primary))}.grid th.name-col{border-left:4px solid transparent}.name-wrap{display:flex;align-items:center;gap:6px;min-width:0}.name-link{border:0;background:none;padding:0;cursor:pointer;text-align:left;font-weight:500;color:var(--color-text);min-width:0;display:flex}.name-link:hover{color:var(--color-primary);text-decoration:underline}.icon-btn{border:0;background:none;color:var(--color-text-faint);cursor:pointer;opacity:0;padding:2px 4px}.item-row:hover .icon-btn{opacity:1}.sub-badge{font-size:var(--text-xs);background:var(--color-surface-offset);border-radius:10px;padding:0 7px;color:var(--color-text-muted)}.group-row td{background:var(--color-surface);height:40px;border-bottom:1px solid var(--color-divider)}.group-cell{border-left:4px solid var(--group)!important}.group-toggle{display:flex;gap:8px;align-items:center;border:0;background:none;cursor:pointer;padding:0;color:var(--group);font-weight:650;font-size:var(--text-sm);white-space:nowrap}.group-toggle .muted{font-weight:500}.group-fill{background:var(--color-surface)!important}.caret{width:12px;display:inline-block}.add-row td{height:34px}.add-btn{border:0;background:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);padding:0}.add-btn:hover{color:var(--color-primary)}.more-cell{text-align:left}.cell-input{width:100%;height:30px;padding:4px 8px}.chip{display:flex;align-items:center;justify-content:center;height:100%;min-height:var(--row-h);padding:0 8px;font-weight:500;font-size:var(--text-xs);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip.empty{background:transparent}.chip.warn{display:inline-flex;min-height:0;height:auto;border-radius:10px;background:var(--color-warning-highlight);color:var(--color-warning);padding:1px 8px;margin-top:4px}.menu .chip,.detail-row .chip{min-height:28px;border-radius:4px;width:100%}.tags{display:flex;gap:4px;overflow:hidden}.tag{background:var(--color-surface-offset);border-radius:10px;padding:1px 8px;font-size:var(--text-xs);white-space:nowrap}.check{display:inline-grid;place-items:center;width:18px;height:18px;border:1.5px solid var(--color-border);border-radius:4px;font-size:12px}.check.on{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.file-count{font-size:var(--text-xs);background:var(--color-primary-highlight);color:var(--color-primary-hover);padding:2px 8px;border-radius:10px}.rel{color:var(--color-primary)}.num{font-variant-numeric:tabular-nums}.empty-state{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.empty-state.small{padding:var(--space-4)}.skeleton-wrap{display:flex;flex-direction:column;gap:6px}.skeleton-row{height:34px;border-radius:6px;background:linear-gradient(90deg,var(--color-surface-offset) 25%,var(--color-surface-offset-2) 50%,var(--color-surface-offset) 75%);background-size:200% 100%;animation:sk 1.2s infinite}@keyframes sk{to{background-position:-200% 0}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#28251d2e;z-index:50}.panel{position:fixed;top:0;right:0;bottom:0;width:min(720px,100vw);background:var(--color-surface-2);z-index:51;box-shadow:var(--shadow-md);display:flex;flex-direction:column;animation:slide .18s ease-out}@keyframes slide{0%{transform:translate(24px);opacity:.6}}.panel-head{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-3)}.panel-head h2{margin:2px 0 0;font-size:var(--text-xl)}.panel-actions{display:flex;gap:4px;align-items:flex-start}.panel-tabs{display:flex;gap:2px;padding:0 var(--space-6);border-bottom:1px solid var(--color-divider);overflow-x:auto}.panel-body{flex:1;overflow:auto;padding:var(--space-5) var(--space-6)}.composer{margin-bottom:var(--space-4)}.update{border:1px solid var(--color-divider);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.update-meta{display:flex;justify-content:space-between;margin-bottom:4px;font-size:var(--text-sm)}.update-body{font-size:var(--text-sm);overflow-wrap:anywhere}.update-body p{margin:0 0 6px}.details{margin:0}.detail-row{display:grid;grid-template-columns:200px minmax(0,1fr);border-bottom:1px solid var(--color-divider);min-height:40px}.detail-row dt{padding:10px 0;color:var(--color-text-muted);font-size:var(--text-sm)}.detail-row dd{margin:0;padding:6px 8px;position:relative;display:flex;flex-direction:column;justify-content:center;font-size:var(--text-sm);border-radius:4px;cursor:pointer;min-width:0}.detail-row dd:hover{background:var(--color-surface)}.detail-row dd.ro{cursor:default;color:var(--color-text-muted)}.linked{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.link-chip{border:1px solid var(--color-primary-highlight);background:var(--color-primary-highlight);color:var(--color-primary-hover);border-radius:10px;padding:1px 8px;font-size:var(--text-xs);cursor:pointer}.mini-grid{width:100%;border-collapse:collapse;margin-top:var(--space-3);font-size:var(--text-sm)}.mini-grid th,.mini-grid td{border-bottom:1px solid var(--color-divider);padding:6px 8px;text-align:left}.mini-grid td.t-status{padding:0}.file-group{border-bottom:1px solid var(--color-divider);padding:var(--space-3) 0}.file-row{display:flex;justify-content:space-between;gap:var(--space-3);padding:4px 0}.activity{list-style:none;padding:0;margin:0;font-size:var(--text-sm)}.activity li{padding:8px 0;border-bottom:1px solid var(--color-divider)}.admin{padding:var(--space-6);max-width:1200px}.admin>p{max-width:80ch}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.form-inline{display:flex;gap:var(--space-3);align-items:flex-end}.table-wrap{overflow-x:auto;padding:0}.admin-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.admin-table th{white-space:nowrap;text-align:left;font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--color-divider);background:var(--color-surface)}.admin-table td{padding:10px 12px;border-bottom:1px solid var(--color-divider);vertical-align:top}.admin-table tr.inactive td{opacity:.5}.admin-table select{padding:3px 6px}.switch{width:38px;height:22px;border-radius:11px;border:0;background:var(--color-border);position:relative;cursor:pointer;padding:0}.switch span{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on{background:var(--color-primary)}.switch.on span{transform:translate(16px)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4)}.stat{font-size:var(--text-lg);font-weight:600}.notice{background:var(--color-primary-highlight);border-color:var(--color-primary-highlight)}.plain{margin:8px 0 0;padding-left:18px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--color-text);color:var(--color-text-inverse);padding:10px 16px;border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:80;font-size:var(--text-sm);max-width:90vw}.toast.error{background:var(--color-error)}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;z-index:60;transform:translate(-100%);transition:transform .2s;box-shadow:var(--shadow-md)}.shell.nav-open .sidebar{transform:none}.nav-toggle{display:inline-flex}.topbar{padding:var(--space-2) var(--space-3)}.board,.admin,.home{padding:var(--space-4) var(--space-3)}.toolbar .search{width:100%;order:3}.name-col{min-width:180px}.detail-row{grid-template-columns:130px minmax(0,1fr)}.panel-head,.panel-body{padding-left:var(--space-4);padding-right:var(--space-4)}.form-inline{flex-direction:column;align-items:stretch}.grid-scroll{max-height:none}}.mirror-banner{background:#fff4ce;color:#5c4400;border-bottom:1px solid #f0d78c;padding:6px 16px;font-size:13px;text-align:center}
