:root{--bg: #f3f6f4;--card: #fff;--ink: #142018;--muted: #5a6b60;--line: #d5e0d8;--green: #0f7a3a;--green-dark: #0a5a2a;--danger: #b42318;--radius: 12px;font-family:Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}.update-banner{grid-column:1 / -1;background:#0f7a3a;color:#fff;padding:.65rem 1rem;display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.update-banner button{background:#fff;color:#0f7a3a;font-weight:650}button,input{font:inherit}button{border:0;background:var(--green);color:#fff;border-radius:10px;padding:.55rem .9rem;cursor:pointer}button.ghost,.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}button.active,.active{background:var(--green-dark);color:#fff;border-color:transparent}button:disabled{opacity:.6;cursor:default}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(700px 300px at 10% 0%,rgba(15,122,58,.12),transparent),var(--bg)}.login-card{width:min(420px,92vw);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.4rem;display:grid;gap:.75rem}.login-card label{display:grid;gap:.3rem;font-size:.9rem}.login-card input{border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem}.brand{font-size:1.25rem;font-weight:700}.shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"top top" "side content"}.top{grid-area:top;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;background:#fff;border-bottom:1px solid var(--line)}.top-right{display:flex;gap:.75rem;align-items:center}.side{grid-area:side;padding:1rem;border-right:1px solid var(--line);background:#fff;display:grid;gap:.5rem;align-content:start}.side .nav{text-align:left;width:100%}.content{grid-area:content;padding:1.1rem 1.25rem 2rem}.muted{color:var(--muted)}.small{font-size:.82rem}.error{background:#fde8e8;color:var(--danger);padding:.7rem .9rem;border-radius:10px;margin-bottom:.8rem}.ok-box{background:#e8f6ee;border:1px solid rgba(15,122,58,.2);border-radius:12px;padding:.8rem 1rem;margin-bottom:.8rem}.page-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.8rem}.page-head h1{margin:0 0 .25rem;font-size:1.45rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin-bottom:.9rem}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.5rem 0}.grid2 input,.card input{border:1px solid var(--line);border-radius:10px;padding:.5rem .65rem}.check{display:flex;gap:.45rem;align-items:center;margin:.4rem 0}.filters{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.8rem}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:.9rem}.messenger{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:.9rem;align-items:start}.mb-page{min-height:calc(100vh - 120px)}.mb-app{display:grid;grid-template-columns:320px 1fr auto;height:calc(100vh - 130px);min-height:520px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.mb-side{display:flex;flex-direction:column;border-right:1px solid var(--line);background:#f7faf7;min-height:0}.mb-side-top{display:flex;gap:6px;padding:10px;align-items:center;border-bottom:1px solid var(--line)}.mb-search{border:1px solid var(--line);border-radius:18px;padding:0 12px;background:#fff;height:36px;min-height:36px;max-height:36px;line-height:36px;width:100%;flex:none}.mb-side-top .mb-search{flex:1 1 auto;width:auto;min-width:0}.mb-icon{width:36px;height:36px;padding:0;border-radius:10px;background:transparent;color:var(--ink);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;flex:none}.mb-list{overflow:auto;flex:1}.mb-row{display:flex;gap:10px;width:100%;text-align:left;padding:10px 12px;border:0;background:transparent;color:inherit;border-radius:0;align-items:center}.mb-row:hover{background:#eef5ef}.mb-row.on{background:#d7eedc}.mb-ava{width:42px;height:42px;border-radius:50%;background:#0f7a3a;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}.mb-row-text{min-width:0;display:flex;flex-direction:column;gap:2px}.mb-row-text strong{display:flex;justify-content:space-between;gap:8px;font-weight:650}.mb-row-text span{color:var(--muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-badge{background:var(--green);color:#fff;border-radius:10px;font-style:normal;font-size:11px;padding:1px 7px;min-width:18px;text-align:center}.mb-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff}.mb-empty{margin:auto;text-align:center;color:var(--muted);padding:32px}.mb-empty h2{color:var(--ink);margin:0 0 8px}.mb-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);position:relative}.mb-head-main{display:flex;align-items:center;gap:10px;background:transparent;color:inherit;border:0;text-align:left;padding:4px 6px;border-radius:10px}.mb-head-main:hover{background:#eef5ef}.mb-head-main span{display:flex;flex-direction:column}.mb-head-actions{position:relative}.mb-menu{position:absolute;right:0;top:40px;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:220px;padding:6px;z-index:5;box-shadow:0 8px 24px #00000014}.mb-menu button,.mb-menu-item{display:block;width:100%;text-align:left;background:transparent;color:inherit;border:0;padding:8px 10px;border-radius:8px}.mb-menu button:hover,.mb-menu-item:hover{background:#eef5ef}.mb-menu button.danger{color:var(--danger)}.mb-menu-item select{margin-left:8px}.mb-log{flex:1;overflow:auto;padding:16px 18px;background:#eef4ef}.mb-msg{margin-bottom:12px;text-align:left}.mb-msg.mine{text-align:right}.mb-compose{border-top:1px solid var(--line);padding:8px 10px 10px;background:#fff}.mb-compose-row{display:flex;gap:6px;align-items:center}.mb-compose-row input{flex:1}.mb-drawer{width:320px;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:#fff;padding:10px;gap:8px}.mb-drawer-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.mb-add-full{width:100%}.mb-members{overflow:auto;flex:1}.mb-member{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid #f0f0f0}.mb-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#14201866;display:flex;align-items:center;justify-content:center;z-index:20;padding:16px}.mb-modal-box{background:#fff;border-radius:16px;width:100%;max-width:440px;max-height:80vh;overflow:auto;padding:16px}.mb-settings-btn{height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:650;white-space:nowrap}.mb-settings-screen{height:calc(100vh - 130px);min-height:520px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.mb-settings-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.mb-settings-body{overflow:auto;padding:16px 20px 28px;max-width:720px}.mb-set-block{margin-bottom:22px}.mb-set-block h3{margin:0 0 8px;font-size:.95rem}.mb-set-row{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f0f0f0}.mb-set-row strong{display:block}.mb-set-row span span{color:var(--muted);font-size:.82rem}.mb-media{display:inline-block;max-width:min(360px,100%);margin:6px 0;border-radius:12px;overflow:hidden;vertical-align:top}.mb-media img,.mb-media video{display:block;max-width:100%;max-height:320px;background:#111}.mb-attach-wrap{position:relative}.mb-attach-menu{position:absolute;left:0;bottom:44px;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:168px;padding:6px;z-index:6;box-shadow:0 8px 24px #00000014}.mb-attach-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:8px 10px;border-radius:8px}.mb-attach-menu button:hover{background:#eef5ef}.messenger-side{max-height:70vh;overflow:auto}.messenger-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.messenger-log{max-height:420px;overflow:auto;margin:12px 0;min-height:220px}.bubble{display:inline-block;max-width:80%;padding:8px 12px;border-radius:12px;background:#f3f4f6}.bubble.mine{background:#dcfce7}.emoji-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.emoji-row button{padding:4px 6px}.people-pick{max-height:220px;overflow:auto;margin:8px 0 12px;border:1px solid var(--line);border-radius:10px;padding:8px 12px}.linkish{background:none;border:0;color:var(--muted, #6b7280);cursor:pointer;padding:0;font:inherit}.list{padding:.6rem}.row{display:grid;gap:.15rem;width:100%;text-align:left;background:transparent;color:inherit;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:.7rem .55rem}.row.on{background:#0f7a3a14}.actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.field{display:grid;gap:.3rem;font-size:.9rem;margin-bottom:.55rem}.field input,.field textarea,.field select,.card select,.card textarea{border:1px solid var(--line);border-radius:10px;padding:.5rem .65rem;font:inherit;width:100%}.doc-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--line)}.row-main{display:flex;align-items:center;gap:.5rem}.status-sq{width:12px;height:12px;border-radius:3px;flex:0 0 auto;display:inline-block;border:1px solid rgba(0,0,0,.12)}.status-green{background:#1a9a4a}.status-yellow{background:#d4a017}.status-red{background:#c62828}.gate-row{display:flex;flex-wrap:wrap;gap:.35rem;margin:.45rem 0 .2rem}.gate{font-size:.72rem;font-weight:700;padding:.18rem .45rem;border-radius:999px;border:1px solid var(--line)}.gate.ok{background:#e8f6ee;color:#0f6b38}.gate.bad{background:#fdecea;color:#a11}h3 .status-sq{margin-right:.45rem;vertical-align:middle}.word-editor{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.word-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:#f4f5f7;border-bottom:1px solid var(--line)}.word-toolbar button,.word-toolbar select{border:1px solid var(--line);background:#fff;border-radius:6px;padding:4px 8px;font:inherit;cursor:pointer}.word-page{min-height:420px;padding:24px 28px;font-family:Times New Roman,Times,serif;font-size:15px;line-height:1.4;color:#111;outline:none}.word-page table{width:100%;border-collapse:collapse}.word-page td,.word-page th{border:1px solid #999;padding:6px}.btn-link{display:inline-flex;align-items:center;text-decoration:none;padding:.45rem .8rem}@media(max-width:900px){.shell{grid-template-columns:1fr;grid-template-areas:"top" "content"}.side{display:none}.split{grid-template-columns:1fr}}