*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-overflow-scrolling:touch;height:100%;overflow:hidden;overscroll-behavior:none;position:fixed;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;touch-action:pan-x pan-y}#root{height:100vh;height:100dvh;overflow:hidden;position:relative}.loading-screen{align-items:center;background:#f5f5f5;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{border:4px solid #e1e1e1;border-top-color:#08c;height:40px;width:40px}.loading-screen p{color:#666;margin-top:16px}.login-page{align-items:center;background:#f0f2f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:6px;box-shadow:0 2px 16px #0000001f;max-width:380px;overflow:hidden;width:100%}.login-container>*{padding:0 32px}.login-header{border-bottom:1px solid #ebebeb;margin-bottom:0;padding:32px 32px 24px;text-align:center}.login-header h1{color:#1a1d21;font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:6px}.login-header p{color:#888;font-size:13px}.login-form{display:flex;flex-direction:column;gap:16px;padding-bottom:32px;padding-top:24px}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;padding:12px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input{background:#fafafa;border:1px solid #d0d0d0;border-radius:4px;font-size:15px;padding:10px 12px;transition:border-color .15s}.form-group input:focus{background:#fff;border-color:#1264a3;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.btn-login{background:#1264a3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:4px;padding:11px;transition:background .15s}.btn-login:hover:not(:disabled){background:#0f538a}.btn-login:disabled{cursor:not-allowed;opacity:.55}.login-footer{margin-top:24px;text-align:center}.login-footer p{color:#999;font-size:12px}@media (max-width:480px){.login-container{padding:24px}.login-header h1{font-size:24px}}.lazy-image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.lazy-image.loading{opacity:.7}.lazy-image.loaded{opacity:1}.lazy-image-container{background-color:#f0f0f0;border-radius:8px;overflow:hidden;position:relative}.lazy-image-container,.lazy-image-error{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.lazy-image-error{background-color:#fff3cd;color:#856404;flex-direction:column;padding:20px;text-align:center}.lazy-image-error span{font-size:24px;margin-bottom:8px}.lazy-image-error p{font-size:12px;margin:0}.att-message{background:#f8f9ff;border:1px solid #d0d8ff;border-radius:12px;box-sizing:border-box;font-family:inherit;max-width:100%;overflow:hidden;padding:12px;width:100%}.att-title{color:#3d4fd6;font-size:15px;font-weight:700;margin-bottom:10px}.att-submitted-banner{align-items:center;background:#e8f8e8;border:1px solid #a8d8a8;border-radius:8px;box-sizing:border-box;color:#2d6a2d;display:flex;font-size:13px;gap:8px;margin-bottom:10px;padding:8px 10px}.att-edit-btn{background:none;border:1px solid #2d6a2d;border-radius:4px;color:#2d6a2d;cursor:pointer;flex-shrink:0;font-size:12px;margin-left:auto;padding:2px 8px;white-space:nowrap}.att-position-group{margin-bottom:10px}.att-position-header{border-bottom:1px solid #dde2f5;color:#5a6799;font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:6px;padding:2px 0 5px;text-transform:uppercase}.att-position-header--extra{border-bottom-color:#e4e7ed;color:#909399}.att-select-row{align-items:center;display:flex;gap:8px;margin-bottom:6px;min-width:0;overflow:hidden}.att-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%235a6799' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #c0c8e8;border-radius:8px;box-sizing:border-box;color:#303133;cursor:pointer;flex:1 1;font-size:14px;min-width:0;overflow:hidden;padding:7px 28px 7px 8px;text-overflow:ellipsis;width:0}.att-select:focus{border-color:#3d4fd6;box-shadow:0 0 0 2px #3d4fd626;outline:none}.att-row-delete{background:none;border:none;border-radius:6px;color:#c0c4cc;cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;padding:4px;transition:color .15s,background .15s}.att-row-delete:hover{background:#fff0f0;color:#f56c6c}.att-add-btn{background:none;border:1px dashed #b0bae8;border-radius:8px;box-sizing:border-box;color:#5a6799;cursor:pointer;font-size:13px;margin-bottom:10px;margin-top:4px;padding:8px;transition:all .15s;width:100%}.att-add-btn:hover{background:#eef0ff;border-color:#3d4fd6;color:#3d4fd6}.att-marked-list{display:flex;flex-direction:column;gap:6px}.att-marked-item{align-items:center;background:#eaf8ea;border-radius:8px;display:flex;gap:8px;min-width:0;overflow:hidden;padding:5px 6px}.att-marked-info{flex:1 1;min-width:0;overflow:hidden}.att-name{color:#303133;font-size:14px;font-weight:600}.att-name,.att-position{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-position{color:#606266;font-size:12px;margin-top:1px}.att-checkbox{align-items:center;border:2px solid #c0c4cc;border-radius:6px;color:#67c23a;display:flex;flex-shrink:0;font-size:14px;height:22px;justify-content:center;width:22px}.att-checkbox--on{background:#f0f9eb;border-color:#67c23a}.att-submit-btn{background:#409eff;border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:10px;transition:background .2s;width:100%}.att-submit-btn:hover:not(:disabled){background:#337ecc}.att-submit-btn:disabled{background:#a0cfff;cursor:not-allowed}.att-empty{color:#909399;font-size:13px;padding:8px 0}.att-error{color:#f56c6c}.att-err-text{font-size:13px;margin-top:6px}.att-position-header.att-position-header--extra{align-items:center;display:flex;gap:6px}.att-position-header-select{-webkit-appearance:none;appearance:none;background:#f0f3ff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%235a6799' d='M5 6 0 0h10z'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;border:1px solid #d0d8e8;border-radius:6px;box-sizing:border-box;color:#5a6799;cursor:pointer;flex:1 1;font-size:11px;font-weight:700;letter-spacing:.5px;min-width:0;padding:3px 24px 3px 6px;text-transform:uppercase;width:0}.att-position-header-select:focus{border-color:#3d4fd6;outline:none}.message{display:flex;gap:8px}.message.own{justify-content:flex-end}.message.other{justify-content:flex-start}.message-bubble{word-wrap:break-word;background:#fff;border-radius:10px;box-shadow:0 1px 2px #00000014;max-width:500px;padding:8px 12px;position:relative}.message.own .message-bubble{background:#1264a3;color:#fff}.message-bubble.in-group.first{border-top-left-radius:10px;border-top-right-radius:10px}.message-bubble.in-group.last{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.message-bubble.in-group:not(.first):not(.last){border-radius:3px}.message.own .message-bubble.in-group.first{border-top-right-radius:3px}.message.own .message-bubble.in-group.last{border-bottom-right-radius:3px}.message.other .message-bubble.in-group.first{border-top-left-radius:3px}.message.other .message-bubble.in-group.last{border-bottom-left-radius:3px}.media-gallery{grid-gap:2px;border-radius:12px;display:grid;gap:2px;margin-bottom:8px;overflow:hidden}.media-gallery.grid-1{grid-template-columns:1fr;max-width:400px}.media-gallery.grid-2{grid-template-columns:repeat(2,1fr);max-width:400px}.media-gallery.grid-3{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.media-gallery.grid-3 .media-item:first-child{grid-row:span 2}.media-gallery.grid-4{grid-template-columns:repeat(2,1fr);max-width:400px}.media-item{aspect-ratio:1;background:#f0f2f5;cursor:pointer;overflow:hidden;position:relative}.media-item img,.media-item video{height:100%;object-fit:cover;transition:transform .2s;width:100%}.media-item:hover img,.media-item:hover video{transform:scale(1.05)}.media-overlay{background:#0009;color:#fff;font-size:24px;font-weight:600}.media-overlay,.video-play-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.video-play-overlay{background:#0000004d;pointer-events:none}.video-play-icon{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#1264a3;display:flex;font-size:20px;height:50px;justify-content:center;padding-left:4px;width:50px}.media-item:hover .video-play-icon{background:#fff}.message-documents{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.document-item{align-items:center;background:#0000000d;border-radius:12px;display:flex;gap:12px;padding:12px}.message.own .document-item{background:#fff3}.document-icon{flex-shrink:0;font-size:32px}.document-info{flex:1 1;min-width:0}.document-info a{color:inherit;display:block;font-size:14px;font-weight:500;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.document-info a:hover{text-decoration:underline}.document-size{display:block;font-size:12px;margin-top:2px;opacity:.7}.btn-protect-mini{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;transition:all .2s;width:28px;z-index:10}.media-item .btn-protect-mini{opacity:0;position:absolute;right:8px;top:8px}.media-item:hover .btn-protect-mini{opacity:1}.btn-protect-mini:hover{box-shadow:0 2px 8px #0003;transform:scale(1.1)}.btn-protect-mini.protected{background:#4caf50;color:#fff}.message-text{font-size:15px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.message-footer{align-items:center;display:flex;font-size:11px;gap:6px;margin-top:4px;opacity:.7}.message.own .message-footer{justify-content:flex-end}.message-time{white-space:nowrap}.message-edited{font-style:italic}.message-status{align-items:center;display:flex}.status-icon{font-size:14px}.lightbox{align-items:center;animation:fadeIn .2s;background:#000000f2;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.lightbox-content{max-height:90vh;max-width:90vw;position:relative}.lightbox-content img,.lightbox-content video{max-height:85vh;max-width:100%;object-fit:contain}.lightbox-close{align-items:center;background:#e74c3c;border:none;border-radius:50%;box-shadow:0 2px 10px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:44px;justify-content:center;line-height:1;position:absolute;right:0;top:-50px;transition:all .2s;width:44px}.lightbox-close:hover{background:#c0392b;box-shadow:0 4px 15px #e74c3c80;transform:scale(1.15)}.lightbox-controls{align-items:center;bottom:-50px;color:#fff;display:flex;gap:20px;left:50%;position:absolute;transform:translateX(-50%)}.lightbox-next,.lightbox-prev{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;transition:background .2s;width:40px}.lightbox-next:hover:not(:disabled),.lightbox-prev:hover:not(:disabled){background:#fff3}.lightbox-next:disabled,.lightbox-prev:disabled{cursor:not-allowed;opacity:.3}.lightbox-counter{font-size:14px;font-weight:500}@media (max-width:768px){.message-bubble{max-width:85%}.media-gallery{max-width:100%}.lightbox-content img,.lightbox-content video{max-height:80vh;max-width:95vw}}.message-reply-quote{background:#0000000d;border-radius:8px;cursor:pointer;display:flex;gap:8px;margin-bottom:8px;padding:8px;transition:background .2s}.message-reply-quote:hover{background:#00000014}.reply-quote-line{background:#1264a3;border-radius:2px;flex-shrink:0;width:3px}.reply-quote-content{flex:1 1;min-width:0}.reply-quote-author{color:#1264a3;font-size:13px;font-weight:600;margin-bottom:2px}.reply-quote-text{color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message.own .reply-quote-text{color:#fffc}.message.own .reply-quote-author{color:#fffffff2}.message.own .message-reply-quote{background:#ffffff26}.message.own .message-reply-quote:hover{background:#ffffff40}@media (max-width:768px){.btn-reply{font-size:14px;height:28px;margin-left:auto;opacity:1;position:static;width:28px}.message-footer{align-items:center;display:flex!important;gap:8px}}.btn-reply{align-items:center;background:#ebebeb;border:none;border-radius:4px;box-shadow:none;color:#555;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:background .15s,color .15s;width:24px}.btn-reply:hover{background:#d8d8d8;color:#333}.btn-reply:active{background:#ccc}@media (min-width:769px){.message-actions{display:flex;flex-direction:row;gap:4px;margin-left:auto}.btn-reply{opacity:1;position:static}}@media (max-width:768px){.message-footer{align-items:center;display:flex!important;flex-wrap:wrap;gap:8px}.message-actions{display:flex;flex-direction:row;gap:4px;margin-left:auto}.btn-reply{height:24px;width:24px}}.message.highlight-message{animation:highlight-pulse 2s ease-out}@keyframes highlight-pulse{0%,to{background-color:initial}50%{background-color:#e74c3c1a}}.file-id-badge{background:#0000008c;border-radius:6px;color:#fff;font-size:11px;font-weight:600;left:5px;letter-spacing:.02em;line-height:1.4;padding:2px 6px;pointer-events:none;position:absolute;top:5px;z-index:2}.amc-backdrop{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10000}.amc-modal{background:#fff;background:var(--bg-primary,#fff);border-radius:14px;box-shadow:0 8px 32px #00000040;max-width:100%;padding:18px 16px 14px;width:300px}.amc-title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:15px;font-weight:700;margin-bottom:10px}.amc-fileid{color:#999;font-size:13px;font-weight:400}.amc-caption,.amc-search{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border:1.5px solid #e0e0e0;border:1.5px solid var(--border-color,#e0e0e0);border-radius:8px;box-sizing:border-box;color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:14px;margin-bottom:8px;outline:none;padding:8px 10px;width:100%}.amc-caption:focus,.amc-search:focus{border-color:#4caf50}.amc-list{margin-bottom:8px;max-height:200px;overflow-y:auto}.amc-animal-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;gap:6px;justify-content:space-between;padding:8px 10px;text-align:left;width:100%}.amc-animal-btn:hover{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5)}.amc-animal-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:600}.amc-animal-type{color:#999;font-size:12px}.amc-empty{color:#999;font-size:13px;padding:8px 10px}.amc-close{background:none;border:1.5px solid #e0e0e0;border:1.5px solid var(--border-color,#e0e0e0);border-radius:8px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:14px;padding:8px;width:100%}.amc-success{color:#2e7d32;font-size:14px;font-weight:600;padding:8px 0;text-align:center}.amc-error{color:#c62828;font-size:13px;padding:4px 0 8px;text-align:center}.btn-add-medcard{background:#0000008c;border:none;border-radius:6px;bottom:5px;color:#fff;cursor:pointer;font-size:10px;line-height:1.3;padding:3px 6px;position:absolute;right:28px;white-space:nowrap;z-index:2}.supply-arrival-card{align-items:center;display:flex;gap:10px;padding:4px 2px 6px}.supply-arrival-thumb{background:#f0f0f0;background:var(--bg-secondary,#f0f0f0);border-radius:8px;flex-shrink:0;height:64px;object-fit:cover;width:64px}.supply-arrival-text{font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.message-actions-overlay{align-items:flex-end;background:#0006;display:flex;inset:0;justify-content:center;padding-bottom:env(safe-area-inset-bottom,16px);position:fixed;z-index:1000}.message-actions-menu{background:#2f3136;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0006;max-width:480px;padding:8px 0 16px;width:100%}.action-btn{background:none;border:none;color:#dcddde;cursor:pointer;display:block;font-size:16px;padding:16px 24px;text-align:left;transition:background .15s;width:100%}.action-btn:active,.action-btn:hover{background:#ffffff12}.action-btn-delete{color:#f04747}.action-btn-cancel{border-top:1px solid #ffffff0f;color:#b9bbbe;font-size:14px;margin-top:4px;padding-top:8px}.btn-delete-msg{color:#f04747;font-size:13px}.btn-delete-msg:active,.btn-delete-msg:hover{background:#f0474726!important;color:#f04747!important}.message-group{display:flex;gap:8px;margin-bottom:16px}.message-group.own{justify-content:flex-end}.message-group.other{justify-content:flex-start}.group-avatar{flex-shrink:0;padding-top:4px}.avatar-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;overflow:hidden;text-transform:uppercase;width:40px}.avatar-img{display:block;height:100%;object-fit:cover;width:100%}.group-content{display:flex;flex-direction:column;gap:4px;max-width:70%;min-width:200px}.message-group.own .group-content{align-items:flex-end}.message-group.other .group-content{align-items:flex-start}.group-author{color:#1264a3;font-size:13px;font-weight:700;margin-bottom:3px;padding:0 12px}.group-messages{display:flex;flex-direction:column;gap:2px}@media (max-width:768px){.group-content{max-width:85%;min-width:150px}.avatar-circle{font-size:14px;height:32px;width:32px}.group-author{font-size:12px}}.date-divider{align-items:center;display:flex;gap:12px;justify-content:center;margin:20px 0;padding:0 16px}.date-divider-line{background:#00000014;flex:1 1;height:1px}.date-divider-text{background:#0000000d;border-radius:12px;color:#666;font-size:13px;font-weight:500;padding:6px 12px;-webkit-user-select:none;user-select:none;white-space:nowrap}@media (prefers-color-scheme:dark){.date-divider-line{background:#ffffff1a}.date-divider-text{background:#ffffff14;color:#aaa}}.unread-divider{align-items:center;display:flex;gap:12px;justify-content:center;margin:16px 0;padding:0 16px}.unread-divider-line{background:linear-gradient(90deg,#0000,#e74c3c,#0000);flex:1 1;height:1px}.unread-divider-text{background:#e74c3c1a;border-radius:12px;color:#e74c3c;font-size:12px;font-weight:600;letter-spacing:1px;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.message-list{-webkit-overflow-scrolling:touch;background:#f0f2f5;flex:1 1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:20px;position:relative;scroll-behavior:smooth;touch-action:pan-y}.messages{display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:1200px}.empty-messages,.loading-messages{align-items:center;color:#65676b;display:flex;flex-direction:column;height:100%;justify-content:center}.empty-messages{text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-messages p{font-size:18px;font-weight:600;margin:0 0 8px}.empty-messages span{font-size:14px;opacity:.7}.spinner{animation:spin 1s linear infinite;border:3px solid #e1e1e1;border-radius:50%;border-top-color:#1264a3;height:32px;width:32px}.loading-messages p{font-size:14px;margin-top:16px}.typing-indicator{align-items:flex-end;display:flex;gap:8px;margin-left:52px;padding:4px 12px}.typing-avatar{align-items:center;background:#1264a3;border-radius:4px;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:26px;justify-content:center;width:26px}.typing-bubble{background:#fff;border:1px solid #ebebeb;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:10px 14px}.typing-dots{align-items:center;display:flex;gap:4px;height:20px}.typing-dots span{animation:typing 1.4s infinite;background:#90949c;border-radius:50%;height:8px;width:8px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.scroll-to-bottom{align-items:center;background:#fff;border:1px solid #d8d8d8;border-radius:4px;bottom:130px;box-shadow:0 2px 8px #0000001f;cursor:pointer;display:flex;height:40px;justify-content:center;left:20px;position:fixed;transition:background .15s;width:40px;z-index:100}.scroll-to-bottom:hover{background:#f5f5f5}.scroll-icon{color:#1264a3;font-size:20px;font-weight:700}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:#0000}.message-list::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.message-list::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width:768px){.message-list{padding:12px}.scroll-to-bottom{bottom:100px;height:40px;left:16px;width:40px}.scroll-icon{font-size:20px}.typing-indicator{margin-left:0}}.camera-modal-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.camera-modal{background:#000;display:flex;flex-direction:column;height:100%;width:100%}.camera-header{align-items:center;background:#000c;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px;z-index:10}.camera-header h3{font-size:18px;font-weight:600;margin:0}.btn-close-camera{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:background .2s;width:40px}.btn-close-camera:hover{background:#fff3}.camera-content{flex:1 1;flex-direction:column}.camera-content,.camera-preview{display:flex;min-height:0;position:relative}.camera-preview{align-items:center;background:#000;flex:1 1;justify-content:center}.camera-video{display:block;height:100%;object-fit:cover;width:100%}.camera-overlay-controls{bottom:30px;display:flex;gap:20px;left:50%;position:absolute;transform:translateX(-50%);z-index:100}.btn-overlay-control{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;height:70px;justify-content:center;padding:0;transition:all .2s;width:70px}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.btn-overlay-control:hover{background:#000c;border-color:#ffffff80;transform:scale(1.1)}.btn-overlay-control:active{transform:scale(.95)}.btn-overlay-control.btn-video{background:#e74c3cb3;border-color:#fff6}.btn-overlay-control.btn-video:hover{background:#e74c3ce6}.btn-overlay-control.btn-stop{animation:pulse-stop 1.5s ease-in-out infinite;background:#e74c3ce6;border-color:#ffffff80;font-size:40px;height:80px;width:80px}@keyframes pulse-stop{0%,to{box-shadow:0 4px 12px #e74c3c66}50%{box-shadow:0 4px 20px #e74c3ccc}}.camera-error,.camera-loading{align-items:center;background:#000;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;padding:20px;position:absolute;right:0;text-align:center;top:0}.camera-error p,.camera-loading p{font-size:16px;margin:8px 0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.captured-photos-preview{bottom:120px;display:flex;gap:8px;left:0;overflow-x:auto;padding:12px;position:absolute;right:0;z-index:90}.captured-photo-item{flex-shrink:0;position:relative}.captured-photo-item img,.captured-video-thumb{border:2px solid #fff;border-radius:8px;height:80px;object-fit:cover;width:80px}.btn-remove-captured{align-items:center;background:#f44;border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:-8px;top:-8px;width:24px}.camera-controls{align-items:center;background:#000c;display:flex;flex-direction:column;flex-shrink:0;gap:12px;padding:20px}.btn-done{background:#1264a3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;max-width:300px;padding:12px 24px;transition:background .15s;width:100%}.btn-done:hover{background:#0f538a}@media (min-width:768px){.camera-modal{border-radius:16px;max-height:90vh;max-width:600px;overflow:hidden}}.emoji-picker-overlay{align-items:flex-end;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.emoji-picker{animation:slideUp .3s ease-out;background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;max-height:60vh;max-width:500px;width:100%}.emoji-picker-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.emoji-categories{display:flex;flex:1 1;gap:8px;overflow-x:auto;scrollbar-width:none}.emoji-categories::-webkit-scrollbar{display:none}.emoji-category-btn{background:#f0f0f0;border:none;border-radius:16px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s;white-space:nowrap}.emoji-category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.emoji-picker-close{align-items:center;background:#f0f0f0;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;margin-left:8px;width:32px}.emoji-grid{grid-gap:4px;display:grid;flex:1 1;gap:4px;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));overflow-y:auto;padding:12px}.emoji-item{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:28px;height:44px;justify-content:center;transition:background .2s;width:44px}.emoji-item:hover{background:#f0f0f0}.emoji-item:active{background:#e0e0e0;transform:scale(.95)}@media (min-width:768px){.emoji-picker{border-radius:16px;margin-bottom:20px;max-height:500px}}.message-input{background:#fff;border-top:1px solid #e1e1e1;padding:16px 24px}.files-preview{background:#f9f9f9;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;max-height:260px;overflow-y:auto;padding:12px}.files-preview-items{display:flex;flex-wrap:wrap;gap:12px}.file-preview-item{align-items:center;background:#fff;border:2px solid #e1e1e1;border-radius:8px;display:flex;gap:8px;max-width:250px;min-width:200px;padding:8px;position:relative}.preview-image,.preview-video{object-fit:cover}.preview-file-icon,.preview-image,.preview-video{border-radius:6px;flex-shrink:0;height:60px;width:60px}.preview-file-icon{align-items:center;background:#f5f5f5;display:flex;font-size:32px;justify-content:center}.file-info{flex:1 1;min-width:0}.file-name{color:#333;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#999;font-size:11px;margin-top:2px}.btn-remove-file{align-items:center;background:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:24px}.btn-remove-file:hover{background:#c00}.upload-progress{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:8px 12px}.progress-bar{background:#e1e1e1;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-fill{background:#1264a3;height:100%;transition:width .3s}.upload-progress span{color:#666;font-size:12px;white-space:nowrap}.input-form{align-items:flex-end;display:flex;gap:12px}.btn-attach,.btn-camera,.btn-emoji,.btn-send{box-sizing:border-box;flex-shrink:0;height:36px;min-width:36px;width:36px}.btn-camera{align-items:center;background:#f0f0f0;border:none;border-radius:4px;color:#555;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:background .15s,color .15s;width:36px}.btn-camera:hover:not(:disabled){background:#e0e0e0;color:#333}.btn-camera:disabled{cursor:not-allowed;opacity:.45}.btn-attach{align-items:center;background:#f0f0f0;border:none;border-radius:4px;color:#555;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:background .15s,color .15s;width:36px}.btn-attach:hover:not(:disabled){background:#e0e0e0;color:#333}.btn-attach:disabled{cursor:not-allowed;opacity:.45}.message-text-input{-ms-overflow-style:none;background:#fafafa;border:1px solid #d0d0d0;border-radius:6px;flex:1 1;font-family:inherit;font-size:15px;line-height:20px;max-height:96px;min-height:40px;overflow-y:auto;padding:10px 14px;resize:none;scrollbar-width:none;transition:border-color .15s}.message-text-input::-webkit-scrollbar{display:none}.message-text-input:focus{background:#fff;border-color:#1264a3;outline:none}.message-text-input:disabled{background:#f5f5f5;cursor:not-allowed}.btn-send{align-items:center;background:#1264a3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:background .15s;width:36px}.btn-send:hover:not(:disabled){background:#0f538a}.btn-send:disabled{cursor:not-allowed;opacity:.45}@media (max-width:768px){.message-input{padding:12px 16px}.input-form{gap:8px}.btn-attach,.btn-camera,.btn-emoji,.btn-send{height:40px;width:40px}.message-text-input{font-size:14px;min-height:40px;padding:10px 14px}.files-preview{flex-wrap:wrap;max-height:150px}.file-preview-item{min-width:150px}}.reply-preview{align-items:center;background:#ebf4fb;border-left:3px solid #1264a3;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.reply-preview-content{flex:1 1;min-width:0}.reply-preview-header{align-items:center;color:#1264a3;display:flex;font-size:13px;gap:6px;margin-bottom:3px}.reply-icon{color:#1264a3;flex-shrink:0}.reply-to{font-weight:500}.reply-preview-text{color:#666;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-close{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:28px;justify-content:center;transition:background .2s;width:28px}.reply-preview-close:hover{background:#0003}.btn-emoji{align-items:center;background:#f0f0f0;border:none;border-radius:4px;color:#555;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;transition:background .15s,color .15s}.btn-emoji:hover{background:#e0e0e0;color:#333}.btn-emoji:disabled{cursor:not-allowed;opacity:.45}.file-count-badge{background:#e8e8e8;border-radius:10px;color:#555;flex-shrink:0;font-size:11px;font-weight:600;padding:2px 7px;white-space:nowrap}.file-count-badge.file-count-over{background:#e53935;color:#fff}.files-preview-header{align-items:center;display:flex;gap:8px;padding:4px 4px 6px}.file-count-warning{color:#e53935;font-size:12px}.unread-badge{align-items:center;background:#e74c3c;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;margin-left:8px;min-width:20px;padding:0 6px}.channel-selector-button .unread-badge{margin-left:auto;margin-right:8px}.channel-dropdown-item{position:relative}.channel-dropdown-right{align-items:center;display:flex;gap:8px;margin-left:auto}.channel-dropdown-item .unread-badge{margin-left:0}.channel-dropdown-item.active .unread-badge{background:#c0392b}.channel-selector{position:relative;width:100%;z-index:1000}.channel-selector-button{align-items:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:6px 14px;transition:background .15s;white-space:nowrap;width:100%}.channel-selector-button:hover{background:#ffffff2e}.channel-selector-button .channel-icon{align-items:center;background:#a078dc73;border-radius:7px;display:inline-flex;flex-shrink:0;font-size:20px;justify-content:center;padding:3px}.channel-selector-button .channel-name{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis}.dropdown-arrow{flex-shrink:0;font-size:12px;opacity:.8;transition:transform .2s}.channel-dropdown{animation:dropdownFadeIn .15s ease-out;background:#fff;border-radius:0;border-right:1px solid #e0e0e0;box-shadow:4px 0 20px #0000002e;height:calc(100dvh - 48px);left:0;overflow-y:auto;padding:8px 4px;position:fixed;top:48px;width:80vw;z-index:2000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.channel-dropdown:before{background:#00000059;bottom:0;content:"";left:80vw;position:fixed;right:0;top:48px;z-index:-1}.channel-dropdown-item{align-items:center;border-radius:3px;color:#333;cursor:pointer;display:flex;gap:12px;padding:13px 16px;transition:background .1s}.channel-dropdown-item:hover{background:#f0f2f5}.channel-dropdown-item.active{background:#ebf4fb;color:#1264a3;font-weight:600}.channel-dropdown-item .channel-icon{align-items:center;background:#a078dc73;border-radius:7px;display:inline-flex;flex-shrink:0;font-size:20px;justify-content:center;padding:3px}.channel-dropdown-item .channel-name{flex:1 1;font-size:15px}.check-mark{color:#1264a3;flex-shrink:0;font-size:14px}.channel-dropdown::-webkit-scrollbar{width:6px}.channel-dropdown::-webkit-scrollbar-track{background:#0000}.channel-dropdown::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.channel-dropdown::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width:768px){.channel-dropdown{height:calc(100dvh - 44px);top:44px;width:80vw}.channel-dropdown:before{top:44px}.channel-selector-button{font-size:13px;padding:5px 10px}}.avatar-modal-overlay{align-items:center;animation:avatarFadeIn .15s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes avatarFadeIn{0%{opacity:0}to{opacity:1}}.avatar-modal{animation:avatarSlideUp .15s ease-out;background:#fff;border-radius:8px;box-shadow:0 8px 32px #00000040;max-width:320px;overflow:hidden;width:100%}.avatar-modal-crop{max-width:480px}@keyframes avatarSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.avatar-modal-header{align-items:center;background:#1a1d21;color:#fff;display:flex;justify-content:space-between;padding:14px 16px}.avatar-modal-header h3{font-size:15px;font-weight:600;margin:0}.btn-avatar-close{align-items:center;background:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:background .15s;width:28px}.btn-avatar-close:hover{background:#fff3}.avatar-modal-body{align-items:center;display:flex;flex-direction:column;gap:20px;padding:24px 20px 16px}.avatar-preview-wrap{border:3px solid #e8e8e8;border-radius:50%;flex-shrink:0;height:100px;overflow:hidden;width:100px}.avatar-preview-img{display:block;height:100%;object-fit:cover;width:100%}.avatar-preview-initials{align-items:center;background:#1264a3;color:#fff;display:flex;font-size:36px;font-weight:600;height:100%;justify-content:center;width:100%}.avatar-options{display:flex;gap:10px;width:100%}.btn-avatar-option{align-items:center;background:#f0f2f5;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:13px;gap:6px;padding:12px 8px;transition:background .15s,border-color .15s}.btn-avatar-option:hover{background:#e4e8ee;border-color:#c0c8d0}.avatar-modal-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e8e8e8;display:flex;gap:8px;justify-content:flex-end;min-height:52px;padding:12px 16px}.btn-avatar-save{background:#1264a3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:background .15s}.btn-avatar-save:hover:not(:disabled){background:#0f538a}.btn-avatar-save:disabled{cursor:not-allowed;opacity:.6}.btn-avatar-delete{align-items:center;background:#0000;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;cursor:pointer;display:flex;font-size:13px;gap:5px;margin-right:auto;padding:7px 14px;transition:background .15s}.btn-avatar-delete:hover{background:#e74c3c14}.crop-editor{display:flex;flex-direction:column}.crop-hint{color:#888;font-size:12px;padding:8px 16px 4px;text-align:center}.crop-container{align-items:center;background:#000;cursor:crosshair;display:flex;justify-content:center;overflow:hidden;position:relative;touch-action:none}.crop-container,.crop-source-img{max-height:60vh;-webkit-user-select:none;user-select:none}.crop-source-img{-webkit-user-drag:none;display:block;max-width:100%;object-fit:contain;pointer-events:none}.crop-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.crop-actions{background:#f8f9fa;border-top:1px solid #e8e8e8;display:flex;gap:10px;justify-content:space-between;padding:12px 16px}.btn-crop-cancel{align-items:center;background:#0000;border:1px solid #d0d0d0;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:background .15s}.btn-crop-cancel:hover{background:#ebebeb}.btn-crop-confirm{align-items:center;background:#1264a3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 20px;transition:background .15s}.btn-crop-confirm:hover{background:#0f538a}@media (max-width:520px){.avatar-modal-crop{border-radius:0;height:100%;margin:0;max-height:100%;max-width:100%}.avatar-modal-overlay{align-items:stretch;padding:0}.crop-source-img{max-height:55vh}}.app-header{align-items:center;background:#1a1d21;box-shadow:0 1px 0 #ffffff12;color:#fff;display:flex;flex-shrink:0;gap:12px;height:48px;justify-content:space-between;padding:0 20px 0 0}.header-left{flex:1 1;min-width:0;overflow:hidden}.header-right{align-items:center;display:flex;gap:12px;margin-left:auto}.user-info{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px;font-weight:600}.user-role{color:#ffffff80;font-size:11px}.btn-avatar{align-items:center;background:#1264a3;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;padding:0;transition:border-color .15s;width:32px}.btn-avatar:hover{border-color:#ffffffb3}.header-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.header-avatar-initials{color:#fff;font-size:13px;font-weight:600;line-height:1}.btn-logout{background:#0000;border:1px solid #ffffff2e;border-radius:4px;color:#ffffffb3;cursor:pointer;font-size:13px;padding:6px 13px;transition:background .15s,color .15s}.btn-logout:hover{background:#ffffff1a;color:#fff}.btn-duty{align-items:center;background:#0000;border:1px solid #ffffff2e;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:5px;padding:6px 12px;transition:background .15s,color .15s}.btn-duty:hover{background:#ffffff1a;color:#fff}.btn-install{align-items:center;background:#0000;border:1px solid #ffffff2e;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:6px 10px;transition:background .15s}.btn-install:hover{background:#ffffff1a}.install-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.install-modal{animation:slideUp .2s ease-out;background:#fff;border-radius:6px;box-shadow:0 8px 32px #00000038;max-width:480px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.install-modal-header{align-items:center;background:#1a1d21;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.install-modal-header h2{font-size:16px;font-weight:600;margin:0}.install-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;transition:background .15s;width:30px}.install-modal-close:hover{background:#fff3}.install-modal-body{padding:20px 24px}.install-steps{color:#333;margin:0 0 18px;padding-left:22px}.install-steps li{color:#444;font-size:14px;line-height:1.6;margin-bottom:10px}.install-modal-note{background:#ebf4fb;border-left:3px solid #1264a3;border-radius:4px;color:#555;font-size:13px;padding:10px 14px}.install-modal-footer{background:#f8f9fa;border-top:1px solid #e8e8e8;display:flex;justify-content:flex-end;padding:12px 20px}.install-modal-button{background:#1264a3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:background .15s}.install-modal-button:hover{background:#0f538a}@media (max-width:768px){.app-header{gap:8px;height:44px;padding:0 12px 0 0}.user-info{display:none}.header-right{gap:8px}.btn-logout{font-size:12px;padding:5px 10px}.btn-install{font-size:16px;padding:5px 8px}.install-modal{margin:10px}.install-modal-header{padding:16px}.install-modal-header h2{font-size:18px}.install-modal-body{padding:16px}.install-steps li{font-size:14px;margin-bottom:10px}}.sm-overlay{align-items:flex-end;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.sm-modal{background:#1e1e1e;border-radius:16px 16px 0 0;display:flex;flex-direction:column;gap:12px;max-height:90vh;max-width:480px;overflow-y:auto;padding:16px 16px 32px;width:100%}.sm-header{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:space-between}.sm-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:18px;padding:4px 8px}.sm-photos-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sm-photo-thumb{border:1px solid #333;border-radius:8px;height:80px;overflow:hidden;position:relative;width:80px}.sm-photo-thumb img{height:100%;object-fit:cover;width:100%}.sm-photo-remove{background:#0009;border:none;border-radius:50%;color:#fff;font-size:11px;height:20px;padding:0;position:absolute;right:2px;top:2px;width:20px}.sm-add-photo,.sm-photo-remove{align-items:center;cursor:pointer;display:flex;justify-content:center}.sm-add-photo{background:none;border:2px dashed #555;border-radius:8px;color:#aaa;flex-direction:column;flex-shrink:0;font-size:22px;gap:4px;height:80px;width:80px}.sm-add-label{color:#888;font-size:10px;line-height:1.2;text-align:center}.sm-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:12px;width:100%}.sm-btn:disabled{cursor:default;opacity:.5}.sm-btn-search{background:#2979ff;color:#fff}.sm-btn-save{background:#43a047;color:#fff;margin-top:8px}.sm-loading{color:#aaa;font-size:14px;padding:12px 0;text-align:center}.sm-result{background:#2a2a2a;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:12px}.sm-result-label{color:#888;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.sm-result-found{border-left:3px solid #43a047}.sm-result-notfound{border-left:3px solid #f57c00}.sm-found-name{color:#fff;font-size:16px;font-weight:600}.sm-found-vol{color:#aaa;font-size:13px}.sm-qty-row{align-items:center;display:flex;gap:10px}.sm-field-row label,.sm-qty-row label{color:#aaa;font-size:13px;min-width:110px}.sm-qty-input{background:#1a1a1a;border:1px solid #444;border-radius:6px;color:#fff;font-size:15px;padding:6px 8px;text-align:center;width:80px}.sm-field-row{align-items:center;display:flex;gap:10px}.sm-text-input{padding:7px 10px}.sm-select,.sm-text-input{background:#1a1a1a;border:1px solid #444;border-radius:6px;color:#fff;flex:1 1;font-size:14px}.sm-select{padding:7px 8px}.sm-section-picker{flex:1 1;overflow:hidden;position:relative}.sm-section-display{background:#1a1a1a;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;line-height:1.4;padding:7px 32px 7px 10px;pointer-events:none;word-break:break-word}.sm-section-arrow{color:#888;font-size:12px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.sm-section-select{-webkit-appearance:none;appearance:none;cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.sm-saved-msg{color:#81c784;font-size:14px;padding:4px 0;text-align:center}.sm-btn-force-new{align-self:flex-end;background:none;border:none;color:#666;cursor:pointer;font-size:11px;margin-top:4px;padding:2px 0;text-decoration:underline;text-underline-offset:2px}.sm-method-row{display:flex;gap:10px}.sm-method-btn{align-items:center;background:#2a2a2a;border:2px solid #333;border-radius:14px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:5px;padding:18px 8px 14px;transition:border-color .15s,background .15s}.sm-method-btn:active{background:#333}.sm-method-icon{font-size:26px;letter-spacing:2px;line-height:1}.sm-method-label{font-size:14px;font-weight:600}.sm-method-sub{color:#888;font-size:11px}.sm-method-barcode{border-color:#1565c0}.sm-method-photo{border-color:#2e7d32}.bs-wrap{display:flex;flex-direction:column;gap:10px}.bs-video-box{aspect-ratio:4/3;background:#000;border-radius:10px;overflow:hidden;position:relative;width:100%}.bs-video{height:100%;object-fit:cover;width:100%}.bs-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.bs-frame{border:2px solid #ffffff80;border-radius:8px;height:110px;overflow:hidden;position:relative;width:75%}.bs-line{animation:bs-scan 1.6s ease-in-out infinite;background:#f44336;height:2px;left:0;position:absolute;right:0}@keyframes bs-scan{0%,to{top:8%}50%{top:88%}}.bs-status{color:#aaa;font-size:13px;padding:2px 0;text-align:center}.sm-barcode-hint{background:#2a2a2a;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px}.sm-barcode-code{color:#555;font-family:monospace;font-size:12px;letter-spacing:1px}.sm-barcode-notfound{color:#f57c00;font-size:14px;font-weight:500}.sm-barcode-prompt{color:#888;font-size:12px;line-height:1.4}.sm-btn-photo{background:#1a3a5c;border:2px solid #2a6aaa;border-radius:8px;color:#7ab8f5;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:10px;padding:14px;width:100%}.sm-btn-photo:active{background:#1e4a7a}.sm-btn-save-secondary{background:#2a2a2a;border:1px solid #444;color:#777}.rev-group-block{background:#1e1e1e;border:1px solid #333;border-radius:8px;margin-bottom:12px;padding:12px 14px}.rev-group-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.rev-group-label{color:#aaa;font-size:14px}.rev-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:2px 8px}.rev-badge-bk{background:#2a3a5a;color:#8ae}.rev-badge-chz{background:#2a4a2a;color:#8e8}.rev-qty-row{align-items:center;display:flex;gap:10px}.rev-qty-input{text-align:center;width:80px!important}.rev-cis-btn-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.sm-btn-danger{background:#5a1a1a;border:1px solid #7a2a2a;border-radius:6px;color:#f88;cursor:pointer;font-size:14px;padding:8px 16px}.sm-btn-danger:active{background:#7a2020}.rev-cis-summary{margin-bottom:10px}.rev-cis-list{margin:8px 0}.rev-cis-row{border-bottom:1px solid #2a2a2a;font-size:13px;padding:5px 4px}.rev-cis-ok{color:#6b6}.rev-cis-missing{color:#f66}.rev-cis-pending{color:#888}.rev-cis-progress{align-items:center;color:#aaa;display:flex;font-size:14px;margin-bottom:12px}.sm-status-ok{color:#6b6}.sm-status-warn{color:#fa4}.med-groups{padding:0}.med-group{border-bottom:1px solid #f0f0f0}.med-group-row{align-items:center;background:#fff;cursor:pointer;display:flex;gap:8px;min-height:44px;padding:8px 10px;transition:background .1s}.med-group-row:active{background:#f5f5f5}.row-checked .med-group-row{background:#d4f5d4}.med-group-badge{border-radius:3px;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 5px}.badge-chz{background:#e6f4e6;color:#2a7a2a}.badge-bk{background:#e6eef8;color:#2a4a8a}.med-group-name{color:#222;flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.med-group-qty{color:#555;flex-shrink:0;font-size:13px;font-weight:600}.med-group-bar-wrap{background:#eee;border-radius:4px;flex-shrink:0;height:18px;overflow:hidden;position:relative;width:68px}.med-group-bar-fill{background:#7ecb7e;bottom:0;left:0;position:absolute;top:0;transition:width .3s}.med-group-bar-text{color:#333;font-size:11px;font-weight:600;line-height:18px;position:absolute;text-align:center;width:100%;z-index:1}.med-group-chevron{color:#aaa;flex-shrink:0;font-size:11px}.med-group-items{background:#fafafa;border-top:1px solid #f0f0f0}.med-group-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;gap:8px;padding:7px 10px 7px 24px}.med-group-item.item-marked{background:#edfaed}.med-group-item-dot{color:#ccc;flex-shrink:0;font-size:10px}.med-group-item.item-marked .med-group-item-dot{color:#4caf50}.med-group-item-label{color:#666;flex:1 1;font-size:12px}.med-group-item.item-marked .med-group-item-label{color:#3a8a3a}.med-group-item-del{background:none;border:none;color:#c00;cursor:pointer;flex-shrink:0;font-size:14px;opacity:.45;padding:2px 4px}.med-group-item-del:active{opacity:1}.inventory-page{background:#f5f5f5;flex:1 1;overflow-y:auto;padding:12px}.inv-tabs{align-items:center;display:flex;gap:6px;margin-bottom:12px}.inv-tab{background:#fff;border:1px solid #ddd;border-radius:20px;color:#555;cursor:pointer;font-size:14px;padding:7px 18px;transition:all .15s}.inv-tab.active{background:#4a90d9;border-color:#4a90d9;color:#fff;font-weight:600}.inv-refresh{align-items:center;background:none;border:1px solid #ddd;border-radius:50%;color:#777;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;line-height:1;margin-left:auto;width:32px}.inv-refresh:active{transform:rotate(180deg)}.inv-search-btn{align-items:center;background:#4a90d9;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:5px;padding:6px 14px}.inv-search-btn:active{opacity:.8}.inv-search-group{align-items:center;display:flex;gap:6px;margin-left:auto}.inv-revision-btn{background:#2a3a4a;border:1px solid #456;border-radius:20px;color:#aaa;cursor:pointer;font-size:15px;line-height:1;padding:6px 10px;transition:background .2s,color .2s,border-color .2s}.inv-revision-btn--active{background:#4a1a1a;border-color:#8a3a3a;color:#e05a5a}.inv-revision-btn--pending{opacity:.7}.rev-confirm-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.rev-confirm-box{background:#1e2a38;border:1px solid #345;border-radius:14px;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 32px);padding:24px 20px 18px;width:280px}.rev-confirm-title{color:#def;font-size:17px;font-weight:600;text-align:center}.rev-confirm-title--stop{color:#e07070}.rev-confirm-text{color:#889aaa;font-size:13px;line-height:1.4;text-align:center}.rev-confirm-actions{display:flex;gap:10px;margin-top:6px}.rev-confirm-cancel{background:#2a3a4a;border:1px solid #456;border-radius:20px;color:#abc}.rev-confirm-cancel,.rev-confirm-ok{cursor:pointer;flex:1 1;font-size:15px;padding:9px 0}.rev-confirm-ok{background:#1a5a2a;border:none;border-radius:20px;color:#7dda8a;font-weight:600}.rev-confirm-ok--stop{background:#5a1a1a;color:#e07070}.inv-action-row{display:flex;justify-content:flex-end;margin-bottom:12px;margin-top:-4px}.inv-add-btn{align-items:center;background:#43a047;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:4px;line-height:1;padding:7px 16px}.inv-add-btn:active{opacity:.8}.inv-empty,.inv-loading{color:#999;font-size:14px;padding:40px;text-align:center}.inv-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000f;margin-bottom:14px;overflow:hidden}.inv-section-header{overflow:hidden;padding:10px 14px;position:relative}.inv-progress-wrap{inset:0;pointer-events:none;position:absolute}.inv-progress-fill{height:100%;transition:width .4s}.inv-section-title-row{align-items:center;display:flex;gap:10px;justify-content:space-between;position:relative;z-index:1}.inv-section-name{color:#222;font-size:14px;font-weight:600}.inv-section-amount{color:#555;font-size:12px;white-space:nowrap}.color-red{background:#fef0f0;border-bottom:1px solid #fbc4c4}.color-yellow{background:#fdf6ec;border-bottom:1px solid #f5dab1}.color-green{background:#f0f9eb;border-bottom:1px solid #b3e19d}.color-neutral{background:#f5f7fa;border-bottom:1px solid #e4e7ed}.color-red .inv-progress-fill{background:#f56c6c4d}.color-yellow .inv-progress-fill{background:#e6a23c4d}.color-green .inv-progress-fill{background:#67c23a4d}.inv-no-items{color:#aaa;font-size:13px;font-style:italic;padding:12px 14px}.inv-table{border-collapse:collapse;font-size:13px;width:100%}.inv-table thead tr{background:#fafafa;border-bottom:1px solid #eee}.inv-table th{color:#777;font-size:11px;font-weight:600;letter-spacing:.03em;padding:7px 10px;text-align:left;text-transform:uppercase}.inv-table td{border-bottom:1px solid #f0f0f0;padding:8px 10px;vertical-align:middle}.inv-table tr:last-child td{border-bottom:none}.row-dirty td{background:#fffbe6}.col-vol{text-align:center;width:90px}.col-qty{text-align:center;width:110px}.inv-photo{display:block;object-fit:cover}.inv-no-photo,.inv-photo{border-radius:4px;height:44px;width:44px}.inv-no-photo{background:#f5f5f5;font-size:22px}.inv-no-photo,.qty-wrap{align-items:center;display:flex;justify-content:center}.qty-wrap{gap:4px}.qty-input{-moz-appearance:textfield;border:1px solid #ddd;border-radius:6px;color:#222;font-size:14px;font-weight:600;outline:none;padding:5px 8px;text-align:center;transition:border-color .15s;width:72px}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none}.qty-input:focus{border-color:#4a90d9;box-shadow:0 0 0 2px #4a90d926}.qty-input.saving{opacity:.5}.qty-spinner{font-size:14px}@media (max-width:480px){.inventory-page{padding:8px}.inv-table td,.inv-table th{padding:6px 7px}.qty-input{width:60px}}.row-checked td{background:#d4f5d4}.med-card-list{display:flex;flex-direction:column;gap:8px;padding:6px 8px 8px}.med-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 1px 3px #0000000f;overflow:hidden;-webkit-user-select:none;user-select:none}.med-card-checked{background:#d4f5d4;border-color:#a3d9a3}.med-card-dirty{background:#fffbe6;border-color:#f0d080}.med-card-top{align-items:flex-start;display:flex;gap:10px;padding:10px 10px 8px}.med-card-photo{flex-shrink:0}.med-card-info{flex:1 1;min-width:0}.med-card-name{color:#222;font-size:14px;font-weight:600;line-height:1.3}.med-card-sub{color:#888;font-size:12px;margin-top:3px}.med-card-expiry{border-radius:6px;flex-shrink:0;font-size:12px;font-weight:600;margin-top:2px;padding:3px 8px;white-space:nowrap}.med-card-stock{background:#fafafa;border-top:1px solid #f0f0f0;padding:8px 10px}.med-card-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.med-card-input-group{align-items:center;display:flex;flex-direction:column;gap:3px}.med-card-input-label{color:#999;font-size:10px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.med-card-input{-moz-appearance:textfield;border:1px solid #ddd;border-radius:8px;color:#222;font-size:18px;font-weight:700;outline:none;padding:7px 6px;text-align:center;width:64px}.med-card-input::-webkit-inner-spin-button,.med-card-input::-webkit-outer-spin-button{-webkit-appearance:none}.med-card-input:focus{border-color:#4a90d9;box-shadow:0 0 0 2px #4a90d926}.med-card-input.saving{opacity:.4}.med-card-total{color:#555;font-size:13px;font-weight:500;margin-top:14px}.pets-checkin-page{background:#f5f5f5;flex:1 1;overflow-y:auto;padding:12px}.pc-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.pc-title{color:#222;font-size:16px;font-weight:700}.pc-date{color:#888;font-size:12px}.pc-refresh{align-items:center;background:none;border:1px solid #ddd;border-radius:50%;color:#777;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.pc-refresh:active{transform:rotate(180deg)}.pc-empty,.pc-loading{color:#999;font-size:14px;padding:40px;text-align:center}.pc-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000f;margin-bottom:14px;overflow:visible}.pc-section-header{align-items:center;background:#f0f9eb;border-bottom:1px solid #b3e19d;display:flex;gap:8px;justify-content:space-between;overflow:hidden;padding:10px 14px;position:relative}.pc-section-header.confirmed{background:#e8f5e9;border-bottom-color:#81c784}.pc-section-progress{background:#67c23a2e;bottom:0;left:0;pointer-events:none;position:absolute;top:0;transition:width .4s}.pc-section-name{color:#222;font-size:14px;font-weight:600;position:relative;z-index:1}.pc-section-count{color:#555;font-size:12px;position:relative;white-space:nowrap;z-index:1}.pc-confirmed-badge{background:#43a047;border-radius:10px;color:#fff;font-size:11px;padding:2px 8px;z-index:1}.pc-table{border-collapse:collapse;font-size:13px;width:100%}.pc-table th{background:#fafafa;border-bottom:1px solid #eee;color:#888;font-size:11px;font-weight:600;letter-spacing:.03em;padding:6px 8px;text-align:left;text-transform:uppercase}.pc-table td{border-bottom:1px solid #f0f0f0;padding:7px 8px;vertical-align:middle}.pc-table tr:last-child td{border-bottom:none}.pc-table tr.row-checked td{background:#f0faf0}.col-photo{width:52px}.col-type{color:#555;width:80px}.col-check{text-align:center;width:40px}.col-move{text-align:center;width:36px}.pc-photo{display:block;object-fit:cover}.pc-no-photo,.pc-photo{border-radius:6px;height:44px;width:44px}.pc-no-photo{align-items:center;background:#f0f0f0;display:flex;font-size:22px;justify-content:center}.pc-checkbox{accent-color:#43a047;cursor:pointer;height:22px;width:22px}.pc-move-btn{background:none;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:15px;line-height:1;padding:4px 6px}.pc-move-btn:active{background:#f0f0f0}.pc-search-wrap{border-top:1px solid #f0f0f0;padding:8px 10px;position:relative}.pc-search-input{border:1px solid #ddd;border-radius:20px;box-sizing:border-box;font-size:13px;outline:none;padding:8px 12px;width:100%}.pc-search-input:focus{border-color:#4a90d9}.pc-search-results{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001f;left:10px;overflow:hidden;position:absolute;right:10px;top:calc(100% - 8px);z-index:100}.pc-search-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:9px 12px}.pc-search-item:last-child{border-bottom:none}.pc-search-item:active{background:#f5f5f5}.pc-search-item-photo{object-fit:cover}.pc-search-item-photo,.pc-search-no-photo{border-radius:4px;flex-shrink:0;height:32px;width:32px}.pc-search-no-photo{align-items:center;background:#f0f0f0;display:flex;font-size:16px;justify-content:center}.pc-search-item-info{flex:1 1;min-width:0}.pc-search-item-name{color:#222;font-weight:600}.pc-search-item-sub{color:#888;font-size:11px;margin-top:1px}.pc-search-add{color:#4a90d9;font-weight:600}.pc-confirm-wrap{border-top:1px solid #f0f0f0;padding:8px 10px}.pc-confirm-btn{background:#43a047;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px;transition:opacity .15s;width:100%}.pc-confirm-btn:disabled{background:#ccc;cursor:not-allowed}.pc-overlay{align-items:flex-end;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.pc-modal{background:#fff;border-radius:16px 16px 0 0;max-height:90vh;max-width:480px;overflow-y:auto;padding:20px 16px 32px;width:100%}.pc-modal-title{color:#222;font-size:16px;font-weight:700;margin-bottom:16px}.pc-modal-animal{background:#f5f5f5;border-radius:8px;color:#555;font-size:14px;margin-bottom:14px;padding:10px 12px}.pc-field{margin-bottom:12px}.pc-label{color:#666;display:block;font-size:12px;font-weight:600;letter-spacing:.03em;margin-bottom:4px;text-transform:uppercase}.pc-input,.pc-select{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:9px 12px;width:100%}.pc-input:focus,.pc-select:focus{border-color:#4a90d9}.pc-modal-actions{display:flex;gap:10px;margin-top:18px}.pc-btn-cancel{background:#f5f5f5;border:1px solid #ddd;border-radius:20px;color:#555;flex:1 1}.pc-btn-cancel,.pc-btn-save{cursor:pointer;font-size:15px;padding:10px}.pc-btn-save{background:#4a90d9;border:none;border-radius:20px;color:#fff;flex:2 1;font-weight:600}.pc-btn-save:disabled{cursor:not-allowed;opacity:.5}.pc-photo-preview{border-radius:8px;display:block;height:80px;margin-bottom:8px;object-fit:cover;width:80px}.pc-photo-btn{background:#f0f0f0;border:1px dashed #ccc;border-radius:8px;color:#444;cursor:pointer;display:inline-block;font-size:13px;padding:8px 16px}.pc-required{color:#e53935}@media (max-width:480px){.pets-checkin-page{padding:8px}.pc-table td,.pc-table th{padding:6px}}.chat-page{background:#f5f5f5;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;position:relative}.chat-container,.chat-main{display:flex;flex:1 1;overflow:hidden;position:relative}.chat-main{background:#fff;flex-direction:column}.channel-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #e1e1e1;display:flex;flex-shrink:0;min-height:32px;padding:8px 16px}.channel-header h2{color:#333;font-size:20px;margin-bottom:4px}.channel-description{color:#666;font-size:12px;line-height:1.4;margin:0}@media (max-width:768px){.chat-container{flex-direction:column}.channel-header{min-height:28px;padding:6px 12px}.channel-description{font-size:11px}}.channel-description{flex:1 1;min-width:0}.arrival-scan-btn{align-items:center;background:#4a9d6f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:36px;justify-content:center;line-height:1;margin-left:12px;width:36px}.arrival-scan-btn:active{background:#3a8d5f}.App{display:flex;flex-direction:column;height:100vh}
/*# sourceMappingURL=main.1eec91fc.css.map*/