*{box-sizing:border-box}body{color:#1f2937;background:#f4f6f8;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html,body{scrollbar-gutter:stable}a{color:inherit;text-decoration:none}.app-shell{background:#fff;flex-direction:column;max-width:860px;min-height:100vh;margin:0 auto;display:flex;position:relative}.top-bar{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:sticky;top:0}.top-bar h1{color:#3390ec;margin:0;font-size:19px}.menu-dots-btn{color:#6b7280;background:0 0;border-radius:18px;width:36px;height:36px;padding:0;font-size:24px;line-height:1}.top-bar-action-btn{color:#3390ec;background:#3390ec1a;border:1.5px solid #3390ec;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;line-height:1.1}.page-content{padding:0;padding-bottom:calc(102px + env(safe-area-inset-bottom,0px));flex:1}.page h2{margin-top:0}.list{gap:10px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:6px;padding:12px;display:grid}.form{gap:10px}label{gap:6px;display:grid}input,button{font:inherit}input{border:1px solid #d1d5db;border-radius:8px;padding:10px}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:10px 12px}button:disabled{opacity:.7;cursor:default}.send-form{grid-template-columns:1fr auto;gap:8px;margin-top:12px;display:grid}.topics-page{background:#fff;min-height:calc(100vh - 170px);padding:8px 0 0}.topics-list{gap:0;padding:0 0 10px;display:grid}.topics-list.swipe-left{animation:.22s topics-swipe-left}.topics-list.swipe-right{animation:.22s topics-swipe-right}@keyframes topics-swipe-left{0%{opacity:.7;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes topics-swipe-right{0%{opacity:.7;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}.topics-search-wrap{padding:0 10px 8px}.topics-search-input{background:#f1f1f1;border:0;border-radius:12px;width:100%;padding:9px 12px}.topic-tabs-row{scrollbar-width:none;gap:8px;padding:4px 10px 8px;display:flex;overflow-x:auto}.topic-tabs-row::-webkit-scrollbar{display:none}.topic-pill{white-space:nowrap;color:#5f6368;background:#e8e8e8;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.topic-pill.active{color:#3390ec;background:#d9ecfc;border:1px solid #3390ec}.topic-pill-badge{color:#fff;background:#c4c4c4;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.topic-pill-badge.active{background:#3390ec}.chat-row{border-bottom:1px solid #eef1f4;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.chat-row.flat{border-bottom:1px solid #eef1f4}.chat-row:last-child{border-bottom:0}.chat-avatar{color:#fff;background:#5c9ce6;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.chat-main{gap:4px;min-width:0;display:grid}.chat-main strong{font-size:18px;line-height:1.15}.chat-main span{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.chat-row-side{align-content:start;justify-items:end;gap:6px;display:grid}.chat-date{color:#8b929a;font-size:13px}.chat-unread{color:#fff;background:#3390ec;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;display:grid}.bottom-nav{left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#ffffff8c;border:1px solid #dfe8f2f2;border-radius:28px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:min(100% - 20px,620px);padding:8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0f172a1f,0 2px 8px #0f172a0f}.bottom-nav a{text-align:center;color:#7b8794;letter-spacing:-.01em;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:56px;padding:8px 6px 10px;font-size:10px;font-weight:500;transition:background .18s,color .18s,transform .18s;display:flex}.bottom-nav-icon{font-size:18px;line-height:1}.bottom-nav a.active{color:#2b7de9;background:linear-gradient(#eef6ff 0%,#e4f0ff 100%);font-weight:600;box-shadow:inset 0 0 0 1px #60a5fa2e}.bottom-nav a:active{transform:scale(.98)}.error-text{color:#b91c1c}.reply-banner,.file-banner{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:10px;display:flex}.reply-preview{text-align:left;width:100%;color:inherit;background:#f8fafc;border:0;border-left:3px solid #60a5fa;padding-left:8px}.chat-list{gap:8px;padding:0 10px 120px;display:grid}.chat-scroll{height:calc(100vh - 170px);overflow-y:auto}.chat-page{background:#f2f4f7;min-height:100vh;padding:0 0 8px}.chat-header{justify-content:space-between;align-items:baseline;padding:0 12px 8px;display:flex}.chat-header.mobile{background:#fff;border-bottom:1px solid #e7eaee;justify-content:flex-start;align-items:center;gap:8px;padding:10px 8px}.chat-header h2{color:#1f2937;margin:0;font-size:18px;line-height:1.1}.chat-id{color:#94a3b8;font-size:12px}.back-btn{color:#3390ec;background:0 0;border-radius:18px;width:36px;height:36px;padding:0;font-size:28px;line-height:1}.message-bubble{background:#fff;border:1px solid #e5e7eb;border-radius:14px;gap:3px;max-width:74%;padding:8px 10px;display:grid;box-shadow:0 1px #00000008}.message-select-hit{all:unset;cursor:pointer;gap:3px;width:100%;display:grid}.message-select-hit.selected{border-radius:10px;outline:2px solid #7cb4f2}.message-bubble.own{background:#eaf4ff;border-color:#bcd8f5;margin-left:auto}.message-bubble.jump-highlight{border-color:#2a88dd;box-shadow:0 0 0 2px #2a88dd29}.unread-separator{text-align:center;color:#4b5563;background:#e5e7eb;border-radius:10px;width:fit-content;margin:6px auto;padding:4px 8px;font-size:12px}.date-separator{text-align:center;color:#64748b;background:#eef2f7;border-radius:10px;width:fit-content;margin:6px auto;padding:3px 8px;font-size:12px}.message-bubble small{color:#6b7280}.chat-send-form{padding:8px 10px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e5e7eb;gap:6px;margin-top:0;display:grid;position:sticky;bottom:0}.reply-composer-wrap{background:#eef4fc;border:1px solid #cfe1f5;border-radius:10px;align-items:center;margin-bottom:8px;display:flex;overflow:hidden}.reply-composer-bar{background:#3390ec;align-self:stretch;width:4px}.reply-composer-content{flex:1;min-width:0;padding:8px 10px}.reply-composer-author{color:#2a6ea6;margin-bottom:2px;font-size:12px;font-weight:700}.reply-composer-text{color:#4b5b6b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.reply-composer-close{color:#6b7280;background:0 0;padding:8px 10px;font-size:14px}.preview-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.preview-thumb{object-fit:cover;background:#e8eaed;border-radius:8px;width:56px;height:56px}.preview-file{background:#eef4fc;border-radius:10px;align-items:center;gap:8px;max-width:calc(100% - 44px);padding:8px 10px;display:flex}.preview-file-icon{font-size:22px}.preview-file-text-wrap{min-width:0}.preview-file-name{color:#263238;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.preview-file-meta{color:#708090;margin-top:2px;font-size:11px}.preview-remove{color:#6b7280;background:0 0;padding:4px 6px;font-size:16px}.chat-textarea{resize:none;background:#f1f3f6;border:0;border-radius:18px;flex:1;min-height:38px;max-height:120px;padding:10px 14px}.chat-send-row{align-items:center;gap:8px;display:flex}.chat-send-row.tg{align-items:flex-end}.file-input{display:none}.file-input-label{color:#4a7ec2;cursor:pointer;background:#e9eff7;border:0;border-radius:19px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:20px;display:flex;position:relative}.picked-file-name{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:12px;overflow:hidden}.attach-menu{z-index:40;background:#fff;border:1px solid #d8e2ef;border-radius:12px;gap:4px;min-width:118px;padding:6px;display:grid;position:absolute;bottom:46px;left:0;box-shadow:0 8px 24px #0f172a29}.attach-menu-item{color:#38587b;text-align:left;background:0 0;border-radius:8px;padding:8px 10px;font-size:13px}.attach-menu-item:active{background:#edf4fe}.send-round-btn{color:#fff;background:#9ec4f3;border-radius:20px;width:40px;height:40px;padding:0;font-size:20px}.chat-send-meta{min-height:16px;padding-left:46px}.reply-link-btn{color:#4b78b3;background:0 0;border:0;justify-self:start;padding:0;font-size:12px}.selection-banner{background:#eef4fc;border:1px solid #d7e6f8;border-radius:10px;align-items:center;gap:8px;margin:6px 10px;padding:8px 10px;display:flex}.selection-banner button{color:#1d4ed8;background:#dbeafe;padding:6px 10px;font-size:12px}.older-wrap{padding:6px 10px}.older-btn{color:#60758f;background:#e9eef5;border:0;border-radius:12px;padding:4px 10px;font-size:12px}.unread-fab{color:#fff;background:#3390ec;border-radius:18px;padding:8px 12px;font-size:13px;position:fixed;bottom:86px;right:14px;box-shadow:0 4px 10px #00000026}.reply-fab{color:#1d4ed8;background:#fff;border:1px solid #d7dce2;border-radius:18px;padding:8px 12px;font-size:13px;font-weight:700;position:fixed;bottom:138px;right:14px;box-shadow:0 4px 10px #00000026}.profile-page{padding:16px 10px 10px}.profile-card{border-radius:12px}.orders-page{background:#fff;min-height:calc(100vh - 170px);padding:8px 0 0}.orders-header{justify-content:flex-end;align-items:center;min-height:44px;padding:0 10px 8px;display:flex}.orders-action-btn{color:#3390ec;background:#3390ec1a;border:1.5px solid #3390ec;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.orders-search-wrap{background:#f1f1f1;border-radius:12px;align-items:center;gap:8px;height:40px;margin:0 12px 8px;padding:0 10px;display:flex}.orders-search-icon{opacity:.65;font-size:14px}.orders-search-input{color:#1a2b3c;background:0 0;border:0;flex:1;padding:0;font-size:15px}.orders-filters-row{scrollbar-width:none;gap:6px;padding:0 10px 10px;display:flex;overflow-x:auto}.orders-subfilters-row{border-top:1px solid #eef2f6;padding-top:8px}.orders-filters-row::-webkit-scrollbar{display:none}.orders-filter-pill{white-space:nowrap;color:#707579;background:#e8e8e8;border-radius:16px;padding:6px 11px;font-size:13px;font-weight:600}.orders-filter-pill.active{color:#3390ec;background:#d9ecfc;border:1px solid #3390ec}.orders-list{padding:0 12px 8px}.orders-mode-row{justify-content:flex-end;padding:0 12px 10px;display:flex}.orders-mode-toggle{color:#2e7d32;background:#2e7d3214;border:1.5px solid #2e7d32;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}.orders-mode-toggle.completed{color:#c62828;background:#c628280f;border-color:#c62828}.orders-card{background:#fff;border:1px solid #e8eef4;border-radius:14px;margin-bottom:12px;padding:14px;box-shadow:0 2px 10px #0f172a08}.orders-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.orders-number{color:#1a2b3c;font-size:16px;font-weight:700}.orders-status-pill{color:#3390ec;background:#e8f4fc;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600}.orders-date-row{justify-content:space-between;gap:10px;margin-top:8px;display:flex}.orders-date-right{text-align:right}.orders-date-label{text-transform:uppercase;color:#8a9bab;font-size:11px;font-weight:600}.orders-date-value{color:#5a6b7a;margin-top:2px;font-size:14px}.orders-address{color:#1a2b3c;margin-top:10px;font-size:15px;line-height:1.45}.orders-contact-block{gap:6px;margin-top:10px;display:grid}.orders-contact-name{color:#1a2b3c;font-size:15px;font-weight:600}.orders-contact-note{color:#5a6b7a;font-weight:400}.orders-phone-link{color:#3390ec;font-size:15px;font-weight:600;text-decoration:underline}.orders-products{gap:4px;margin-top:10px;display:grid}.orders-product-line{color:#1a2b3c;font-size:14px;line-height:1.4}.orders-expand-row{justify-content:flex-end;margin-top:10px;display:flex}.orders-expand-btn{color:#3390ec;background:0 0;padding:0;font-size:13px;font-weight:600}.orders-empty-card{border-radius:14px;gap:8px}.orders-load-more-wrap{justify-items:center;gap:8px;padding:2px 0 14px;display:grid}.orders-refresh-row{justify-content:center;padding:2px 0 12px;display:flex}.orders-refresh-btn{color:#41668f;background:#dfeaf8;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:600}.orders-load-more-text{color:#8a9bab;text-align:center;font-size:12px}.orders-load-more-btn{color:#60758f;background:#e9eef5;border-radius:14px;padding:7px 14px;font-size:13px;font-weight:600}.installs-page{background:#fff;min-height:calc(100vh - 170px);padding:8px 0 0}.installs-toolbar{padding:0 10px 8px}.installs-month-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.installs-month-btn{color:#3e6da3;background:#edf4fe;border-radius:17px;width:34px;height:34px;padding:0;font-size:18px}.installs-month-label{color:#1a2b3c;text-transform:capitalize;font-size:15px}.installs-filters-row{scrollbar-width:none;gap:6px;padding:8px 0 4px;display:flex;overflow-x:auto}.installs-filters-row::-webkit-scrollbar{display:none}.installs-filter-pill{white-space:nowrap;color:#707579;background:#e8e8e8;border-radius:16px;padding:6px 11px;font-size:13px;font-weight:600}.installs-filter-pill.active{color:#3390ec;background:#d9ecfc;border:1px solid #3390ec}.installs-list{padding:0 12px 8px}.installs-day-section{margin-bottom:8px}.installs-day-title{color:#7a8a9b;text-transform:capitalize;margin:4px 2px 8px;font-size:13px;font-weight:700}.installs-card{background:#fff;border:1px solid #e8eef4;border-radius:14px;margin-bottom:12px;padding:14px;box-shadow:0 2px 10px #0f172a08}.installs-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.installs-number{color:#1a2b3c;font-size:16px;font-weight:700}.installs-status-pill{color:#3390ec;background:#e8f4fc;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600}.installs-date,.installs-client,.installs-address{color:#5a6b7a;margin-top:8px;font-size:14px}.installs-phone-link{color:#3390ec;margin-top:8px;font-size:14px;font-weight:600;text-decoration:underline;display:inline-block}.installs-address{color:#1a2b3c;line-height:1.4}.installs-extra{color:#5a6b7a;margin-top:6px;font-size:13px}.installs-actions-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.installs-card-btn{color:#2f5f94;cursor:pointer;background:#eef4fc;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:600}.installs-card-btn.primary{color:#fff;background:#3390ec}.installs-card-btn.danger{color:#b42323;background:#fdecec}.installs-photo-list{gap:6px;margin-top:10px;display:grid}.installs-photo-item{background:#f7f9fc;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.installs-photo-link{color:#2f5f94;text-align:left;background:0 0;padding:0;font-size:12px;text-decoration:underline}.installs-photo-delete{color:#b42323;background:0 0;padding:0;font-size:12px}.installs-empty-card{border-radius:14px;gap:8px}.installs-refresh-row{justify-content:center;padding:2px 0 12px;display:flex}.installs-refresh-btn{color:#41668f;background:#dfeaf8;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:600}.installs-modal-backdrop{z-index:60;background:#0f172a47;align-items:end;display:grid;position:fixed;inset:0}.installs-modal{padding:14px 12px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:18px 18px 0 0;max-height:85vh;overflow-y:auto}.installs-photo-preview-wrap{background:#fff;border-radius:14px;justify-items:center;gap:10px;width:min(94vw,760px);margin:auto;padding:10px;display:grid}.installs-photo-preview{object-fit:contain;background:#f3f5f8;border-radius:10px;width:100%;max-height:72vh}.installs-modal h3{margin:0 0 10px;font-size:18px}.installs-form-grid{gap:10px;display:grid}.installs-form-grid input,.installs-form-grid select,.installs-form-grid textarea{margin-top:4px}.installs-form-grid textarea{resize:vertical;min-height:70px}.installs-form-checkbox{align-items:center;gap:8px;display:flex}.installs-modal-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}