.help-layout{display:flex;min-height:calc(100vh - 64px);max-width:1200px;margin:0 auto;padding:0 20px;gap:0}.help-sidebar{width:260px;flex-shrink:0;padding:32px 0 40px;border-right:1px solid var(--border-color);position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto}.help-sidebar::-webkit-scrollbar{width:4px}.help-sidebar::-webkit-scrollbar-track{background:transparent}.help-sidebar::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.help-sidebar-back{display:flex;align-items:center;gap:8px;color:var(--text-light);font-size:13px;cursor:pointer;padding:6px 0;margin-bottom:20px;transition:color .2s;background:none;border:none;text-decoration:none}.help-sidebar-back:hover{color:var(--text-dark)}.help-sidebar-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dark);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.help-sidebar-nav{list-style:none;margin:0;padding:0}.help-sidebar-nav li{margin:0}.help-sidebar-nav-item{display:block;padding:9px 12px;font-size:14px;color:var(--secondary-color);cursor:pointer;border-radius:6px;transition:background .15s,color .15s;line-height:1.4;background:none;border:none;text-align:left;width:100%;text-decoration:none}.help-sidebar-nav-item:hover{background:var(--light-bg);color:var(--text-dark)}.help-sidebar-nav-item.active{background:var(--text-dark);color:#fff;font-weight:500}.help-content{flex:1;padding:40px 48px 80px;min-width:0}.help-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-light);margin-bottom:28px;flex-wrap:wrap}.help-breadcrumb a,.help-breadcrumb button{color:var(--text-light);text-decoration:none;background:none;border:none;cursor:pointer;font-size:13px;padding:0;transition:color .2s}.help-breadcrumb a:hover,.help-breadcrumb button:hover{color:var(--text-dark)}.help-breadcrumb-sep{opacity:.4}.help-breadcrumb-current{color:var(--text-dark);font-weight:500}.help-article-title{font-size:28px;font-weight:700;color:var(--text-dark);margin-bottom:8px;line-height:1.3}.help-article-subtitle{font-size:16px;color:var(--text-light);margin-bottom:36px;line-height:1.5}.help-article-body{font-size:15px;line-height:1.8;color:var(--text-dark)}.help-article-body h3{font-size:18px;font-weight:700;margin:36px 0 14px;color:var(--text-dark)}.help-article-body h4{font-size:16px;font-weight:600;margin:28px 0 10px;color:var(--text-dark)}.help-article-body p{margin-bottom:16px}.help-article-body ul,.help-article-body ol{margin:0 0 18px 20px}.help-article-body li{margin-bottom:6px}.help-article-body img{max-width:100%;border-radius:8px;margin:16px 0;border:1px solid var(--border-color);display:block}.help-article-body strong{font-weight:600}.help-video-wrap{position:relative;width:100%;padding-bottom:56.25%;margin:24px 0;border-radius:10px;overflow:hidden;background:#000}.help-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.help-article-body hr{border:none;border-top:1px solid var(--border-color);margin:32px 0}.help-nav-footer{display:flex;justify-content:space-between;margin-top:56px;padding-top:24px;border-top:1px solid var(--border-color);gap:16px}.help-nav-btn{display:flex;flex-direction:column;padding:14px 20px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;background:none;transition:border-color .2s,background .2s;max-width:48%;text-align:left;text-decoration:none}.help-nav-btn:hover{border-color:var(--text-dark);background:var(--light-bg)}.help-nav-btn.next{text-align:right;margin-left:auto}.help-nav-btn-label{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-light);margin-bottom:4px}.help-nav-btn-title{font-size:14px;font-weight:500;color:var(--text-dark);line-height:1.4}.help-books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:28px}.help-book-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:border-color .2s,box-shadow .2s;text-decoration:none;background:#fff}.help-book-card:hover{border-color:var(--text-dark);box-shadow:0 4px 16px #00000012}.help-book-card-icon{width:44px;height:44px;border-radius:10px;background:var(--text-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px;flex-shrink:0}.help-book-card-title{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:8px;line-height:1.4}.help-book-card-desc{font-size:13px;color:var(--text-light);line-height:1.5;flex:1}.help-book-card-count{font-size:12px;color:var(--text-light);margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color)}.help-chapter-list{margin-top:28px;border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.help-chapter-item{display:flex;align-items:center;gap:16px;padding:18px 24px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background .15s;text-decoration:none;color:inherit;background:#fff;border:none;width:100%;text-align:left}.help-chapter-item:last-child{border-bottom:none}.help-chapter-item:hover{background:var(--light-bg)}.help-chapter-num{width:28px;height:28px;border-radius:50%;background:var(--light-bg);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--secondary-color);flex-shrink:0}.help-chapter-title{font-size:15px;font-weight:500;color:var(--text-dark);line-height:1.4}.help-chapter-arrow{margin-left:auto;color:var(--text-light);font-size:12px;flex-shrink:0}@media(max-width:900px){.help-layout{flex-direction:column}.help-sidebar{width:100%;position:static;height:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:20px 0 16px}.help-content{padding:28px 0 60px}}@media(max-width:600px){.help-article-title{font-size:22px}.help-nav-footer{flex-direction:column}.help-nav-btn,.help-nav-btn.next{max-width:100%;text-align:left}.help-books-grid{grid-template-columns:1fr}}.admin-page{max-width:1100px;margin:0 auto;padding:24px 16px;min-height:70vh}.admin-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.admin-title{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:10px;margin:0}.admin-badge{background:#ef4444;color:#fff;border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:700;min-width:22px;text-align:center}.admin-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-select{padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:.88rem;background:#fff;cursor:pointer;color:#111827}.admin-btn-refresh{padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;color:#6b7280;transition:background .15s}.admin-btn-refresh:hover{background:#f3f4f6;color:#111827}.admin-body{display:flex;gap:20px;align-items:flex-start}.admin-list{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.admin-list--collapsed{max-width:320px;flex:0 0 320px}.admin-empty{color:#9ca3af;text-align:center;padding:40px 0;font-size:.95rem}.admin-ticket-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.admin-ticket-card:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f114}.admin-ticket-card.active{border-color:#6366f1;background:#f5f3ff}.admin-ticket-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.admin-status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.admin-ticket-type{font-size:.78rem;font-weight:600;color:#6366f1;text-transform:uppercase;letter-spacing:.03em}.admin-ticket-date{margin-left:auto;font-size:.75rem;color:#9ca3af}.admin-ticket-author{font-weight:600;font-size:.95rem;color:#111827}.admin-ticket-phone{font-size:.85rem;color:#6b7280;margin-top:2px}.admin-ticket-preview{font-size:.82rem;color:#9ca3af;margin-top:6px;line-height:1.4}.admin-detail{flex:1;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:20px 22px;min-width:0}.admin-detail-header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.admin-back-btn{background:none;border:none;cursor:pointer;color:#6b7280;font-size:1rem;padding:4px;border-radius:6px;transition:background .15s}.admin-back-btn:hover{background:#f3f4f6;color:#111827}.admin-detail-title{font-size:1.1rem;font-weight:700;margin:0;flex:1}.admin-delete-btn{background:none;border:none;cursor:pointer;color:#ef4444;font-size:.95rem;padding:4px 8px;border-radius:6px;transition:background .15s}.admin-delete-btn:hover{background:#fef2f2}.admin-detail-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f3f4f6}.admin-detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.admin-detail-section-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin:0 0 10px}.admin-detail-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;font-size:.92rem}.admin-detail-label{color:#9ca3af;font-size:.82rem;min-width:72px;flex-shrink:0;padding-top:1px}.admin-status-badge{display:inline-block;color:#fff;border-radius:6px;padding:2px 10px;font-size:.8rem;font-weight:600}.admin-link{color:#6366f1;text-decoration:none}.admin-link:hover{text-decoration:underline}.admin-detail-comment{font-size:.92rem;color:#374151;line-height:1.6;margin:0;white-space:pre-wrap}.admin-textarea{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:.9rem;resize:vertical;font-family:inherit;color:#111827;background:#f9fafb;box-sizing:border-box;margin-bottom:10px}.admin-textarea:focus{outline:none;border-color:#6366f1;background:#fff}.admin-input{width:100%;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:9px 12px;font-size:.88rem;color:#374151;line-height:1.5;font-family:inherit;box-sizing:border-box;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;-webkit-appearance:none;appearance:none}.admin-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114;background:#fff}.admin-input:disabled{opacity:.6;cursor:not-allowed;background:#f3f4f6}select.admin-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;cursor:pointer}textarea.admin-input{resize:vertical;min-height:60px}.admin-btn{padding:7px 16px;border-radius:8px;border:1.5px solid transparent;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn--save{background:#6366f1;color:#fff;border-color:#6366f1}.admin-btn--save:hover:not(:disabled){background:#4f46e5}.admin-status-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-btn--status{background:#fff;color:var(--status-color, #888);border-color:var(--status-color, #888)}.admin-btn--status:hover:not(:disabled):not(.active){background:color-mix(in srgb,var(--status-color, #888) 10%,white)}.admin-btn--status.active{background:var(--status-color, #888);color:#fff;cursor:default}.admin-tabs{display:flex;gap:4px}.admin-tab{padding:7px 18px;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.88rem;font-weight:600;cursor:pointer;color:#6b7280;transition:all .15s}.admin-tab.active{background:#6366f1;border-color:#6366f1;color:#fff}.admin-tab:hover:not(.active){background:#f5f3ff;border-color:#6366f1;color:#6366f1}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px}.admin-toolbar-left{display:flex;align-items:center;gap:8px}.admin-search{padding:7px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.88rem;min-width:260px;color:#111827}.admin-search:focus{outline:none;border-color:#6366f1}.admin-select--full{width:100%;margin-top:4px}.admin-team-list{display:flex;flex-direction:column;gap:10px}.admin-team-card{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 16px}.admin-team-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#6b7280;flex-shrink:0}.admin-team-avatar img{width:100%;height:100%;object-fit:cover}.admin-team-info{flex:1;min-width:0}.admin-team-name{font-weight:600;font-size:.95rem;color:#111827;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-team-tg{font-size:.8rem;color:#6366f1;font-weight:400}.admin-team-phone{font-size:.82rem;color:#9ca3af;margin-top:2px}.admin-team-role{margin-right:8px}.admin-role-badge{display:inline-block;padding:2px 10px;border-radius:6px;font-size:.75rem;font-weight:600}.admin-role-badge--dev{background:#ede9fe;color:#7c3aed}.admin-role-badge--tester{background:#ccfbf1;color:#0f766e}.admin-btn--promote{background:#ede9fe;color:#7c3aed;border-color:#c4b5fd;white-space:nowrap;flex-shrink:0}.admin-btn--promote:hover:not(:disabled){background:#ddd6fe}.admin-btn--tester{background:#ccfbf1;color:#0f766e;border-color:#99f6e4;white-space:nowrap;flex-shrink:0}.admin-btn--tester:hover:not(:disabled){background:#99f6e4}.admin-btn--revoke{background:#fef2f2;color:#b91c1c;border-color:#fecaca;white-space:nowrap;flex-shrink:0}.admin-btn--revoke:hover:not(:disabled){background:#fee2e2}.admin-ticket-assignee{font-size:.78rem;color:#7c3aed;margin-top:4px}.admin-ticket-modal{max-width:600px;max-height:90vh;overflow-y:auto;padding:22px 26px}.admin-ticket-section{border-bottom:1px solid var(--border, #f3f4f6);padding:12px 0}.admin-ticket-section:last-child{border-bottom:none;padding-bottom:0}.admin-ticket-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:6px}.status-check-tabs{display:flex;gap:6px;margin-bottom:16px}.status-check-tab{flex:1;padding:8px;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-size:.88rem;font-weight:600;color:#6b7280;transition:all .15s}.status-check-tab.active{background:#f5f3ff;border-color:#6366f1;color:#6366f1}.status-check-results{margin-top:20px;border-top:1px solid #e5e7eb;padding-top:16px}.status-check-results-title{font-size:.88rem;color:#6b7280;font-weight:600;margin:0 0 12px}.status-check-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px;margin-bottom:10px}.status-check-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.status-check-type{font-size:.78rem;font-weight:700;color:#6366f1;text-transform:uppercase}.status-check-date{font-size:.75rem;color:#9ca3af}.status-check-status{font-weight:700;font-size:.9rem;margin-bottom:6px}.status-check-comment{font-size:.85rem;color:#6b7280;margin-bottom:4px}.status-check-assignee{font-size:.8rem;color:#7c3aed;margin-top:4px}.admin-status-select{width:100%;padding:9px 36px 9px 14px;border:2px solid var(--status-color, #d1d5db);border-radius:8px;font-size:.92rem;font-weight:600;color:var(--status-color, #374151);background:color-mix(in srgb,var(--status-color, #d1d5db) 8%,white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .15s,background .15s}.admin-status-select:focus{outline:none;border-color:var(--status-color, #6366f1)}.screenshots-gallery{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.screenshot-thumb{width:80px;height:60px;border-radius:6px;overflow:hidden;border:1.5px solid #e5e7eb;padding:0;cursor:pointer;background:#f3f4f6;transition:border-color .15s,transform .15s;flex-shrink:0}.screenshot-thumb:hover{border-color:#6366f1;transform:scale(1.05)}.screenshot-thumb img{width:100%;height:100%;object-fit:cover;display:block}.screenshot-lightbox{position:fixed;inset:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center}.screenshot-lightbox img{max-width:90vw;max-height:88vh;border-radius:8px;object-fit:contain;box-shadow:0 8px 40px #00000080}.screenshot-lightbox-close{position:absolute;top:16px;right:20px;background:#ffffff26;border:none;color:#fff;font-size:1.2rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.screenshot-lightbox-close:hover{background:#ffffff4d}.screenshot-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;font-size:1.1rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.screenshot-lightbox-nav:hover{background:#ffffff4d}.screenshot-lightbox-nav--prev{left:16px}.screenshot-lightbox-nav--next{right:16px}.screenshot-lightbox-counter{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:.85rem;background:#0006;padding:3px 12px;border-radius:12px}.screenshot-upload-area{display:flex;flex-direction:column;gap:8px}.screenshot-previews{display:flex;flex-wrap:wrap;gap:8px}.screenshot-preview-item{position:relative;width:72px;height:56px;border-radius:6px;overflow:visible;flex-shrink:0}.screenshot-preview-item img{width:72px;height:56px;object-fit:cover;border-radius:6px;border:1.5px solid #d1d5db;display:block}.screenshot-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#ef4444;border:none;color:#fff;font-size:.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.screenshot-add-btn{display:flex;align-items:center;gap:8px;background:#f9fafb;border:1.5px dashed #d1d5db;border-radius:8px;padding:9px 14px;cursor:pointer;font-size:.88rem;color:#6b7280;transition:border-color .15s,background .15s;width:100%}.screenshot-add-btn:hover{border-color:#6366f1;background:#f5f3ff;color:#6366f1}.screenshot-hint{margin-left:auto;font-size:.75rem;color:#9ca3af}.admin-page{max-width:100%;margin:0;padding:24px 20px}.kanban-board{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;height:calc(100vh - 178px);margin-top:16px;align-items:stretch;justify-content:flex-start}.kanban-column{flex:0 0 270px;min-width:270px;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;min-height:0}.kanban-column-header{display:flex;align-items:center;gap:8px;padding:12px 14px 10px;border-bottom:1.5px solid #e5e7eb;flex-shrink:0}.kanban-column-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.kanban-column-title{font-size:.85rem;font-weight:700;color:#374151;flex:1}.kanban-column-count{background:#e5e7eb;color:#6b7280;border-radius:999px;padding:1px 7px;font-size:.72rem;font-weight:700}.kanban-column-body{flex:1;overflow-y:auto;padding:10px 10px 12px;display:flex;flex-direction:column;gap:8px}.kanban-empty{text-align:center;color:#d1d5db;font-size:.82rem;padding:20px 0 10px}.kanban-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 13px;cursor:pointer;transition:border-color .15s,box-shadow .15s,opacity .15s;-webkit-user-select:none;user-select:none}.kanban-card:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f114}.kanban-card--active{border-color:#6366f1;background:#f5f3ff}.kanban-card--dragging{opacity:.4;box-shadow:0 4px 16px #6366f12e;cursor:grabbing}.kanban-column--dragover .kanban-column-body{background:#ede9fe;border-radius:8px;outline:2px dashed #7c3aed;outline-offset:-2px}.kanban-card-top{display:flex;align-items:center;gap:6px;margin-bottom:5px}.kanban-card-grab{color:#d1d5db;font-size:.7rem;cursor:grab;flex-shrink:0}.kanban-card:active .kanban-card-grab{cursor:grabbing}.kanban-card-type{font-size:.72rem;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.03em}.kanban-card-date{margin-left:auto;font-size:.7rem;color:#9ca3af;white-space:nowrap}.kanban-card-author{font-weight:600;font-size:.88rem;color:#111827}.kanban-card-phone{font-size:.78rem;color:#6b7280;margin-top:2px}.kanban-card-source{font-size:.72rem;color:#9ca3af;margin-top:3px}.kanban-card-delete{margin-left:auto;background:none;border:none;padding:2px 4px;cursor:pointer;color:#d1d5db;font-size:.8rem;line-height:1;border-radius:4px;transition:color .15s,background .15s}.kanban-card-delete:hover{color:#ef4444;background:#fef2f2}.kanban-card-assignee{font-size:.72rem;color:#7c3aed;margin-top:4px}.kanban-card-preview{font-size:.75rem;color:#9ca3af;margin-top:5px;line-height:1.4}.kanban-add-btn{width:100%;padding:7px 10px;border:1.5px dashed #c4b5fd;border-radius:8px;background:transparent;color:#7c3aed;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;display:flex;align-items:center;justify-content:center;gap:6px}.kanban-add-btn:hover{background:#ede9fe;border-color:#7c3aed}.kanban-create-form{display:flex;flex-direction:column;gap:7px;background:#fff;border:1.5px solid #c4b5fd;border-radius:10px;padding:12px}.kanban-input{width:100%;padding:7px 10px;border:1px solid #d1d5db;border-radius:7px;font-size:.85rem;font-family:inherit;color:#111827;background:#f9fafb;box-sizing:border-box}.kanban-input:focus{outline:none;border-color:#6366f1;background:#fff}.kanban-textarea{resize:vertical}.kanban-create-actions{display:flex;gap:6px;margin-top:2px}.kanban-move-btn{padding:7px 14px;border-radius:8px;border:1.5px solid transparent;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .15s;display:inline-flex;align-items:center;gap:6px}.kanban-move-btn:disabled{opacity:.5;cursor:not-allowed}.kanban-move-btn--in_progress{background:#ede9fe;color:#7c3aed;border-color:#c4b5fd}.kanban-move-btn--in_progress:hover:not(:disabled){background:#ddd6fe}.kanban-move-btn--review{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.kanban-move-btn--review:hover:not(:disabled){background:#dbeafe}.kanban-move-btn--resolved{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.kanban-move-btn--resolved:hover:not(:disabled){background:#dcfce7}.kanban-move-btn--rework{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.kanban-move-btn--rework:hover:not(:disabled){background:#fee2e2}.admin-team-card--blocked{opacity:.7;background:#fef2f2;border-color:#fecaca}.admin-role-badge--blocked{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.admin-btn--block{background:#fef2f2;color:#b91c1c;border-color:#fecaca;white-space:nowrap;flex-shrink:0}.admin-btn--block:hover:not(:disabled){background:#fee2e2}.kanban-scroll-hint{display:none}@media(max-width:1200px){.kanban-board{justify-content:flex-start}.kanban-column{flex:0 0 250px;min-width:250px}}@media(max-width:900px){.admin-page{padding:16px 14px}.admin-header{gap:10px}.kanban-column{flex:0 0 240px;min-width:240px}.admin-team-card{flex-wrap:wrap}.admin-team-card>div:last-child{width:100%;justify-content:flex-end}}@media(max-width:640px){.admin-page{padding:12px 10px;min-height:0}.admin-title{font-size:1.15rem}.admin-header{flex-direction:column;align-items:flex-start;gap:8px}.admin-tabs{width:100%;display:flex}.admin-tab{flex:1;text-align:center;padding:7px 6px;font-size:.8rem}.admin-tab i{display:none}.kanban-board{scroll-snap-type:x mandatory;gap:10px;padding:0 10px 20px;margin-left:-10px;margin-right:-10px;width:calc(100% + 20px)}.kanban-column{flex:0 0 calc(100vw - 40px);min-width:calc(100vw - 40px);scroll-snap-align:start;height:calc(100svh - 180px)}.kanban-scroll-hint{display:block;text-align:center;font-size:.75rem;color:#9ca3af;padding:6px 0 2px;letter-spacing:.02em}.admin-toolbar{gap:8px}.admin-filters{width:100%;flex-wrap:wrap}.admin-select{flex:1;min-width:0}.admin-search{min-width:0;flex:1}.admin-team-card{flex-wrap:wrap;padding:10px 12px;gap:8px}.admin-team-info{flex:1 1 calc(100% - 56px)}.admin-team-role{display:none}.admin-team-card>div:last-child{width:100%;flex-wrap:wrap}.admin-team-card>div:last-child>button{flex:1;justify-content:center}.admin-btn--promote,.admin-btn--revoke,.admin-btn--block{font-size:.8rem;padding:6px 10px}.admin-body{flex-direction:column}.admin-list--collapsed{max-width:100%;flex:1}.admin-detail{width:100%}.kanban-move-btn{font-size:.8rem;padding:6px 10px}}@media(max-width:380px){.kanban-column{flex:0 0 calc(100vw - 20px);min-width:calc(100vw - 20px)}.kanban-board{padding:0 6px 16px;margin-left:-6px;margin-right:-6px;width:calc(100% + 12px)}.admin-page{padding:8px 6px}}:root{--primary-color: #000000;--secondary-color: #555555;--dark-bg: #111111;--light-bg: #f7f7f7;--text-dark: #1a1a1a;--text-light: #888888;--border-color: #e8e8e8;--transition: all .2s ease}.skip-link{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px 16px;z-index:9999;font-size:14px;text-decoration:none;transition:top .2s}.skip-link:focus{top:0}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-dark);line-height:1.6}body{overflow-x:hidden;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 1 auto;padding:20px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:11px 28px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-block}.btn-primary{background:#000;color:#fff}.btn-primary:hover{background:#333}.btn-secondary{background:#fff;color:#000;border:1px solid #d0d0d0}.btn-secondary:hover{background:#f5f5f5;color:#000}.btn-large{padding:16px 48px;font-size:18px}@media(max-width:480px){.btn-large{padding:14px 32px;font-size:16px}.btn{padding:10px 20px;font-size:14px}}.btn-small{padding:6px 12px;font-size:12px}.section-title{font-size:clamp(24px,5vw,40px);margin-bottom:60px;text-align:center;color:var(--text-dark)}.landing-page{display:block;min-height:100vh;background:#fff}.error-message{color:#dc2626;font-size:14px;margin-top:8px;min-height:20px}.success-notification{position:fixed;top:20px;right:20px;background:#1a1a1a;color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;z-index:9999;box-shadow:0 4px 12px #0003;animation:slideUp .3s ease}.stub-page{padding:80px 24px;text-align:center}.stub-page h2{font-size:24px;font-weight:700;margin-bottom:12px}.stub-text{font-size:15px;color:#aaa}.navbar{background:#fff;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000}.navbar .container{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;max-width:1440px;margin:0 auto}.navbar-brand .logo{font-size:15px;font-weight:700;color:#000;margin:0;letter-spacing:.18em;text-transform:uppercase;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.nav-menu{display:flex;list-style:none;gap:32px;align-items:center}.nav-menu a{text-decoration:none;color:var(--text-dark);font-weight:400;font-size:15px;transition:var(--transition)}.nav-menu a:hover{color:#555}.btn-login{background:transparent;color:var(--text-dark)!important;padding:0;border-radius:0;font-weight:400;border:none;cursor:pointer;font-size:15px;text-decoration:none;transition:color .15s}.btn-login:hover{background:transparent!important;color:#555!important}.user-avatar{width:36px;height:36px;background:#e8e8e8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#444;cursor:pointer;-webkit-user-select:none;user-select:none}.hamburger{display:none;flex-direction:column;cursor:pointer;border:none;outline:none;background:transparent;padding:4px;margin:-4px;-webkit-tap-highlight-color:transparent}.hamburger:focus,.hamburger:focus-visible{outline:none;box-shadow:none}.hamburger span{width:22px;height:2px;background:var(--text-dark);margin:4px 0;transition:transform .25s ease,opacity .2s ease;display:block;border-radius:1px}@media(max-width:768px){.navbar .container{padding:12px 16px}.nav-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#fff;padding:20px;box-shadow:0 4px 6px #0000000f;border-top:1px solid var(--border-color);gap:16px}.nav-menu.active,.hamburger{display:flex}.hamburger.active span:nth-child(1){transform:translateY(10px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.user-avatar{width:32px;height:32px;font-size:13px}.user-menu{position:fixed;inset:auto 0 0;border-radius:12px 12px 0 0;min-width:unset;padding:12px 0}}.hero{background:#fff;color:var(--text-dark);padding:clamp(40px,8vw,80px) 0 clamp(30px,5vw,60px);text-align:center}.hero .container{display:flex;flex-direction:column;align-items:center;gap:24px}.hero-content{display:contents}.hero-text{text-align:center;max-width:600px}.hero-text h2{font-size:clamp(22px,5vw,38px);margin-bottom:12px;line-height:1.25;font-weight:600;color:#1a1a1a}.hero-text p{font-size:16px;margin-bottom:28px;color:#888;font-weight:400}.hero-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-image{display:none}.landing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;width:100%;margin-top:0}.landing-card{display:flex;flex-direction:column;overflow:hidden;cursor:default;background:#fff}.landing-card-img-wrap{width:100%;aspect-ratio:4/3;overflow:hidden;background:#f0ede8}.landing-card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.landing-card-img-wrap img[src=""],.landing-card-img-wrap img:not([src]){opacity:0}.landing-card:hover .landing-card-img-wrap img{transform:scale(1.03)}.landing-card-caption{padding:20px 24px 28px;background:#fff;color:#1a1a1a}.landing-card-caption h3{font-size:17px;font-weight:600;margin-bottom:8px;color:#1a1a1a}.landing-card-caption p{font-size:13px;line-height:1.6;margin:0;color:#666}@media(max-width:768px){.hero-text p{font-size:15px}.landing-card-img-wrap{aspect-ratio:16/9}.landing-card-caption{padding:16px 18px 22px}.landing-card-caption h3{font-size:15px}}.footer{background:#f5f5f5;color:var(--text-dark);border-top:1px solid var(--border-color);padding:40px 0;flex-shrink:0;margin-top:auto}.footer-container{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;max-width:1440px;margin:0 auto;padding:0 40px}.footer-brand{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1a1a1a;padding-top:2px;flex-shrink:0}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col-title{font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.footer-col a{color:var(--primary-color, #7c6ef7);text-decoration:none;font-size:14px;transition:opacity .2s}.footer-col a:hover{opacity:.7}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.footer-copy{color:#1a1a1a;font-size:14px;font-weight:500}.footer-rights{color:var(--primary-color, #7c6ef7);font-size:14px}@media(max-width:768px){.footer{padding:28px 0}.footer-container{flex-direction:column;align-items:flex-start;gap:24px;padding:0 20px}.footer-right{align-items:flex-start}}@media(max-width:480px){.footer{padding:20px 0}.footer-container{gap:20px;padding:0 16px}.footer-col a,.footer-copy,.footer-rights{font-size:13px}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;justify-content:center;align-items:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal.active{display:flex}.modal-content{background:#fff;border-radius:12px;padding:40px;max-width:420px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .3s ease}.modal-register{max-width:500px}.modal-project-details{max-width:900px;max-height:85vh;overflow-y:auto}.modal-large{max-width:600px}.add-section-modal-content{max-height:92vh;overflow-y:auto;display:flex;flex-direction:column}.add-section-items-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;max-height:38vh;overflow-y:auto;padding-right:4px}.add-section-item-card{border:1px solid #e8e8ec;border-radius:8px;padding:10px 12px;background:#fafafa;display:flex;flex-direction:column;gap:6px}.add-section-item-row{display:flex;gap:6px;align-items:center}.add-section-item-name{flex:1;min-width:0;padding:6px 8px;border:1px solid #ddd;border-radius:6px;font-size:13px}.add-section-item-qty{width:68px;flex-shrink:0;padding:6px 8px;border:1px solid #ddd;border-radius:6px;font-size:13px}.add-section-item-unit{width:52px;flex-shrink:0;padding:6px 8px;border:1px solid #ddd;border-radius:6px;font-size:13px}.add-section-item-price{width:88px;flex-shrink:0;padding:6px 8px;border:1px solid #ddd;border-radius:6px;font-size:13px}.add-section-item-remove{width:28px;height:28px;flex-shrink:0;border:none;background:transparent;color:#bbb;cursor:pointer;font-size:14px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.add-section-item-remove:hover{color:#e74c3c;background:#fef0f0}.add-section-item-desc{width:100%;padding:7px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;min-height:52px;box-sizing:border-box;color:#555;transition:border-color .15s}.add-section-item-desc:focus{outline:none;border-color:#7b7fc4}.custom-option-wrap{margin-top:8px;animation:customOptionFadeIn .15s ease}.custom-option-input{border-color:#7b7fc4!important;background:#faf9ff!important}.custom-option-input:focus{outline:none;border-color:#5c60b0!important;box-shadow:0 0 0 3px #7b7fc41f}@keyframes customOptionFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:540px){.add-section-item-qty,.add-section-item-unit,.add-section-item-price{width:58px}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;color:var(--text-light);cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close:hover{color:var(--text-dark)}.modal-content h2{font-size:24px;color:var(--text-dark);margin-bottom:30px;text-align:center}.register-scroll-container,.project-scroll-container{max-height:65vh;overflow-y:auto;overflow-x:hidden;padding-right:12px;margin-right:-12px;scroll-behavior:smooth}.register-scroll-container::-webkit-scrollbar,.project-scroll-container::-webkit-scrollbar{width:12px;background:transparent}.register-scroll-container::-webkit-scrollbar-track,.project-scroll-container::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin:5px 0}.register-scroll-container::-webkit-scrollbar-thumb,.project-scroll-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px;border-left:2px solid white;transition:all .2s ease}.register-scroll-container::-webkit-scrollbar-thumb:hover,.project-scroll-container::-webkit-scrollbar-thumb:hover{background:#aaa}.register-scroll-container,.project-scroll-container{scrollbar-color:#cccccc transparent;scrollbar-width:thin}@media(max-width:600px){.modal{padding:12px;align-items:flex-end}.modal-content,.modal-register{padding:28px 18px;max-width:100%;border-radius:14px 14px 0 0;max-height:90vh;overflow-y:auto}.modal-content h2{font-size:20px;margin-bottom:20px}.modal-project-details{max-height:90vh}.modal-close{top:12px;right:12px}.register-scroll-container,.project-scroll-container{max-height:55vh}}@media(max-width:480px){.modal-create-project{padding:24px 16px 20px}.modal-create-project .form-actions{flex-direction:column}.modal-create-project .form-actions .btn{min-width:unset;width:100%}.sms-modal{padding:28px 18px 20px}.sms-phone-input{font-size:16px}.sms-code-input{font-size:22px;letter-spacing:.2em}}.modal-create-project{max-width:460px;padding:36px 32px 28px}.modal-create-project h2{font-size:20px;font-weight:700;margin:0 0 24px;letter-spacing:-.01em}.modal-create-project .form-group{margin-bottom:18px}.modal-create-project .form-group label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.modal-create-project input[type=text]{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:15px;outline:none;transition:border-color .15s}.modal-create-project input[type=text]:focus{border-color:#aaa}.project-cover-upload{position:relative;border:2px dashed #ddd;border-radius:8px;padding:24px 16px;text-align:center;cursor:pointer;transition:border-color .15s;min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-cover-upload.drag-over{border-color:#000;background:#f9f9f9}.project-cover-upload input[type=file]{display:none}.project-cover-upload .file-upload-hint p{font-size:14px;color:#666;margin:6px 0 0}.project-cover-upload .file-upload-hint a{color:#000;text-decoration:underline}.project-cover-upload .file-upload-hint small{font-size:12px;color:#aaa}.cover-preview{margin-top:12px;width:100%;text-align:center}.modal-create-project .form-actions{display:flex;gap:10px;margin-top:24px;justify-content:flex-end}.modal-create-project .form-actions .btn{min-width:100px}.user-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:6px 0;min-width:130px;box-shadow:0 4px 16px #0000001a;z-index:200}.user-menu a{display:block;padding:9px 16px;font-size:14px;color:#333;text-decoration:none;transition:background .1s}.user-menu a:hover{background:#f5f5f5}.nav-menu li:last-child{position:relative}.sms-modal{max-width:380px;padding:36px 32px 28px}.sms-modal h2{font-size:22px;font-weight:600;color:#1a1a1a;margin-bottom:8px;text-align:left}.sms-hint{font-size:14px;color:#888;margin-bottom:20px;text-align:left}.sms-hint strong{color:#1a1a1a}.sms-tg-warning{display:flex;align-items:flex-start;gap:8px;background:#f0f4ff;border:1px solid #c7d2fe;border-radius:8px;padding:10px 12px;font-size:13px;color:#374fb8;margin-bottom:12px;line-height:1.4;flex-wrap:wrap}.sms-tg-warning .fab{font-size:15px;margin-top:1px;flex-shrink:0}.sms-tg-warning-link{display:inline-flex;align-items:center;margin-left:auto;padding:3px 10px;background:#2b5bdb;color:#fff;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s;flex-shrink:0}.sms-tg-warning-link:hover{background:#1a3faa;color:#fff}.sms-deeplink-block{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:14px}.sms-tg-btn{display:flex!important;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:#2b5bdb!important;padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;color:#fff!important;transition:background .15s,transform .1s}.sms-tg-btn:hover{background:#1a3faa!important;transform:translateY(-1px)}.sms-tg-btn .fab{font-size:18px}.sms-deeplink-hint{text-align:center;font-size:12px;color:#888;margin:0;line-height:1.4}.sms-code-group{margin-bottom:8px}.sms-phone-input{width:100%;padding:13px 16px;border:1px solid #d0d0d0;border-radius:10px;font-size:18px;letter-spacing:.03em;background:#f9f9f9;outline:none;transition:border-color .2s;font-family:inherit}.sms-phone-input:focus{border-color:#999;background:#fff}.sms-code-input{width:100%;padding:13px 16px;border:1px solid #d0d0d0;border-radius:10px;font-size:28px;letter-spacing:.3em;text-align:center;background:#f9f9f9;outline:none;transition:border-color .2s;font-family:inherit}.sms-code-input:focus{border-color:#999;background:#fff}.sms-btn{width:100%;padding:13px;font-size:16px;border-radius:10px;margin-top:12px;font-weight:500}.sms-agreement{font-size:12px;color:#aaa;text-align:center;margin-top:14px;line-height:1.5}.sms-agreement a{color:#888;text-decoration:underline}.sms-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#888;font-size:14px;cursor:pointer;padding:10px 0 0;margin-top:6px;transition:color .2s;font-family:inherit}.sms-back-btn:hover{color:#333}#smsStep1Error,#smsStep2Error{margin-top:6px;margin-bottom:0;background:none;padding:4px 0;text-align:left}.invite-list-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0;gap:12px}.invite-list-row:last-child{border-bottom:none}.invite-list-info{display:flex;flex-direction:column;gap:2px;min-width:0}.invite-list-name{font-size:14px;font-weight:500;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-list-phone{font-size:12px;color:#aaa}.invite-list-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.invite-list-remove{background:none;border:none;color:#ccc;cursor:pointer;font-size:16px;line-height:1;padding:2px 4px;border-radius:4px;transition:color .15s,background .15s}.invite-list-remove:hover:not(:disabled){color:#e53e3e;background:#fff0f0}.floating-contact{position:fixed;bottom:32px;right:32px;z-index:1500;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.floating-contact-btn{width:56px;height:56px;border-radius:50%;background:var(--primary, #2b6be6);color:#fff;border:none;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #2b6be666;transition:background .18s,transform .18s,box-shadow .18s;flex-shrink:0}.floating-contact-btn:hover{background:#1a4fbb;transform:scale(1.07);box-shadow:0 6px 24px #2b6be680}.floating-contact-btn--open{background:#888;box-shadow:0 4px 14px #0000002e}.floating-contact-btn--open:hover{background:#666}.floating-contact-menu{display:flex;flex-direction:column;gap:8px;animation:fcmSlideIn .18s ease}@keyframes fcmSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.floating-contact-menu-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e8e8e8;border-radius:28px;padding:8px 18px 8px 10px;cursor:pointer;box-shadow:0 2px 12px #0000001a;transition:box-shadow .15s,background .15s;white-space:nowrap;font-family:inherit}.floating-contact-menu-item:hover{background:#f5f8ff;box-shadow:0 4px 18px #2b6be621}.floating-contact-menu-icon{width:36px;height:36px;border-radius:50%;background:var(--primary, #2b6be6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.floating-contact-menu-label{font-size:14px;font-weight:500;color:#222}@media(max-width:600px){.floating-contact{bottom:18px;right:16px}}.contact-modal{max-width:420px;padding:40px 36px 32px}.contact-modal h2{font-size:22px;font-weight:700;text-align:center;margin-bottom:8px}.contact-modal-subtitle{font-size:14px;color:#888;text-align:center;margin-bottom:24px;line-height:1.5}.contact-modal .form-group{margin-bottom:14px}.contact-modal-input{width:100%;box-sizing:border-box;padding:11px 14px;border:1px solid #ddd;border-radius:8px;font-size:15px;font-family:inherit;outline:none;background:#fafafa;transition:border-color .15s,background .15s}.contact-modal-input:focus{border-color:#999;background:#fff}.contact-modal-textarea{resize:vertical;min-height:88px}.contact-modal-agreement{font-size:12px;color:#aaa;text-align:center;margin:12px 0 16px;line-height:1.5}.contact-modal-submit{width:100%;padding:13px;font-size:16px;border-radius:10px;font-weight:500}@media(max-width:480px){.contact-modal{padding:28px 18px 22px}}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label{display:block;font-weight:600;color:var(--text-dark);margin-bottom:8px;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#aaa;box-shadow:0 0 0 3px #0000000a}.form-group input::placeholder{color:#bbb}.form-group textarea{resize:vertical;min-height:100px}.error-message{color:#dc2626;background:#fee2e2;padding:12px 15px;border-radius:6px;margin-top:15px;font-size:14px;text-align:center;display:none}.error-message.show{display:block}.success-message{color:#059669;background:#d1fae5;padding:12px 15px;border-radius:6px;margin-top:15px;font-size:14px;text-align:center;display:none}.success-message.show{display:block}.account-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:10px}.radio-label{display:flex;align-items:center;padding:12px 16px;border:2px solid var(--border-color);border-radius:6px;cursor:pointer;transition:var(--transition)}.radio-label:hover{border-color:#999;background-color:#fafafa}.radio-label input[type=radio]{margin-right:10px;cursor:pointer;width:18px;height:18px}.radio-label input[type=radio]:checked{accent-color:#000}.executorFields,.executor-fields{background-color:#f9f9f9;padding:15px;border-radius:6px;margin:15px 0;border-left:4px solid #ccc}.file-upload-area{border:2px dashed var(--border-color);border-radius:8px;padding:30px;text-align:center;cursor:pointer;transition:var(--transition);background-color:#f9fafb}.file-upload-area:hover,.file-upload-area.drag-over{border-color:#999;background-color:#f5f5f5}.file-upload-hint{display:flex;flex-direction:column;align-items:center;gap:10px}.file-upload-hint i{font-size:32px;color:#999}.file-upload-hint p{margin:0;color:var(--text-dark);font-weight:500}.file-upload-hint small{color:var(--text-light)}.file-upload-area input[type=file]{display:none}.uploaded-files{margin-top:15px}@media(max-width:600px){.form-row,.account-type-selector{grid-template-columns:1fr}.form-group input,.form-group textarea,.form-group select{font-size:16px}.file-upload-area{padding:20px 16px}.file-upload-hint p{font-size:14px}}.ss-wrap{position:relative;width:100%}.ss-hidden-input{position:absolute;top:0;left:0;width:100%;height:44px;opacity:0;pointer-events:none;padding:0;border:none;z-index:-1}.ss-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:36px!important;position:relative}.ss-trigger:focus{outline:none;border-color:#aaa;box-shadow:0 0 0 3px #0000000a}.ss-trigger--open{border-color:#aaa;box-shadow:0 0 0 3px #0000000a}.ss-placeholder{color:#bbb;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-value{flex:1;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;color:#999;transition:transform .2s;pointer-events:none}.ss-arrow--up{transform:translateY(-50%) rotate(180deg)}.ss-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 28px #00000024;z-index:1200;overflow:hidden;animation:ssDropIn .14s ease}@keyframes ssDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ss-search-wrap{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border-color);background:#fafafa}.ss-search-icon{color:#bbb;font-size:12px;flex-shrink:0}.ss-search-input{flex:1;border:none;outline:none;font-size:13px;font-family:inherit;background:transparent;color:var(--text-dark)}.ss-search-input::placeholder{color:#ccc}.ss-options{max-height:220px;overflow-y:auto}.ss-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;font-size:14px;cursor:pointer;color:var(--text-dark);transition:background .1s}.ss-option:hover{background:#f5f5f5}.ss-option--active{background:#f0f0f0;font-weight:600}.ss-option--add{border-top:1px solid #eee;color:#444;font-style:italic;gap:6px}.ss-option--add i{font-style:normal;font-size:11px;color:#888;flex-shrink:0}.ss-option--add:hover{background:#f0f0f0}.ss-check{font-size:11px;color:#555;flex-shrink:0}.ss-no-results{padding:12px 14px;font-size:13px;color:#aaa;text-align:center}.navbar-editor .editor-back-link{display:flex;align-items:center;gap:6px;color:#555;text-decoration:none;font-size:14px;transition:color .15s}.navbar-editor .editor-back-link:hover{color:#000}.editor-back-arrow{font-size:18px;line-height:1}.editor-nav-sep{color:#ccc;margin:0 6px;font-size:14px}.editor-project-name{font-size:14px;font-weight:600;color:#1a1a1a;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-section{border-bottom:1px solid var(--border-color);padding:12px 14px}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sidebar-section-header--collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888}.sidebar-collapse-icon{font-size:18px;color:#bbb;transition:transform .2s;line-height:1}.sidebar-section-header--collapsible.open .sidebar-collapse-icon{transform:rotate(90deg)}.sidebar-section-body{display:flex;flex-direction:column;gap:2px}.sidebar-add-btn{background:none;border:1px dashed #ccc;border-radius:6px;width:100%;padding:8px 12px;cursor:pointer;font-size:13px;line-height:1;color:#666;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s}.sidebar-add-btn:hover{background:#f0f0f0;color:#000}.sidebar-nav-link{display:block;padding:7px 6px;font-size:14px;color:#444;text-decoration:none;border-radius:5px;transition:background .12s}.sidebar-nav-link:hover{background:#f0f0f0;color:#000}.sidebar-nav-link--bold{font-weight:500;color:#222}.room-item{padding:8px 6px;border-radius:6px;cursor:pointer;transition:background .12s;display:flex;justify-content:space-between;align-items:center}.room-item:hover{background:#efefef}.room-item.active{background:#1a1a1a;color:#fff}.room-item-name{display:flex;flex-direction:column;font-size:13px;min-width:0}.room-item-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-item-name small{font-size:11px;opacity:.65}.room-item-actions button{background:none;border:none;cursor:pointer;padding:3px 4px;font-size:12px;color:transparent;transition:color .1s}.room-item:hover .room-item-actions button{color:#aaa}.room-item.active .room-item-actions button{color:#fff9}.sidebar-user-wrap{margin-top:auto;position:relative;border-top:1px solid var(--border-color)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer}.sidebar-user:hover{background:#f0f0f0}.sidebar-user-dropdown{position:absolute;bottom:calc(100% + 4px);left:8px;right:8px;background:#fff;border:1px solid #e0e0ea;border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:100;overflow:hidden;animation:dropdownFadeIn .15s ease}.sidebar-user-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;font-size:13px;font-weight:500;color:#333;cursor:pointer;text-align:left;transition:background .12s}.sidebar-user-dropdown-item:hover{background:#f5f5fb}.sidebar-user-dropdown-item i{width:14px;color:#7b7fc4;font-size:13px}.sidebar-user-dropdown-item--danger{color:#e74c3c}.sidebar-user-dropdown-item--danger:hover{background:#fef5f5}.sidebar-user-dropdown-item--danger i{color:#e74c3c}.user-avatar--sm{width:28px;height:28px;font-size:11px}.sidebar-user-name{font-size:13px;color:#444;font-weight:500}.sidebar-section--tree{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:0}.sidebar-tree{display:flex;flex-direction:column;gap:1px;margin-bottom:6px}.tree-node-wrap{display:flex;flex-direction:column}.tree-node-row{display:flex;align-items:center;padding:4px 4px 4px 0;border-radius:5px;cursor:pointer;min-height:28px;transition:background .12s;position:relative;gap:0}.tree-node-row:hover{background:#f0f0f0}.tree-node-row--selected{background:#1a1a1a}.tree-node-chevron{width:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:#bbb;cursor:pointer}.tree-node-row--selected .tree-node-chevron{color:#ffffff73}.tree-chevron{transition:transform .15s}.tree-chevron--open{transform:rotate(90deg)}.tree-chevron--empty{opacity:0;pointer-events:none}.tree-folder-icon{font-size:12px;color:#e0a030;margin-right:5px;flex-shrink:0}.tree-set-icon{font-size:10px;color:#aaa;width:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tree-node-row--selected .tree-folder-icon{color:#ffc84a}.tree-node-row--selected .tree-set-icon{color:#ffffff80}.tree-node-label{flex:1;display:flex;align-items:center;gap:0;min-width:0;overflow:hidden}.tree-node-name{font-size:13px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.tree-node-row--selected .tree-node-name{color:#fff}.tree-node-row--set .tree-node-name{font-size:12px;color:#555}.tree-node-row--selected.tree-node-row--set .tree-node-name{color:#fff}.tree-node-area{font-size:11px;color:#bbb;margin-left:4px;flex-shrink:0}.tree-node-row--selected .tree-node-area{color:#fff6}.tree-node-actions{display:none;align-items:center;gap:1px;margin-left:2px;flex-shrink:0}.tree-node-row:hover .tree-node-actions,.tree-node-row--selected:hover .tree-node-actions{display:flex}.tree-action-btn{background:none;border:none;cursor:pointer;padding:3px 5px;border-radius:4px;font-size:11px;color:#bbb;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .12s,background .12s}.tree-action-btn:hover{color:#444;background:#00000012}.tree-action-btn--danger:hover{color:#e53e3e;background:#e53e3e14}.tree-node-row--selected .tree-action-btn{background:#ffffffe0;color:#333;border-radius:4px}.tree-node-row--selected .tree-action-btn:hover{background:#fff;color:#000}.tree-node-row--selected .tree-action-btn--danger:hover{background:#fff;color:#e53e3e}.project-main-header{margin-bottom:28px}.project-main-title{font-size:26px;font-weight:700;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.02em;outline:none;border-bottom:2px solid transparent;padding-bottom:2px;transition:border-color .15s}.project-main-title:focus{border-bottom-color:#ddd}.project-main-subtitle{font-size:14px;color:#aaa;margin:0;outline:none;min-height:20px}.project-main-subtitle:empty:before{content:attr(data-placeholder);color:#ccc}.budget-cards{display:flex;gap:0;margin-bottom:24px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.budget-card{flex:1;padding:14px 16px;border-right:1px solid var(--border-color);min-width:0}.budget-card:last-child{border-right:none}.budget-card--settings{cursor:pointer;transition:background .12s}.budget-card--settings:hover{background:#f9f9f9}.budget-card-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.budget-card-gear{font-size:11px;opacity:.5}.budget-card--hidden-marker{background:#fdf8ff}.budget-card-hidden-badge{display:inline-flex;align-items:center;margin-left:5px;color:#9b7fc4;font-size:10px;opacity:.8}.budget-settings-toggle{margin:4px 0 16px;background:#f8f7fe;border:1px solid #e0ddf5;border-radius:8px;padding:12px 14px}.budget-settings-toggle-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.budget-settings-checkbox{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:#7b7fc4;cursor:pointer}.budget-settings-toggle-text{display:flex;flex-direction:column;gap:3px}.budget-settings-toggle-title{font-size:14px;font-weight:500;color:#222}.budget-settings-toggle-hint{font-size:12px;color:#888}.budget-card-value{font-size:18px;font-weight:700;color:#1a1a1a}.budget-settings-panel{background:#f9f9f9;border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:24px;display:flex;gap:24px}.form-group-inline{display:flex;align-items:center;gap:10px}.form-group-inline label{font-size:13px;color:#555;white-space:nowrap}.form-group-inline input{width:120px;padding:6px 10px;border:1px solid #ddd;border-radius:5px;font-size:14px;outline:none}.form-group-inline input:focus{border-color:#aaa}.btn-sm{padding:6px 14px;font-size:13px}.btn-add-section{display:inline-block;margin-top:16px;padding:10px 18px;border:1px dashed #ccc;border-radius:6px;background:none;font-size:14px;color:#666;cursor:pointer;transition:border-color .15s,color .15s}.btn-add-section:hover{border-color:#999;color:#000}.estimate-empty-state{display:flex;align-items:center;justify-content:center;min-height:180px;border:1px solid var(--border-color);border-radius:8px;background:#fafafa;margin-top:8px}.btn-create-estimate{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:1.5px dashed #bbb;border-radius:8px;background:none;font-size:14px;color:#666;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.btn-create-estimate:hover{border-color:#1a1a1a;color:#1a1a1a;background:#f0f0f0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#ccc;font-size:14px}.project-cover-block{background:#fafafa;padding:20px 16px;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.project-cover-area{width:100%;aspect-ratio:3/4;border:2px dashed #e0e0e0;border-radius:8px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f5f5f5;transition:border-color .15s;position:relative}.project-cover-area:hover{border-color:#999}.project-cover-area img{width:100%;height:100%;object-fit:cover;display:block}.project-cover-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#bbb}.project-cover-plus{font-size:36px;line-height:1;font-weight:300}.project-cover-hint{font-size:13px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-light);text-align:center}.empty-state i{font-size:48px;margin-bottom:15px;opacity:.5}.room-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.room-header h2{margin:0;font-size:24px}.room-header h3{margin:0;font-size:20px;display:flex;align-items:center;gap:8px}.room-header-icon{font-size:16px;opacity:.55;flex-shrink:0}.room-type-badge{display:inline-flex;align-items:center;gap:5px;background:#555;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;margin-top:5px}.room-description-section,.estimate-sections,.media-section{padding:15px;background:var(--light-bg);border-radius:8px}.room-description-section h3,.estimate-sections h3,.media-section h3{margin-top:0;margin-bottom:12px;font-size:16px}.description-content{padding:12px;background:#fff;border:1px solid var(--border-color);border-radius:6px;margin-bottom:10px;min-height:80px;line-height:1.6}.description-content img{max-width:100%;height:auto;margin:10px 0;border-radius:4px}.description-content a{color:#333;text-decoration:underline}.description-content a:hover{text-decoration:underline}.sections-list{display:flex;flex-direction:column;gap:12px;margin-top:10px}.section-item{padding:12px;background:#fff;border:1px solid var(--border-color);border-radius:6px}.section-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-item-header h4{margin:0;font-size:14px}.section-type{display:inline-block;font-size:11px;padding:2px 8px;background:#888;color:#fff;border-radius:12px}.items-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:8px}.items-table th{background:var(--light-bg);padding:6px;text-align:left;border-bottom:1px solid var(--border-color);font-weight:600}.items-table td{padding:6px;border-bottom:1px solid var(--border-color)}.items-table td:last-child{text-align:right}.item-actions-cell{white-space:nowrap;text-align:center!important}.btn-item-edit,.btn-item-save,.btn-item-del{background:none;border:none;cursor:pointer;font-size:13px;padding:2px 5px;border-radius:4px;transition:background .15s,color .15s}.btn-item-edit{color:#666}.btn-item-edit:hover{background:#eee;color:#333}.btn-item-save{color:#22c55e}.btn-item-save:hover{background:#dcfce7;color:#16a34a}.btn-item-del{color:#999}.btn-item-del:hover{background:#fee2e2;color:#e53e3e}.item-cell-input{font-size:12px;padding:3px 5px;border:1px solid var(--border-color);border-radius:4px;outline:none}.item-cell-input:focus{border-color:#1a1a1a}.section-total{display:flex;justify-content:space-between;padding:8px;background:var(--light-bg);border-radius:4px;font-weight:600;font-size:13px}.media-upload-buttons{display:flex;gap:10px;margin-bottom:12px}.media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.media-item{position:relative;background:var(--light-bg);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;aspect-ratio:1;cursor:pointer;transition:var(--transition)}.media-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.media-item img,.media-item .media-placeholder{width:100%;height:100%;object-fit:cover}.media-item .media-placeholder{display:flex;align-items:center;justify-content:center;background:#fff;font-size:32px;color:var(--text-light)}.media-item-remove{position:absolute;top:5px;right:5px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:12px;display:none}.media-item:hover .media-item-remove{display:flex;align-items:center;justify-content:center}.media-link-item{padding:12px;background:#fff;border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-between;align-items:center;aspect-ratio:auto}.media-link-content{flex:1}.media-link-content a{color:#333;text-decoration:underline;font-weight:500}.media-link-content a:hover{text-decoration:underline}.media-link-content small{display:block;color:var(--text-light);font-size:12px;margin-top:2px}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.projects-header h2{font-size:22px;font-weight:700;margin:0}.projects-header-actions{display:flex;align-items:center;gap:12px}.btn-create-project{display:flex;align-items:center;gap:6px;background:none;border:none;color:#555;font-size:15px;cursor:pointer;font-weight:400;padding:6px 0;transition:color .2s}.btn-create-project:hover{color:#000}.projects-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:box-shadow .2s;background:#fff;cursor:pointer}.project-card:hover{box-shadow:0 4px 16px #0000001a}.project-card-cover{width:100%;aspect-ratio:4/3;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#f3f3f3;position:relative}.project-card-empty-cover{width:100%;aspect-ratio:4/3;background:#f7f7f7;display:flex;align-items:center;justify-content:center;background-image:repeating-linear-gradient(45deg,#ebebeb 0px,#ebebeb 1px,transparent 1px,transparent 12px),repeating-linear-gradient(-45deg,#ebebeb 0px,#ebebeb 1px,transparent 1px,transparent 12px)}.project-card-body{padding:12px 14px 14px}.project-card-title{font-size:14px;font-weight:500;color:#1a1a1a;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-date{font-size:13px;color:#999;margin:0}.project-card-create{border:1px dashed #d0d0d0;border-radius:8px;aspect-ratio:unset;min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;cursor:pointer;color:#aaa;background:#fff;transition:border-color .2s,color .2s;font-size:15px}.project-card-create:hover{border-color:#999;color:#555}.project-card-create-inner{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.project-card-create-icon{font-size:32px;line-height:1;font-weight:300}.project-card-create-label{font-size:14px;font-weight:500}.project-card-img{width:100%;overflow:hidden}.sidebar-toggle-btn{display:none;position:fixed;bottom:80px;left:16px;z-index:200;background:#000;color:#fff;border:none;border-radius:50%;width:44px;height:44px;font-size:18px;cursor:pointer;box-shadow:0 2px 12px #00000040;align-items:center;justify-content:center}@media(max-width:768px){.budget-cards{flex-wrap:wrap;gap:0;border-radius:8px}.budget-card{min-width:calc(50% - 1px);flex:1 1 calc(50% - 1px);border-bottom:1px solid var(--border-color)}.budget-card-value{font-size:15px}.budget-card-label{font-size:10px}.section-item{overflow-x:auto}.items-table{min-width:500px}.projects-header{flex-direction:column;align-items:flex-start;gap:12px}.room-header{flex-direction:column;gap:10px}.room-details-panel,.material-sheet-panel,.total-estimate-panel,.orders-panel{max-width:100%}.media-gallery{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.media-upload-buttons,.variant-tabs{flex-wrap:wrap}.estimate-filters{flex-direction:column}.estimate-filters select{min-width:unset;width:100%}.catalog-filter-row{flex-direction:column}.catalog-filter-row select{min-width:unset;width:100%}.catalog-product-card{flex-direction:column;align-items:flex-start;gap:8px}.order-card-body{flex-direction:column;gap:6px}.order-card-header{flex-direction:column;align-items:flex-start;gap:6px}.total-estimate-summary>div{font-size:13px}.section-add-item-row{flex-direction:column}.budget-settings-panel{flex-direction:column;gap:12px}.form-group-inline{flex-direction:column;align-items:stretch;gap:4px}.form-group-inline input{width:100%}.note-add-form{flex-direction:column}.supplier-card-body{flex-direction:column;gap:6px}}@media(max-width:480px){.budget-card{min-width:100%;flex:1 1 100%}.items-table{min-width:400px;font-size:12px}.items-table th,.items-table td{padding:4px}.media-gallery{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.room-gallery-img{width:70px;height:56px}.variant-tab{padding:5px 10px;font-size:12px}.role-toggle-group{flex-direction:column}.order-amount{font-size:14px}.project-card-create{min-height:160px}.projects-header h2{font-size:18px}}.role-toggle-group{display:flex;gap:8px}.role-toggle-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;text-align:center;font-size:13px;font-weight:500;color:#666;transition:all .2s;background:#fff}.role-toggle-option:hover{border-color:#999}.role-toggle-option.active{border-color:#1a1a1a;background:#f7f7f7;color:#1a1a1a}.role-toggle-option i{font-size:16px}.catalog-filters{margin-bottom:16px}.catalog-search{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;margin-bottom:8px}.catalog-filter-row{display:flex;gap:8px;flex-wrap:wrap}.catalog-filter-row select{flex:1;min-width:120px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff}.catalog-products-list{max-height:400px;overflow-y:auto}.catalog-product-card{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s}.catalog-product-card:hover{background:#f7f7f7}.catalog-product-name{font-weight:600;font-size:14px;margin-bottom:4px}.catalog-product-meta{display:flex;gap:12px;font-size:12px;color:#888}.catalog-product-article{font-family:monospace}.catalog-product-avail{font-weight:500}.catalog-product-avail.avail-yes{color:#38a169}.catalog-product-avail.avail-order{color:#d69e2e}.catalog-product-desc{font-size:12px;color:#999;margin-top:2px}.catalog-product-price{font-weight:700;white-space:nowrap;font-size:14px}.suppliers-list{display:flex;flex-direction:column;gap:10px}.supplier-card{border:1px solid #e2e8f0;border-radius:10px;padding:14px;background:#fff}.supplier-card.supplier-recommended{border-color:#48bb78;background:#f0fff4}.supplier-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.supplier-badge{background:#48bb78;color:#fff;font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600}.supplier-card-body{display:flex;gap:16px;font-size:13px;color:#666;flex-wrap:wrap}.supplier-card-body i{margin-right:4px;color:#999}.supplier-bonus-split{margin-top:8px;font-size:12px;color:#888}.variant-tabs{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.variant-tab{padding:6px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s;color:#666}.variant-tab:hover{border-color:#999}.variant-tab.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.variant-tab-add{border-style:dashed;color:#999}.variant-tab-add:hover{color:#1a1a1a;border-color:#1a1a1a}.estimate-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.estimate-filters select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff;flex:1;min-width:110px}.section-stage-badge{background:#edf2f7;color:#4a5568;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;margin-left:8px}.section-add-item-row{display:flex;gap:8px;margin-top:8px;padding:4px 0}.item-supplier-cell{font-size:12px;color:#888;white-space:nowrap}.section-notes-toggle,.section-notes-container{margin-top:8px}.notes-block{border:1px solid #e2e8f0;border-radius:8px;padding:10px;background:#fafafa}.note-item{padding:8px;border-bottom:1px solid #eee;position:relative}.note-item:last-of-type{border-bottom:none}.note-item.note-resolved{opacity:.5}.note-item.note-resolved .note-text{text-decoration:line-through}.note-item-header{display:flex;justify-content:space-between;font-size:11px;color:#999;margin-bottom:4px}.note-author i{margin-right:4px}.note-text{font-size:13px;color:#333}.note-actions{display:flex;gap:4px;margin-top:4px}.btn-note-action{background:none;border:none;color:#999;cursor:pointer;padding:2px 6px;font-size:12px;transition:color .15s}.btn-note-action:hover{color:#333}.note-add-form{display:flex;gap:8px;padding-top:8px;margin-top:4px;border-top:1px solid #eee}.note-input{flex:1;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px}.btn-note-add{padding:6px 10px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s}.btn-note-add:hover{background:#333}.orders-actions-bar{margin-bottom:16px}.order-supplier-group{margin-bottom:20px}.order-supplier-name{font-size:16px;font-weight:600;margin-bottom:10px;color:#333}.order-supplier-name i{margin-right:6px;color:#999}.order-card{border:1px solid #e2e8f0;border-radius:10px;padding:14px;margin-bottom:8px;background:#fff}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.order-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;color:#fff;font-size:12px;font-weight:600}.order-amount{font-weight:700;font-size:16px}.order-card-body{display:flex;gap:16px;font-size:13px;color:#888;margin-bottom:8px}.order-card-actions{display:flex;gap:6px}.order-card-actions .btn{padding:4px 8px;font-size:14px}.order-detail-status{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:14px}.order-detail-total{text-align:right;font-size:16px;margin-top:10px;padding-top:10px;border-top:2px solid #e2e8f0}.order-history{display:flex;flex-direction:column;gap:8px}.order-history-item{display:flex;align-items:center;gap:12px;font-size:13px;padding:4px 0}.order-history-date{color:#999;font-size:12px}.order-history-comment{color:#666;font-size:12px}.material-sheet-supplier{margin:16px 0 8px;font-size:15px;color:#333}.material-sheet-supplier i{margin-right:6px;color:#999}.material-sheet-table{font-size:13px}.total-estimate-room{border:1px solid #e2e8f0;border-radius:10px;padding:14px;margin-bottom:12px;background:#fff}.total-estimate-room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.total-estimate-section{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:#666}.total-estimate-summary{margin-top:20px;padding:16px;border:2px solid #1a1a1a;border-radius:10px;background:#fafafa}.total-estimate-summary>div{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.total-estimate-grand{border-top:2px solid #1a1a1a;margin-top:8px;padding-top:12px!important;font-size:16px!important}.executor-docs-upload{border:1px dashed #ccc;border-radius:8px;cursor:pointer;transition:border-color .2s}.executor-docs-upload:hover{border-color:#999}.app-container{min-height:100vh;display:flex;flex-direction:column}.editor-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.editor-breadcrumb{display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#fff;border-bottom:1px solid #eee;height:44px;min-height:44px;flex-shrink:0}.editor-breadcrumb-left{display:flex;align-items:center;gap:6px;font-size:14px;color:#888}.editor-breadcrumb-back{background:none;border:none;cursor:pointer;color:#888;padding:6px 8px;border-radius:6px;font-size:15px;display:none}.editor-breadcrumb-back:hover{background:#f0f0f0;color:#000}@media(max-width:768px){.editor-breadcrumb-back{display:flex}}.editor-breadcrumb-link{background:none;border:none;cursor:pointer;color:#888;font-size:14px;padding:0;text-decoration:none;transition:color .15s}.editor-breadcrumb-link:hover{color:#000}.editor-breadcrumb-sep{color:#ccc;font-size:14px;padding:0 2px}.editor-breadcrumb-current{font-size:14px;font-weight:600;color:#1a1a1a;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-breadcrumb-right{display:flex;align-items:center;gap:8px}.editor-project-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.editor-project-info{flex:1;min-width:0}.editor-project-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 10px;letter-spacing:-.02em;line-height:1.2;border-bottom:2px solid transparent;padding-bottom:2px;transition:border-color .15s;outline:none}.editor-project-title:hover{border-bottom-color:#ddd}.editor-project-title-input{font-size:28px;font-weight:700;letter-spacing:-.02em;border:1px solid #ddd;border-radius:6px;padding:4px 8px;outline:none;width:100%;margin-bottom:10px}.editor-project-title-input:focus{border-color:#999}.editor-project-desc{font-size:14px;color:#666;margin:0;line-height:1.6;cursor:text}.editor-project-desc-input{font-size:14px;color:#666;border:1px solid #ddd;border-radius:6px;padding:8px 10px;outline:none;width:100%;resize:none;line-height:1.6;font-family:inherit}.editor-project-desc-input:focus{border-color:#999}.editor-cover-thumb{width:120px;min-width:120px;height:140px;border:2px dashed #ddd;border-radius:8px;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#f8f8f8;transition:border-color .15s;position:relative;flex-shrink:0}.editor-cover-thumb:hover{border-color:#999}.editor-cover-thumb img{width:100%;height:100%;object-fit:cover;display:block}.editor-cover-thumb-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#ccc;font-size:13px}.editor-cover-thumb-placeholder i{font-size:28px}.editor-cover-thumb-plus{font-size:22px;font-weight:300;line-height:1;color:#ccc}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fff;border-bottom:1px solid #eee;min-height:56px}.editor-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.editor-header-titles{min-width:0}.editor-header-titles h2{margin:0;font-size:18px;font-weight:600;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-subtitle{margin:2px 0 0;font-size:13px;color:#888;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-title-input{font-size:18px;font-weight:600;border:1px solid #ddd;border-radius:4px;padding:2px 6px;outline:none;width:100%}.editor-title-input:focus{border-color:#999}.editor-subtitle-input{font-size:13px;color:#888;border:1px solid #ddd;border-radius:4px;padding:2px 6px;outline:none;width:100%;margin-top:2px}.editor-subtitle-input:focus{border-color:#999}.editor-header-right{display:flex;align-items:center;gap:8px}.mobile-sidebar-toggle{display:none}@media(max-width:768px){.mobile-sidebar-toggle{display:inline-flex}}.project-cover-section{position:relative;height:180px;background:#f5f5f5;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-cover-img{width:100%;height:100%;object-fit:cover}.project-cover-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#bbb;font-size:14px}.project-cover-placeholder i{font-size:36px}.editor-body{display:flex;flex:1;overflow:hidden}.editor-sidebar{width:240px;min-width:240px;background:#fafafa;border-right:1px solid #eee;overflow:hidden;display:flex;flex-direction:column}.sidebar-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:#888;font-size:13px;padding:12px 16px 6px;transition:color .15s}.sidebar-back-btn:hover{color:#000}.sidebar-project-name{padding:4px 16px 12px;font-size:15px;font-weight:600;color:#1a1a1a;border-bottom:1px solid #eee;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.sidebar-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#aaa;padding:8px 16px 4px}.sidebar-nav-item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;cursor:pointer;font-size:14px;color:#444;padding:8px 16px;text-align:left;border-radius:0;transition:background .12s,color .12s;text-decoration:none}.sidebar-nav-item:hover{background:#f0f0f0;color:#000}.sidebar-nav-item.active{background:#f0f0f0;color:#000;font-weight:500}.sidebar-section--rooms{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:0;border-top:none}.sidebar-rooms-list{display:flex;flex-direction:column;gap:2px;padding:4px 8px;overflow-y:auto;flex:1;min-height:0}.editor-main{flex:1;overflow-y:auto;padding:24px 32px}.editor-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:300px;color:#999;font-size:15px;text-align:center}.rooms-overview{padding:8px 0;flex:1;display:flex;flex-direction:column;min-height:0}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:18px}.room-card{border:1px solid #eee;border-radius:12px;background:#fff;overflow:hidden;cursor:pointer;transition:box-shadow .18s,transform .18s;display:flex;flex-direction:column;position:relative}.room-card:hover{box-shadow:0 6px 24px #0000001a;transform:translateY(-2px)}.room-card-cover{height:150px;background:#f0f2f7 center/cover no-repeat;flex-shrink:0}.room-card-cover-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#b0b8cc;font-size:40px}.room-card-info{padding:14px 14px 12px;display:flex;flex-direction:column;gap:6px;flex:1}.room-card-title{font-size:15px;font-weight:600;color:#222;margin:0;display:flex;align-items:center;gap:7px;line-height:1.3}.room-card-title-icon{color:var(--primary, #7b7fc4);font-size:14px}.room-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#888;flex-wrap:wrap}.room-card-type-badge{background:#f0f2f7;color:#666;border-radius:20px;padding:2px 8px;font-size:11px}.room-card-stats{display:flex;align-items:center;gap:10px;font-size:12px;color:#999;margin-top:2px}.room-card-total{margin-left:auto;font-weight:600;color:#333;font-size:13px}.room-card--create{border:2px dashed #d0d3e8;background:#fafbff;min-height:190px}.room-card--create:hover{border-color:var(--primary, #7b7fc4);background:#f4f5ff}.room-card-create-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;min-height:190px;color:#aab;font-size:13px;font-weight:500}.room-card-create-content i{font-size:28px;color:#c0c3de}.room-card--create:hover .room-card-create-content,.room-card--create:hover .room-card-create-content i{color:var(--primary, #7b7fc4)}.room-card-actions{position:absolute;top:8px;right:8px;z-index:2}.room-card-menu-btn{width:30px;height:30px;border-radius:50%;border:none;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;box-shadow:0 1px 4px #0000001f;transition:background .15s}.room-card-menu-btn:hover{background:#fff;color:#333}.room-card-dropdown{position:absolute;top:36px;right:0;background:#fff;border:1px solid #e8e8ee;border-radius:10px;box-shadow:0 6px 20px #0000001f;min-width:160px;z-index:100;overflow:hidden;animation:fadeInDown .12s ease}.room-card-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;border:none;background:none;font-size:13px;color:#333;cursor:pointer;text-align:left;transition:background .12s}.room-card-dropdown-item:hover{background:#f5f6fa}.room-card-dropdown-item--danger{color:#e03b3b}.room-card-dropdown-item--danger:hover{background:#fff0f0}.room-accordion{border:1px solid #e8e8ec;border-radius:10px;background:#fff;overflow:hidden;transition:box-shadow .15s}.room-accordion:hover{box-shadow:0 2px 8px #00000012}.room-accordion--open{box-shadow:0 2px 10px #7b7fc421;border-color:#c5c7e8}.room-accordion-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;gap:12px}.room-accordion-header:hover{background:#f7f7fb}.room-accordion-info{display:flex;flex-direction:column;gap:2px;min-width:0}.room-accordion-name{font-size:14px;font-weight:600;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.room-accordion-icon{font-size:12px;opacity:.5;flex-shrink:0}.room-accordion-meta{font-size:12px;color:#888}.room-accordion-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.room-accordion-open-btn{width:28px;height:28px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#7b7fc4;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s}.room-accordion-open-btn:hover{background:#7b7fc4;color:#fff;border-color:#7b7fc4}.room-accordion-chevron{font-size:13px;color:#aaa;transition:transform .2s}.room-accordion--open .room-accordion-chevron{color:#7b7fc4}.room-accordion-body{border-top:1px solid #f0f0f5;padding:8px 16px 12px}.room-accordion-empty-wrap{display:flex;flex-direction:column;gap:8px;padding:4px 0}.room-accordion-empty{font-size:13px;color:#aaa;margin:0}.room-accordion-add-section-btn{display:inline-flex;align-items:center;gap:6px;background:#f3f3fb;border:1px dashed #b0b3e0;color:#5c60b0;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.room-accordion-add-section-btn:hover{background:#e9eaf8;border-color:#7b7fc4}.room-accordion-sections{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.room-accordion-section{background:#f8f8fc;border-radius:6px;padding:8px 12px}.room-accordion-section-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.room-accordion-section-name{font-size:13px;font-weight:600;color:#333;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-accordion-section-type{font-size:11px;background:#e8e8f5;color:#5c60b0;border-radius:4px;padding:1px 6px;white-space:nowrap}.room-accordion-section-total{font-size:13px;font-weight:600;color:#222;white-space:nowrap}.room-accordion-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.room-accordion-item{display:flex;align-items:center;gap:10px;padding:3px 4px;font-size:12px;color:#555;border-bottom:1px solid #ededf5}.room-accordion-item:last-child{border-bottom:none}.room-accordion-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-accordion-item-qty{color:#999;white-space:nowrap;min-width:55px;text-align:right}.room-accordion-item-price{min-width:80px;text-align:right;font-weight:500;color:#333}@media(max-width:768px){.editor-body{position:relative}.editor-sidebar{position:absolute;left:-240px;top:0;bottom:0;z-index:10;transition:left .3s;box-shadow:none}.editor-body.sidebar-open .editor-sidebar{left:0;box-shadow:4px 0 12px #0000001a}.editor-main{padding:16px}.editor-project-title{font-size:22px}.editor-cover-thumb{width:100%;min-width:unset;height:140px}.editor-project-header{flex-direction:column;gap:14px}.editor-breadcrumb{padding:0 12px;height:40px;min-height:40px}.editor-breadcrumb-current{max-width:160px;font-size:13px}.editor-breadcrumb-link{font-size:13px}}.sidebar-section{border-bottom:1px solid #eee;padding:8px 0;flex-shrink:0}.sidebar-section--flat{border-bottom:none}.sidebar-section:last-of-type{border-bottom:none}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.sidebar-user-name{font-size:13px;font-weight:500;color:#333}.projects-section{max-width:1200px;margin:0 auto}.projects-section h2{font-size:24px;margin-bottom:20px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:20px}.create-card{border:2px dashed #ddd;border-radius:12px;min-height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s}.create-card:hover{border-color:#999;background:#fafafa}.create-card-content{text-align:center;color:#999}.create-card-icon{font-size:32px;margin-bottom:8px}.project-card{border:1px solid #eee;border-radius:12px;overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .15s;background:#fff;position:relative}.project-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.project-card-info{padding:14px 16px}.project-card-info h3{margin:0 0 4px;font-size:16px}.project-card-address{font-size:13px;color:#888;margin-bottom:6px}.project-card-meta{font-size:12px;color:#aaa}.project-card-total{margin-top:6px;font-size:13px;font-weight:600;color:#2d7a2d;display:flex;align-items:center;gap:4px}.project-card-total .fa-ruble-sign{font-size:11px;opacity:.8}.projects-filter-bar{display:flex;align-items:center;margin:0 0 20px}.projects-filter-dropdown-wrap{position:relative}.projects-filter-dropdown-btn{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:8px;border:1px solid #ddd;background:#fff;color:#333;font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.projects-filter-dropdown-btn:hover,.projects-filter-dropdown-btn.open{background:#f5f5f5;border-color:#bbb}.projects-filter-chevron{font-size:11px;color:#999;margin-left:2px}.projects-filter-menu{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 6px 20px #0000001a;min-width:200px;z-index:200;overflow:hidden;animation:filterMenuIn .15s ease}@keyframes filterMenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.projects-filter-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;background:none;border:none;font-size:13px;font-family:inherit;color:#333;cursor:pointer;text-align:left;transition:background .12s}.projects-filter-menu-item:hover{background:#f5f5f5}.projects-filter-menu-item.active{background:#f0f0f0;font-weight:600;color:#000}.projects-filter-menu-item i{width:14px;text-align:center;color:#888;font-size:12px}.projects-filter-menu-item.active i{color:#333}.project-card-delete{position:absolute;top:10px;right:10px;background:#ffffffe6;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#e53e3e;font-size:14px;opacity:0;transition:opacity .2s}.project-card:hover .project-card-delete{opacity:1}.project-card-menu-wrapper{position:absolute;top:10px;right:10px;z-index:10}.project-card-menu-btn{background:#ffffffeb;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;font-size:14px;opacity:0;transition:opacity .2s,background .15s;box-shadow:0 1px 4px #0000001a}.project-card:hover .project-card-menu-btn{opacity:1}.project-card-menu-btn:hover{background:#fff;color:#333}.project-card-dropdown{position:absolute;top:36px;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001f;border:1px solid #eee;overflow:hidden;min-width:160px;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.project-card-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:#333;transition:background .15s;white-space:nowrap}.project-card-dropdown-item:hover{background:#f5f5f5}.project-card-dropdown-item i{width:16px;text-align:center;font-size:13px;color:#888}.project-card-dropdown-item--danger{color:#e53e3e}.project-card-dropdown-item--danger:hover{background:#fef2f2}.project-card-dropdown-item--danger i{color:#e53e3e}.btn-save{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-save:hover{background:#f0f7ff;border-color:#4a90d9;color:#4a90d9}.btn-save:active{transform:scale(.97)}.btn-save--saved{border-color:#48bb78;color:#48bb78;background:#f0fff4}.editor-readonly-badge{display:inline-flex;align-items:center;gap:6px;background:#fff8e1;border:1px solid #f6c73e;color:#8a6a00;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:500}.project-card-readonly-badge{position:absolute;top:8px;right:8px;background:#0000008c;color:#fff;border-radius:20px;padding:3px 8px;font-size:11px;display:flex;align-items:center;gap:4px}.btn-save i{font-size:14px}@media(max-width:600px){.btn-save-text{display:none}.btn-save{padding:6px 10px}}.room-details-panel{width:100%}.room-description,.media-gallery-section{margin-bottom:20px}.media-gallery-section h4{margin-bottom:10px}.room-gallery-img{width:100px;height:80px;object-fit:cover;border-radius:6px}.estimate-sections-list{display:flex;flex-direction:column;gap:16px}.item-row-edit:hover{background:#f9f9f9}.item-total-cell{font-weight:600;white-space:nowrap}.item-supplier-cell{color:#888}.item-actions-cell{white-space:nowrap}.cover-upload-area{border:2px dashed #ddd;border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:border-color .2s}.cover-upload-area:hover{border-color:#999}.cover-upload-placeholder{color:#999}.material-sheet-panel,.total-estimate-panel,.orders-panel{width:100%}.text-success{color:#48bb78}.text-warning{color:#d69e2e}.editor-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;background:#f5f5f5;border-top:1px solid var(--border-color, #e5e5e5);padding:32px 40px;flex-shrink:0}.editor-footer-user{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.editor-footer-name{font-size:18px;font-weight:700;color:#1a1a1a;line-height:1.2}.editor-footer-contact{font-size:13px;color:#555}.editor-footer-tg{display:inline-flex;align-items:center;color:#2aabee;font-size:22px;text-decoration:none;margin-top:4px;transition:opacity .2s}.editor-footer-tg:hover{opacity:.7}@media(max-width:768px){.editor-footer{flex-direction:column;gap:24px;padding:24px 20px}.editor-footer-name{font-size:16px}}@media(max-width:480px){.editor-footer{padding:20px 16px;gap:20px}}.editor-tool-btns{display:flex;align-items:center;gap:4px;margin-right:8px}.editor-tool-btn{display:flex;align-items:center;gap:5px;padding:5px 11px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#555;font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s;position:relative;white-space:nowrap}.editor-tool-btn:hover{background:#f5f5f5;color:#222;border-color:#ccc}.editor-tool-btn--active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.editor-tool-btn--active:hover{background:#333;color:#fff}.editor-tool-btn--client{background:#e6f0ff;color:#1a5fd1;border-color:#b3cfff}.editor-tool-btn--client:hover{background:#cfe0ff;color:#1448a8}.editor-tool-btn-label{font-size:12px}.editor-tool-btn-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:#e53e3e;color:#fff;border-radius:9px;font-size:11px;font-weight:700;line-height:1}.editor-client-mode-badge{display:flex;align-items:center;gap:6px;padding:5px 10px;background:#e6f0ff;color:#1a5fd1;border:1px solid #b3cfff;border-radius:8px;font-size:12px;font-weight:600;margin-right:8px}@media(max-width:600px){.editor-tool-btn-label{display:none}.editor-tool-btn{padding:6px 8px}}.tool-panel-close-btn{background:none;border:none;color:#aaa;font-size:15px;cursor:pointer;padding:4px 6px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,background .15s;margin-left:4px}.tool-panel-close-btn:hover{color:#333;background:#efefef}.editor-tool-panel{width:340px;flex-shrink:0;border-left:1px solid #e8e8e8;background:#fafafa;display:flex;flex-direction:column;overflow-y:auto;position:relative;animation:toolPanelSlideIn .2s ease}@keyframes toolPanelSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.editor-tool-panel-close{position:absolute;top:12px;right:12px;background:none;border:none;color:#aaa;font-size:16px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:color .15s,background .15s;z-index:2}.editor-tool-panel-close:hover{color:#333;background:#efefef}@media(max-width:900px){.editor-tool-panel{position:fixed;top:0;right:0;height:100%;width:320px;z-index:500;box-shadow:-4px 0 20px #0000001f}}.files-panel{padding:20px;display:flex;flex-direction:column;gap:16px;min-height:100%}.files-panel-header{display:flex;align-items:center;gap:10px}.files-panel-title{font-size:15px;font-weight:700;color:#1a1a1a;flex:1;display:flex;align-items:center;gap:8px}.files-panel-add-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;font-family:inherit;transition:background .15s}.files-panel-add-btn:hover{background:#333}.files-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#bbb;text-align:center}.files-panel-empty i{font-size:40px}.files-panel-empty p{font-size:13px;color:#999;line-height:1.5}.files-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.files-panel-item{border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.files-panel-img{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-color:#f0f0f0;cursor:pointer;transition:opacity .15s}.files-panel-img:hover{opacity:.85}.files-panel-item-footer{display:flex;align-items:center;gap:6px;padding:6px 8px}.files-panel-item-name{flex:1;font-size:11px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-panel-item-remove{background:none;border:none;color:#ccc;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:3px;transition:color .15s,background .15s;flex-shrink:0}.files-panel-item-remove:hover{color:#e53e3e;background:#fff0f0}.comments-panel{padding:20px;display:flex;flex-direction:column;gap:16px;min-height:100%}.comments-panel-header{display:flex;align-items:center;gap:10px}.comments-panel-title{font-size:15px;font-weight:700;color:#1a1a1a;flex:1;display:flex;align-items:center;gap:8px}.comments-panel-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:#f0f0f0;color:#666;border-radius:11px;font-size:12px;font-weight:700}.comment-new-form{display:flex;gap:10px;align-items:flex-start}.comment-new-form-right{flex:1;display:flex;flex-direction:column;gap:8px}.comment-avatar{width:34px;height:34px;border-radius:50%;background:#1a1a1a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.comment-avatar--new{margin-top:2px}.comment-input{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #ddd;border-radius:8px;font-size:13px;font-family:inherit;resize:vertical;outline:none;transition:border-color .15s;background:#fff}.comment-input:focus{border-color:#999}.comment-submit-btn{padding:7px 14px;font-size:13px;border-radius:7px;align-self:flex-end;display:flex;align-items:center;gap:6px}.comment-cancel-btn{padding:7px 14px;font-size:13px;border-radius:7px}.comments-panel-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:#bbb;text-align:center}.comments-panel-empty i{font-size:36px}.comments-panel-empty p{font-size:13px;color:#aaa}.comments-list{display:flex;flex-direction:column;gap:4px}.comment-item{background:#fff;border:1px solid #efefef;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.comment-item--reply{margin-left:20px;background:#fafafa;border-color:#e8e8e8}.comment-item-header{display:flex;align-items:flex-start;gap:8px}.comment-meta{flex:1;display:flex;flex-direction:column;gap:1px}.comment-author{font-size:13px;font-weight:600;color:#222}.comment-date{font-size:11px;color:#aaa}.comment-delete-btn{background:none;border:none;color:#ccc;cursor:pointer;font-size:13px;padding:2px 4px;border-radius:3px;transition:color .15s;flex-shrink:0}.comment-delete-btn:hover{color:#e53e3e}.comment-body{font-size:13px;color:#333;line-height:1.5;word-break:break-word}.comment-actions{display:flex;gap:8px}.comment-reply-btn{background:none;border:none;color:#999;font-size:12px;cursor:pointer;padding:0;font-family:inherit;display:flex;align-items:center;gap:4px;transition:color .15s}.comment-reply-btn:hover{color:#555}.comment-reply-form{display:flex;flex-direction:column;gap:8px;padding-top:4px}.comment-reply-form-actions{display:flex;gap:8px;justify-content:flex-end}.comment-replies{display:flex;flex-direction:column;gap:4px;padding-top:4px}.editor-tree-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:0 0 16px;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.tree-breadcrumb-segment{display:flex;align-items:center;gap:2px}.tree-breadcrumb-sep{color:#ccc;padding:0 4px;font-size:14px;-webkit-user-select:none;user-select:none}.tree-breadcrumb-item{background:none;border:none;padding:3px 6px;border-radius:5px;font-size:13px;font-family:inherit;color:#7b7fc4;cursor:pointer;transition:background .12s,color .12s;display:flex;align-items:center;gap:5px;text-decoration:none}.tree-breadcrumb-item:hover{background:#f0f0f8;color:#4a4aaa}.tree-breadcrumb-item--current{color:#333;font-weight:600;cursor:default;background:none}.tree-breadcrumb-item--current:hover{background:none}.editor-node-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.editor-node-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px;flex:1;min-width:0}.editor-node-title i{font-size:20px;color:#e0a030;flex-shrink:0}.editor-node-title .set-icon{color:#7b7fc4}.editor-node-area{font-size:14px;font-weight:400;color:#aaa;margin-left:4px}.editor-node-desc{font-size:14px;color:#666;line-height:1.6;margin:0 0 20px;padding:12px 14px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0;min-height:48px}.editor-node-desc--editable{cursor:text;transition:border-color .15s,background .15s}.editor-node-desc--editable:hover{border-color:#ddd;background:#fff}.editor-node-desc-placeholder{color:#bbb;font-style:italic}.editor-node-desc-input{width:100%;box-sizing:border-box;font-size:14px;font-family:inherit;color:#333;line-height:1.6;padding:12px 14px;border:1.5px solid #7b7fc4;border-radius:8px;resize:vertical;outline:none;background:#fff;margin-bottom:20px}.node-budget-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.node-budget-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f5f5f5;border-radius:20px;font-size:13px}.node-budget-chip--total{background:#1a1a1a;color:#fff}.node-budget-chip-label{color:#888;font-size:12px}.node-budget-chip--total .node-budget-chip-label{color:#fff9}.node-budget-chip-value{font-weight:700;color:#222}.node-budget-chip--total .node-budget-chip-value{color:#fff}.editor-node-children{margin-top:8px}.node-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.node-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;cursor:pointer;transition:box-shadow .18s,transform .18s,border-color .18s;display:flex;flex-direction:column;position:relative;-webkit-user-select:none;user-select:none}.node-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px);border-color:#d0d0d0}.node-card-preview{height:110px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#f8f8f8;flex-shrink:0}.node-card-preview--img{background-size:cover;background-position:center}.node-card-preview-icon{font-size:40px;opacity:.85}.node-card-preview--folder .node-card-preview-icon{color:#e0a030}.node-card-preview--set-goods .node-card-preview-icon{color:#4aaa7b}.node-card-preview--set-works .node-card-preview-icon{color:#7b7fc4}.node-card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.node-card-name{font-size:13px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-card-meta{font-size:11px;color:#aaa;display:flex;flex-wrap:wrap;gap:4px}.node-card-total{font-size:12px;font-weight:700;color:#1a1a1a;margin-top:2px}.node-card-actions{position:absolute;top:6px;right:6px;display:none;gap:4px;background:#ffffffeb;border-radius:6px;padding:3px;box-shadow:0 2px 6px #0000001f}.node-card:hover .node-card-actions{display:flex}.node-card-action-btn{background:none;border:none;cursor:pointer;padding:5px 7px;border-radius:4px;font-size:12px;color:#666;transition:color .12s,background .12s;display:flex;align-items:center}.node-card-action-btn:hover{color:#222;background:#f0f0f0}.node-card-action-btn--danger:hover{color:#e53e3e;background:#fff0f0}.node-card--add{border:1.5px dashed #d0d0d0;background:transparent;box-shadow:none}.node-card--add:hover{border-color:#7b7fc4;background:#f8f7ff;box-shadow:none;transform:none}.node-card--add .node-card-preview{background:transparent}.node-card--add .node-card-preview-icon{color:#ccc;font-size:28px}.node-card--add:hover .node-card-preview-icon{color:#7b7fc4}.node-card--add .node-card-name{color:#aaa;font-weight:500}.node-card--add:hover .node-card-name{color:#7b7fc4}.node-images-section{margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.node-images-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.node-images-title{font-size:14px;font-weight:600;color:#333;flex:1}.node-images-add-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;font-family:inherit;transition:background .15s}.node-images-add-btn:hover{background:#333}.node-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.node-image-thumb{aspect-ratio:4/3;border-radius:8px;overflow:hidden;position:relative;cursor:pointer;background:#f0f0f0}.node-image-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .15s}.node-image-thumb:hover img{opacity:.85}.node-image-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#00000080;color:#fff;border:none;border-radius:50%;font-size:12px;cursor:pointer;display:none;align-items:center;justify-content:center;transition:background .12s}.node-image-thumb:hover .node-image-remove{display:flex}.node-image-remove:hover{background:#e53e3ecc}.node-images-empty{color:#bbb;font-size:13px;padding:12px 0;font-style:italic}.profile-page{min-height:calc(100vh - 60px);background:#fff;padding:40px 20px 60px}.profile-container{max-width:640px;margin:0 auto}.profile-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 32px;letter-spacing:-.02em}.profile-identity{display:flex;align-items:center;gap:20px;margin-bottom:36px}.profile-avatar{width:64px;height:64px;border-radius:50%;background:#c7c9e8;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#4a4c8a;flex-shrink:0;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.profile-name-block{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-name-display{display:flex;align-items:center;gap:8px}.profile-fullname{font-size:18px;font-weight:600;color:#1a1a1a}.profile-edit-name-btn{background:none;border:none;cursor:pointer;color:#aaa;font-size:13px;padding:3px 6px;border-radius:4px;transition:color .15s,background .15s;line-height:1}.profile-edit-name-btn:hover{color:#555;background:#f0f0f0}.profile-phone{font-size:14px;color:#888}.profile-name-edit{display:flex;flex-direction:column;gap:6px}.profile-name-input{font-size:16px;font-weight:500;border:1px solid #ddd;border-radius:6px;padding:6px 10px;outline:none;width:280px;font-family:inherit}.profile-name-input:focus{border-color:#999}.profile-name-edit-actions{display:flex;gap:8px}.profile-section{margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid #eee}.profile-section--roles{border-bottom:none;padding-bottom:0}.profile-section-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 20px}.profile-field{margin-bottom:18px}.profile-field-label{display:block;font-size:13px;color:#555;margin-bottom:6px;font-weight:400}.profile-field-optional{color:#bbb;font-size:12px}.profile-field-input{width:100%;padding:10px 14px;border:1px solid #e8e8e8;border-radius:6px;font-size:14px;font-family:inherit;color:#1a1a1a;background:#f8f8f8;transition:border-color .15s,background .15s;outline:none}.profile-field-input:focus{border-color:#aaa;background:#fff;box-shadow:0 0 0 3px #0000000a}.profile-field-input::placeholder{color:#bbb}.profile-field-input--readonly{color:#888;cursor:default}.profile-field-input--readonly:focus{border-color:#e8e8e8;background:#f8f8f8;box-shadow:none}.profile-field-textarea{resize:vertical;min-height:100px;line-height:1.6}.profile-docs-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.profile-doc-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f5f5f5;border-radius:6px;font-size:13px;color:#444}.profile-doc-item i{color:#888;flex-shrink:0}.profile-doc-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-doc-remove{background:none;border:none;cursor:pointer;color:#ccc;font-size:14px;padding:2px 4px;border-radius:4px;transition:color .15s;flex-shrink:0}.profile-doc-remove:hover{color:#e53e3e}.profile-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px dashed #ccc;border-radius:6px;background:none;font-size:13px;color:#666;cursor:pointer;transition:border-color .15s,color .15s}.profile-upload-btn:hover{border-color:#999;color:#000}.profile-upload-hint{font-size:12px;color:#bbb;margin-top:6px}.profile-save-btn{display:block;width:160px;padding:12px 0;font-size:15px;text-align:center;margin-bottom:36px;border-radius:8px}.profile-save-btn--saving{opacity:.7;cursor:default}.profile-role-item{display:flex;flex-direction:column;gap:3px}.profile-role-name{font-size:15px;font-weight:600;color:#1a1a1a}.profile-role-desc{font-size:13px;color:#aaa}@media(max-width:768px){.profile-page{padding:28px 18px 48px}.profile-container{max-width:100%}.profile-avatar{width:52px;height:52px;font-size:18px}.profile-identity{gap:14px}}@media(max-width:500px){.profile-page{padding:20px 14px 36px}.profile-title{font-size:22px;margin-bottom:24px}.profile-identity{flex-direction:column;align-items:flex-start;gap:12px}.profile-name-input,.profile-save-btn,.profile-name-edit-actions{width:100%}.profile-name-edit-actions .btn{flex:1}.profile-section{margin-bottom:24px;padding-bottom:20px}.profile-field-input{font-size:16px}}