:root{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#183237;background:#f2f3ed;font-synthesis:none;--ink: #183237;--muted: #6f7f7e;--line: #dde1da;--paper: #ffffff;--soft: #f7f7f2;--teal: #1e5b60;--teal-dark: #153f43;--mint: #d9eee4;--coral: #e8795f;--yellow: #f4c85b;--shadow: 0 18px 50px rgba(30, 57, 57, .12)}*{box-sizing:border-box}html{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-width:320px;min-height:100%;margin:0}body{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,input,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{width:100%;height:100vh;height:100dvh;min-height:0;overflow:hidden;background:radial-gradient(circle at 15% 4%,#fff8e7 0,transparent 28%),#f2f3ed}.topbar{height:76px;display:grid;grid-template-columns:280px 1fr 340px;align-items:center;padding:0 28px;border-bottom:1px solid rgba(24,50,55,.1);background:#fafaf6e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-icon{width:40px;height:40px;object-fit:cover;border-radius:12px;box-shadow:0 8px 18px #1e5b602e}.brand>div{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:20px;letter-spacing:-.5px}.brand span{margin-top:5px;color:var(--muted);font-size:11px}.main-tabs{justify-self:center;display:flex;gap:5px;padding:5px;background:#e7e9e3;border-radius:14px}.main-tabs button{display:flex;align-items:center;gap:7px;min-width:108px;justify-content:center;padding:9px 14px;border:0;border-radius:10px;background:transparent;font-weight:600;cursor:pointer;color:#637372}.main-tabs button.active{color:var(--teal-dark);background:#fff;box-shadow:0 3px 10px #253a3917}.top-actions{justify-self:end;display:flex;align-items:center;gap:10px;min-width:0}.connection-pill{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:12px;color:#875645;background:#f9e2db}.connection-pill.connected{color:#2b6550;background:var(--mint)}.admin-entry-button{height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:1px solid #cfdad4;border-radius:10px;background:#f8faf7;color:var(--teal);font-size:11px;font-weight:700;text-decoration:none}.admin-entry-button:hover{border-color:#9dbdb1;background:#eaf3ed}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:0;border-radius:10px;background:transparent;color:#59706f;cursor:pointer;text-decoration:none}.icon-button:hover{color:var(--teal);background:#edf1ec}.icon-button.danger:hover{color:#bd4d3f;background:#fae7e2}.profile-button{display:flex;align-items:center;gap:8px;max-width:150px;padding:4px 9px 4px 4px;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:pointer}.profile-button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.mobile-menu,.sidebar-mobile-head,.mobile-tabs{display:none}.workspace{height:calc(100% - 76px);display:flex}.chat-sidebar{width:290px;flex:0 0 auto;display:flex;flex-direction:column;padding:24px 16px 16px;background:#fafaf6;border-right:1px solid var(--line)}.sidebar-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:0 8px 18px}.eyebrow{display:block;margin-bottom:3px;color:var(--coral);font-size:10px;font-weight:700;letter-spacing:1.7px}.sidebar-heading h2{margin:0;font-size:24px;letter-spacing:-.6px}.online-summary{display:flex;align-items:center;gap:5px;padding-bottom:3px;color:var(--muted);font-size:11px}.online-summary i{width:7px;height:7px;border-radius:50%;background:#4da477;box-shadow:0 0 0 3px #dcefe5}.conversation-list{flex:1;overflow-y:auto;scrollbar-width:thin}.conversation{width:100%;min-height:66px;display:flex;align-items:center;gap:11px;padding:9px 10px;border:0;border-radius:15px;background:transparent;text-align:left;cursor:pointer}.conversation:hover{background:#f0f1eb}.conversation.selected{background:#e3eee8}.conversation-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.conversation-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.conversation-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.avatar,.group-avatar{position:relative;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:14px;background:#f1cf79;color:#594726;font-size:15px;font-weight:700}.avatar:nth-child(3n){background:#d4e9dd;color:#245542}.avatar i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border:2px solid white;border-radius:50%;background:#b8c2bf}.avatar i.online{background:#46a675}.avatar-small,.group-avatar.small{width:32px;height:32px;border-radius:10px;font-size:12px}.group-avatar{background:var(--teal);color:#fff}.unread{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--coral);color:#fff;font-size:10px}.list-label{margin:20px 10px 7px;color:#8a9693;font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.empty-peers{padding:28px 24px;text-align:center;color:#8b9997}.empty-peers svg{color:#afbab7}.empty-peers p{margin:7px 0 4px;font-size:12px;font-weight:600}.empty-peers small{font-size:10px;line-height:1.7}.sidebar-foot{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:13px;border-radius:13px;background:#eef4ed;color:#61746e;font-size:10px;line-height:1.55}.sidebar-foot svg{flex:0 0 auto;color:#4d8e68}.chat-panel{min-width:0;flex:1;display:flex;flex-direction:column;background:#f6f6f1}.panel-header{height:68px;flex:0 0 auto;display:flex;align-items:center;padding:0 26px;border-bottom:1px solid var(--line);background:#ffffffb3}.panel-header>div{display:flex;align-items:center;gap:10px}.panel-header h1{margin:0;font-size:15px}.panel-header p{margin:3px 0 0;color:var(--muted);font-size:10px}.messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:28px clamp(22px,5vw,70px);scrollbar-width:thin}.message-row{max-width:860px;display:flex;align-items:flex-start;gap:10px;margin:0 auto 20px}.message-row.mine{justify-content:flex-end}.message-stack{max-width:min(680px,76%);display:flex;flex-direction:column;align-items:flex-start}.message-row.mine .message-stack{align-items:flex-end}.message-meta{display:flex;gap:8px;align-items:center;margin:0 4px 5px}.message-meta strong{font-size:10px}.message-meta time{color:#909c99;font-size:9px}.message-bubble{max-width:100%;padding:10px 13px;border:1px solid #e0e3dc;border-radius:7px 17px 17px;background:#fff;box-shadow:0 4px 16px #2337350d}.message-row.mine .message-bubble{border-color:#225d61;border-radius:17px 7px 17px 17px;background:var(--teal);color:#fff}.message-bubble>p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65}.chat-attachment{min-width:260px;max-width:430px;display:flex;align-items:center;gap:10px;margin-top:7px;padding:9px;border-radius:12px;background:#f1f3ee;color:var(--ink)}.message-row.mine .chat-attachment{background:#ffffff21;color:#fff}.chat-attachment>div{min-width:0;flex:1;display:flex;flex-direction:column}.chat-attachment strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.chat-attachment small{margin-top:2px;color:#81908d;font-size:9px}.message-row.mine .chat-attachment small,.message-row.mine .chat-attachment .icon-button{color:#ffffffb3}.file-tile{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#dfe8e2;color:var(--teal)}.chat-attachment.image{display:grid;grid-template-columns:100px minmax(0,1fr) 36px}.chat-attachment.image>a:first-child{width:100px;height:72px;display:block;overflow:hidden;border-radius:8px}.chat-attachment.image img{width:100%;height:100%;object-fit:cover}.read-state{margin-top:4px;color:#8d9997;font-size:9px}.empty-chat{height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#7a8987}.empty-chat>span,.empty-nas>span{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#e1ece6;color:var(--teal)}.empty-chat h3,.empty-nas h3{margin:13px 0 4px;color:var(--ink);font-size:15px}.empty-chat p,.empty-nas p{margin:0;font-size:11px}.composer{flex:0 0 auto;padding:12px clamp(22px,5vw,70px) 18px;background:linear-gradient(0deg,#f6f6f1 70%,#f6f6f100)}.composer-row{max-width:860px;display:flex;align-items:flex-end;gap:7px;margin:auto;padding:7px;border:1px solid #d7dcd4;border-radius:17px;background:#fff;box-shadow:0 10px 30px #283a3814}.composer textarea{min-height:36px;max-height:120px;flex:1;resize:none;padding:8px 5px;border:0;outline:0;color:var(--ink);font-size:13px;line-height:1.5}.composer textarea::placeholder{color:#9ca6a3}.icon-button.attach{color:#7c8a88}.send-button{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:12px;background:var(--coral);color:#fff;cursor:pointer}.send-button:disabled{opacity:.4;cursor:default}.selected-files{max-width:860px;display:flex;gap:6px;margin:0 auto 7px;overflow-x:auto}.selected-files>span{display:flex;align-items:center;gap:5px;max-width:240px;padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.selected-files button{display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}.upload-status{max-width:860px;margin:0 auto 7px;color:var(--teal);font-size:10px}.nas-panel{min-width:0;flex:1;overflow-y:auto;padding:34px clamp(24px,5vw,72px) 50px}.nas-hero{max-width:1180px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:auto}.nas-hero h1{margin:2px 0 6px;font-size:clamp(30px,4vw,45px);letter-spacing:-1.5px}.nas-hero p{margin:0;color:var(--muted);font-size:12px}.nas-actions{display:flex;gap:8px}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border:1px solid transparent;border-radius:11px;font-size:12px;font-weight:600;cursor:pointer}.button.primary{background:var(--teal);color:#fff;box-shadow:0 7px 16px #1e5b602e}.button.primary:hover{background:var(--teal-dark)}.button.secondary{border-color:#d7dcd5;background:#fff;color:var(--ink)}.button:disabled{opacity:.5;cursor:default}.button.full{width:100%;margin-top:4px}.storage-card{max-width:1180px;display:flex;align-items:center;gap:13px;margin:26px auto 16px;padding:14px 17px;border:1px solid #d9dfd7;border-radius:17px;background:#ffffffb8}.storage-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e0eee6;color:var(--teal)}.storage-copy{min-width:0;flex:1}.storage-copy>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.storage-copy strong{font-size:12px}.storage-copy span{color:var(--muted);font-size:10px}.storage-track{height:6px;overflow:hidden;border-radius:99px;background:#e4e7e1}.storage-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),#58a87b)}.storage-card>b{min-width:42px;color:var(--teal);font-size:12px;text-align:right}.file-browser{max-width:1180px;margin:auto;overflow:hidden;border:1px solid #d9ddd6;border-radius:18px;background:#ffffffd1;box-shadow:0 16px 45px #24383512}.browser-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 18px;border-bottom:1px solid var(--line)}.browser-toolbar>span{flex:0 0 auto;color:var(--muted);font-size:10px}.breadcrumbs{min-width:0;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}.breadcrumbs>button,.breadcrumbs span{display:flex;align-items:center;flex:0 0 auto}.breadcrumbs button{display:inline-flex;align-items:center;gap:5px;padding:5px 6px;border:0;border-radius:7px;background:transparent;color:#526765;font-size:10px;cursor:pointer}.breadcrumbs button:hover{background:#eef1ec;color:var(--teal)}.breadcrumbs svg{color:#9aa5a2}.file-table-head,.file-row{display:grid;grid-template-columns:minmax(260px,1fr) 160px 100px 160px;align-items:center;gap:10px;padding:0 18px}.file-table-head{height:38px;border-bottom:1px solid #e8eae5;color:#879391;font-size:9px;font-weight:700;letter-spacing:.8px}.file-row{min-height:64px;border-bottom:1px solid #edf0ea}.file-row:last-child{border-bottom:0}.file-row:hover{background:#fafbf7}.file-name{min-width:0;display:flex;align-items:center;gap:11px;padding:5px 0;border:0;background:transparent;text-align:left;cursor:pointer}.file-name>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.file-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.file-name small{display:none;color:var(--muted);font-size:9px}.file-kind{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#edf0eb;color:#647774}.file-kind.folder{background:#fff0c7;color:#a8771d}.file-date,.file-size{color:#6f807d;font-size:10px}.file-actions{display:flex;align-items:center;justify-content:flex-end;gap:1px;opacity:.45}.file-row:hover .file-actions,.file-actions:focus-within{opacity:1}.empty-nas{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted)}.loading-list{padding:10px 18px 20px}.loading-list i{display:block;height:48px;margin-top:6px;border-radius:10px;background:linear-gradient(90deg,#f2f3ef,#fafbf8,#f2f3ef);background-size:200%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.nas-upload-banner{display:flex;align-items:center;gap:8px;padding:9px 18px;background:#e4f1e9;color:#356c54;font-size:10px}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#11272875;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-card{width:min(440px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.5);border-radius:20px;background:#fbfbf8;box-shadow:var(--shadow);animation:modal-in .18s ease-out}.modal-card.modal-wide{width:min(640px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:15px}.modal-body{padding:20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}.modal-actions.inline{margin-top:18px;padding:0;border:0}.nickname-form{display:flex;flex-direction:column;gap:15px}.nickname-form>p{margin:0;color:var(--muted);font-size:11px;line-height:1.7;text-align:center}.welcome-mark{display:flex;justify-content:center}.welcome-mark img{width:74px;height:74px;border-radius:21px;box-shadow:0 14px 30px #1e5b6033}.modal-body label{display:flex;flex-direction:column;gap:7px;color:#536562;font-size:10px;font-weight:700}.modal-body input{width:100%;padding:11px 12px;border:1px solid #cfd6ce;border-radius:10px;outline:0;background:#fff;color:var(--ink);font-size:12px}.modal-body input:focus{border-color:#4d8889;box-shadow:0 0 0 3px #4d88891f}.qr-modal{display:flex;align-items:center;flex-direction:column;text-align:center}.qr-modal>img{width:220px;height:220px;border-radius:13px}.qr-modal p{margin:15px 0 9px;color:var(--muted);font-size:11px}.address-copy{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.address-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Consolas,monospace;font-size:11px}.confirm-delete{display:flex;align-items:flex-start;gap:13px}.confirm-delete>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#fae3df;color:#bd4d3f}.confirm-delete p{margin:1px 0 0;color:#657471;font-size:11px;line-height:1.8}.danger-button{background:#c95244;color:#fff}.folder-picker{max-height:280px;margin-top:14px;overflow-y:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.folder-choice{width:100%;display:flex;align-items:center;gap:9px;padding:11px 12px;border:0;border-bottom:1px solid #edf0eb;background:transparent;cursor:pointer;text-align:left}.folder-choice:last-child{border-bottom:0}.folder-choice:hover{background:#f4f7f2}.folder-choice svg:first-child{color:#b27f24}.folder-choice span{flex:1;font-size:11px}.empty-small,.form-error{margin:18px;color:var(--muted);font-size:10px;text-align:center}.form-error{color:#ba5043}.toast{position:fixed;z-index:150;left:50%;bottom:28px;display:flex;align-items:center;gap:8px;transform:translate(-50%);padding:10px 14px;border-radius:12px;background:#173f42;color:#fff;box-shadow:0 12px 35px #122a2b3d;font-size:11px}.access-page{width:100%;height:var(--visual-height, 100dvh);display:grid;place-items:center;overflow-y:auto;padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at 20% 10%,#fff3d6 0,transparent 30%),radial-gradient(circle at 85% 90%,#dcece4 0,transparent 32%),#f2f3ed}.access-card{width:min(420px,100%);padding:27px;border:1px solid rgba(255,255,255,.75);border-radius:24px;background:#fffffce6;box-shadow:var(--shadow)}.access-card>.brand{justify-content:center;margin-bottom:26px}.access-mark{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 15px;border-radius:18px;background:#e0eee6;color:var(--teal)}.access-card h1{margin:0 0 7px;text-align:center;font-size:23px;letter-spacing:-.6px}.access-card p{margin:0 auto 20px;max-width:310px;color:var(--muted);font-size:11px;line-height:1.75;text-align:center}.access-card form{display:flex;flex-direction:column;gap:12px}.access-card label,.admin-password-form label{display:flex;flex-direction:column;gap:7px;color:#536562;font-size:10px;font-weight:700}.access-card input,.admin-password-form input{width:100%;padding:12px 13px;border:1px solid #cfd6ce;border-radius:11px;outline:0;background:#fff;color:var(--ink);font-size:16px}.access-card input:focus,.admin-password-form input:focus{border-color:#4d8889;box-shadow:0 0 0 3px #4d88891f}.access-error{padding:8px 10px;border-radius:8px;background:#fae5e0;color:#a94135;font-size:10px;text-align:center}.access-loader{width:28px;height:28px;margin:0 auto;border:3px solid #dbe5df;border-top-color:var(--teal);border-radius:50%;animation:access-spin .8s linear infinite}@keyframes access-spin{to{transform:rotate(360deg)}}.local-admin-hint{padding:10px;border:1px solid var(--line);border-radius:9px;background:#f4f6f1;color:var(--teal);font-family:Consolas,monospace;font-size:10px;text-align:center}.local-admin-link{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:13px;text-decoration:none}.admin-page{width:100%;height:var(--visual-height, 100dvh);min-height:0;overflow-y:auto;overscroll-behavior:contain;background:#f2f3ed}.admin-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,64px);border-bottom:1px solid var(--line);background:#fcfcf8e6}.admin-topbar>span{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#e0eee6;color:#356b55;font-size:10px}.admin-content{width:min(1120px,calc(100% - 40px));margin:auto;padding:42px 0 70px}.admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.admin-heading h1{margin:2px 0 7px;font-size:clamp(30px,5vw,46px);letter-spacing:-1.5px}.admin-heading p{margin:0;color:var(--muted);font-size:11px}.admin-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;margin-top:24px}.admin-card{overflow:hidden;padding:21px;border:1px solid #d9ddd6;border-radius:18px;background:#ffffffdb;box-shadow:0 14px 40px #2438350f}.admin-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-card-title>div{display:flex;align-items:center;gap:8px;color:var(--teal)}.admin-card-title h2{margin:0;color:var(--ink);font-size:15px}.admin-card-title>span{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:700}.admin-card-title .ready{background:#dcefe5;color:#2f6b4f}.admin-card-title .pending{background:#fae6d7;color:#9a5639}.admin-card-title .member-count{background:#e4ece8;color:var(--teal)}.admin-card>p{margin:13px 0 17px;color:var(--muted);font-size:10px;line-height:1.7}.admin-password-form{display:flex;flex-direction:column;gap:12px}.admin-password-form .button{align-self:flex-start;min-width:112px;margin-top:3px}.admin-members{min-height:210px;margin:14px -7px 0}.admin-member{display:flex;align-items:center;gap:10px;min-height:62px;padding:8px;border-bottom:1px solid #edf0ea}.admin-member>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.admin-member strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.admin-member small{color:var(--muted);font-size:9px}.kick-button{min-height:32px;padding:6px 9px;border-color:#ead4ce;background:#fff5f2;color:#a94d40;font-size:9px}.members-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;color:var(--muted);font-size:9px}.members-card footer button{padding:0;border:0;background:transparent;color:#ad4c40;font-size:9px;font-weight:700;cursor:pointer}.members-card footer button:disabled{color:#aab2b0;cursor:default}.admin-empty{min-height:190px;display:grid;place-content:center;justify-items:center;color:#98a3a0}.admin-empty p{margin:8px 0 0;font-size:10px}.admin-notice{display:flex;align-items:center;gap:8px;margin-top:18px;padding:10px 12px;border-radius:10px;font-size:10px}.admin-notice.success{background:#dcefe5;color:#306b50}.admin-notice.error{background:#fae4df;color:#a64237}.devices-card{margin-top:18px}.devices-card>p{max-width:720px}.device-list{margin-top:12px;border-top:1px solid #edf0ea}.device-row{min-height:66px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:9px 7px;border-bottom:1px solid #edf0ea}.device-row>div{min-width:0;display:flex;flex-direction:column;gap:3px}.device-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.device-row small{color:var(--muted);font-size:9px}.device-status{min-width:38px;padding:5px 7px;border-radius:999px;background:#edf0ed;color:#7b8986;font-size:9px;font-weight:700;text-align:center}.device-status.online{background:#dcefe5;color:#2f6b4f}.delete-device-button{min-height:32px;padding:6px 9px;border-color:#ead4ce;background:#fff5f2;color:#a94d40;font-size:9px}.device-delete-warning{text-align:center}.device-delete-warning .danger-mark{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 12px;border-radius:16px;background:#fae4df;color:#b44b3e}.device-delete-warning h3{margin:0 0 8px;font-size:17px}.device-delete-warning p{margin:0 auto;max-width:390px;color:var(--muted);font-size:10px;line-height:1.7}.device-delete-warning ul{width:fit-content;margin:14px auto 0;padding-left:18px;color:#60716e;font-size:10px;line-height:1.8;text-align:left}@media(max-width:900px){.topbar{grid-template-columns:230px 1fr auto;padding:0 18px}.top-actions .connection-pill,.profile-button>span:last-child,.admin-entry-button span{display:none}.admin-entry-button{width:36px;justify-content:center;padding:0}.chat-sidebar{width:260px}.file-table-head,.file-row{grid-template-columns:minmax(220px,1fr) 130px 140px}.file-table-head span:nth-child(3),.file-size{display:none}.admin-grid{grid-template-columns:1fr}}@media(max-width:680px){:root{--mobile-topbar: calc(60px + env(safe-area-inset-top)) ;--mobile-tabs: calc(60px + env(safe-area-inset-bottom)) }body{overflow:hidden}.app-shell{position:fixed;inset:0;height:var(--visual-height, 100dvh);max-width:100vw}.topbar{height:var(--mobile-topbar);grid-template-columns:38px minmax(0,1fr) auto;padding:env(safe-area-inset-top) 12px 0}.topbar .brand-icon{width:34px;height:34px;border-radius:10px}.topbar .brand strong{font-size:17px}.topbar .brand span,.main-tabs,.top-actions .profile-button{display:none}.mobile-menu{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;background:transparent}.workspace{height:calc(var(--visual-height, 100dvh) - var(--mobile-topbar) - var(--mobile-tabs));min-height:0}.chat-sidebar{position:fixed;z-index:80;top:0;right:auto;bottom:var(--mobile-tabs);left:0;width:min(310px,86vw);max-width:100vw;padding-top:calc(12px + env(safe-area-inset-top));transform:translate(-105%);transition:transform .22s ease;box-shadow:16px 0 50px #122a2b33}.chat-sidebar.mobile-open{transform:translate(0)}.sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding:0 8px}.mobile-scrim{position:fixed;z-index:70;inset:0 0 var(--mobile-tabs);border:0;background:#132a2b61}.chat-panel{width:100%}.panel-header{height:58px;padding:0 15px}.messages{padding:20px 12px}.message-stack{max-width:84%}.message-row{margin-bottom:16px}.message-bubble{padding:9px 11px}.chat-attachment{min-width:min(250px,66vw)}.chat-attachment.image{grid-template-columns:78px minmax(0,1fr) 34px}.chat-attachment.image>a:first-child{width:78px;height:62px}.composer{padding:8px 9px 11px}.composer-row{border-radius:15px}.composer textarea{min-width:0;font-size:16px}.mobile-tabs{position:absolute;z-index:90;left:0;right:0;bottom:0;height:var(--mobile-tabs);display:grid;grid-template-columns:1fr 1fr;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fcfcf8fa;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -8px 24px #1832370f}.mobile-tabs button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:0;background:transparent;color:#7a8987;font-size:9px}.mobile-tabs button.active{color:var(--teal);font-weight:700}.nas-panel{padding:24px 12px 30px}.nas-hero{align-items:stretch;flex-direction:column}.nas-hero h1{font-size:32px}.nas-hero p{max-width:290px;line-height:1.6}.nas-actions{display:grid;grid-template-columns:1fr 1fr}.storage-card{margin-top:18px}.storage-copy>div:first-child{align-items:flex-start;flex-direction:column;gap:2px}.storage-card>b{display:none}.browser-toolbar{align-items:flex-start;flex-direction:column;gap:4px}.file-table-head{display:none}.file-row{grid-template-columns:minmax(0,1fr) auto;min-height:70px;padding:0 10px}.file-name small{display:block}.file-date,.file-size{display:none}.file-actions{gap:0;opacity:1}.file-actions .icon-button{width:33px}.empty-nas{min-height:260px}.toast{bottom:calc(var(--mobile-tabs) + 13px);max-width:calc(100vw - 24px);white-space:nowrap}.modal-backdrop{padding:12px}.modal-body input,.modal-body textarea,.modal-body select{font-size:16px}.access-card{padding:22px 18px}.admin-topbar{height:auto;min-height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0}.admin-topbar>span{font-size:0}.admin-content{width:min(100% - 24px,1120px);padding:28px 0 50px}.admin-heading{align-items:stretch;flex-direction:column}.admin-heading .button{align-self:flex-start}.admin-card{padding:17px}.admin-member{gap:8px}.device-row{grid-template-columns:auto minmax(0,1fr) auto}.device-status{display:none}.kick-button{padding:6px 8px}}