.ntp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:ntpFadeIn .15s ease}@keyframes ntpFadeIn{0%{opacity:0}to{opacity:1}}.ntp-modal{background:#fff;border-radius:16px;padding:28px;width:min(480px,calc(100vw - 32px));box-shadow:0 20px 60px #0000002e;animation:ntpSlideUp .2s ease}@keyframes ntpSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.ntp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ntp-title{margin:0;font-size:18px;font-weight:700;color:#111827}.ntp-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#6b7280;cursor:pointer;transition:all .15s}.ntp-close:hover{background:#f3f4f6;color:#111827}.ntp-grid{display:flex;flex-direction:column;gap:10px}.ntp-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:all .15s ease;position:relative}.ntp-card:hover:not(.ntp-card--disabled){border-color:#e85d04;background:#fff7ed}.ntp-card--selected{border-color:#e85d04!important;background:#fff7ed!important}.ntp-card--disabled{cursor:not-allowed;opacity:.5}.ntp-card-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,#fff7ed,#fed7aa);border-radius:12px;color:#e85d04;flex-shrink:0}.ntp-card--disabled .ntp-card-icon{background:#f3f4f6;color:#9ca3af}.ntp-card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.ntp-card-label{font-size:15px;font-weight:600;color:#111827}.ntp-card-desc{font-size:13px;color:#6b7280;line-height:1.4}.ntp-badge{position:absolute;top:10px;right:12px;padding:2px 8px;background:#f3f4f6;border-radius:999px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.4px}.ntp-title-form{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.ntp-title-input{flex:1;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;outline:none;transition:border-color .15s}.ntp-title-input:focus{border-color:#e85d04;box-shadow:0 0 0 3px #e85d041a}.ntp-title-input::placeholder{color:#9ca3af}.ntp-confirm-btn{padding:10px 20px;background:linear-gradient(135deg,#e85d04,#d14903);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.ntp-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#d14903,#b93d00)}.ntp-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.ntp-loading{margin-top:16px;text-align:center;font-size:13px;color:#6b7280}.notebook-page{display:flex;flex-direction:column;flex:1;padding:24px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.notebook-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap;padding:20px 24px;background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa;border-radius:16px}.notebook-page-title{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.notebook-page-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notebook-shared-by{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted, #6b7280);font-weight:500}.notebook-shared-by svg{width:14px;height:14px}.notebook-page-title h1{margin:0;font-size:24px;font-weight:700;color:var(--text-main)}.notebook-count{padding:4px 12px;background:var(--accent-color);border-radius:999px;font-size:13px;color:#fff;font-weight:600}.notebook-role-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.notebook-role-viewer{background:#f3f4f6;color:#6b7280}.notebook-role-editor{background:#dbeafe;color:#2563eb}.notebook-role-admin{background:#ede9fe;color:#7c3aed}.notebook-page-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn svg{width:18px;height:18px;flex-shrink:0}.btn-primary{background:linear-gradient(135deg,#e85d04,#d14903)!important;color:#fff!important;box-shadow:0 4px 12px #e85d044d;border:none!important}.btn-primary:hover{background:linear-gradient(135deg,#d14903,#b93d00)!important;box-shadow:0 6px 16px #e85d0466;transform:translateY(-2px)}.btn-primary:disabled{background:#ccc!important;box-shadow:none;cursor:not-allowed;transform:none}.notebook-page-actions .btn-primary{background:linear-gradient(135deg,#e85d04,#d14903)!important;color:#fff!important;border:none!important}.btn-secondary{background:var(--surface);color:var(--text-main);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-muted);border-color:var(--accent-color);color:var(--accent-color)}.btn-link{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:13px;padding:0}.btn-link:hover{text-decoration:underline}.create-note-card{background:var(--surface);border:2px solid var(--accent-color);border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 8px 24px #e85d041f;animation:slideDown .25s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.create-note-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(135deg,#fff7ed,#fff);border-bottom:1px solid #fed7aa}.create-note-header h3{margin:0;font-size:18px;font-weight:700;color:var(--accent-color)}.close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);font-size:20px;cursor:pointer;border-radius:6px;transition:all .15s ease}.close-btn:hover{background:#00000014;color:var(--text-main)}.create-note-form{padding:24px;display:flex;flex-direction:column;gap:16px}.create-note-input{font-size:16px;padding:14px 18px;border:2px solid var(--border);border-radius:10px;transition:all .2s ease}.create-note-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px #e85d041a;outline:none}.create-note-input::placeholder{color:var(--text-soft)}.crm-context-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;font-size:13px;color:#c2410c}.crm-toggle-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-main);cursor:pointer}.crm-toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-color)}.crm-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.create-note-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 24px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid var(--border)}.notebook-content{flex:1}.notes-toolbar{display:flex;justify-content:flex-end;margin-bottom:16px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.sort-control{display:flex;align-items:center;gap:10px;color:var(--text-muted)}.sort-control svg{width:18px;height:18px;color:var(--accent-color)}.sort-select{padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);font-size:13px;font-weight:500;color:var(--text-main);cursor:pointer;outline:none;transition:all .15s ease}.sort-select:hover{border-color:var(--accent-color)}.sort-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #e85d041a}.notes-grid{display:flex;flex-direction:column;gap:10px}.note-card{display:flex;align-items:center;gap:16px;padding:18px 22px;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text-main);transition:all .2s ease}.note-card:hover{border-color:var(--accent-color);box-shadow:0 4px 16px #e85d041f;transform:translateY(-2px);background:linear-gradient(135deg,#fff,#fffbf7)}.note-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#fff7ed,#fed7aa);border-radius:12px;color:var(--accent-color);flex-shrink:0;transition:all .2s ease}.note-card:hover .note-card-icon{background:linear-gradient(135deg,#fed7aa,#fdba74);transform:scale(1.05)}.note-card-icon svg{width:22px;height:22px}.note-card-content{flex:1;min-width:0}.note-card-title{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-card-date{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.note-card-date:before{content:"";display:inline-block;width:4px;height:4px;background:var(--accent-color);border-radius:50%;opacity:.6}.note-card-arrow{color:var(--text-soft);flex-shrink:0;transition:all .2s ease;opacity:.5}.note-card:hover .note-card-arrow{color:var(--accent-color);transform:translate(6px);opacity:1}.notebook-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;background:linear-gradient(180deg,#fff7ed 0%,#ffffff 50%,var(--surface-muted) 100%);border:2px dashed #fed7aa;border-radius:20px;text-align:center}.notebook-empty-state svg{margin-bottom:28px;filter:drop-shadow(0 4px 12px rgba(232,93,4,.15))}.notebook-empty-state h3{margin:0 0 12px;font-size:22px;font-weight:700;color:var(--text-main)}.notebook-empty-state p{margin:0 0 28px;font-size:15px;color:var(--text-muted);max-width:360px;line-height:1.6}.notebook-empty-state .btn-primary{padding:12px 24px!important;font-size:14px!important;border-radius:12px!important;background:linear-gradient(135deg,#e85d04,#d14903)!important;color:#fff!important;box-shadow:0 4px 12px #e85d044d!important;gap:8px!important}@media (max-width: 768px){.notebook-page{padding:16px}.notebook-page-header{flex-direction:column;align-items:flex-start}.notebook-page-actions{width:100%}.notebook-page-actions .btn{flex:1;justify-content:center}.crm-fields{grid-template-columns:1fr}.note-card{padding:14px 16px}.note-card-icon{width:36px;height:36px}.notebook-page-title h1{font-size:20px}}@media (max-width: 480px){.notebook-page-actions .btn span{display:none}.notebook-page-actions .btn{padding:10px 12px;flex:0}.create-note-footer{flex-direction:column}.create-note-footer .btn{width:100%;justify-content:center}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.tag-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;background-color:#e5e7eb;border:1px solid #d1d5db;color:#374151;white-space:nowrap}.tag-badge-small{padding:1px 6px;font-size:11px;border-radius:10px}.tag-badge.clickable{cursor:pointer}.tag-badge.clickable:hover{filter:brightness(.95)}.tag-badge-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.tag-badge-remove{display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:none;cursor:pointer;color:inherit;opacity:.6;transition:opacity .15s}.tag-badge-remove:hover{opacity:1}.tag-selector{position:relative}.tag-selector-readonly{display:flex;align-items:center;min-height:28px}.tag-selector-empty{color:#9ca3af;font-size:13px;font-style:italic}.tag-selector-selected{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.tag-selector-tags{display:flex;flex-wrap:wrap;gap:4px}.tag-selector-add-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px dashed #d1d5db;border-radius:12px;background:transparent;color:#6b7280;font-size:12px;cursor:pointer;transition:all .15s}.tag-selector-add-btn:hover{border-color:#3b82f6;color:#3b82f6;background-color:#eff6ff}.tag-selector-dropdown{position:absolute;top:100%;left:0;z-index:100;min-width:220px;max-width:300px;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden}.tag-selector-search{padding:8px;border-bottom:1px solid #e5e7eb}.tag-selector-search input{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;outline:none}.tag-selector-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.tag-selector-list{max-height:200px;overflow-y:auto;padding:4px}.tag-selector-item{display:flex;align-items:center;width:100%;padding:6px 8px;border:none;background:transparent;cursor:pointer;border-radius:4px;text-align:left}.tag-selector-item:hover{background-color:#f3f4f6}.tag-selector-create{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:none;background:transparent;color:#3b82f6;font-size:13px;cursor:pointer;border-radius:4px}.tag-selector-create:hover{background-color:#eff6ff}.tag-selector-create:disabled{opacity:.5;cursor:not-allowed}.tag-selector-loading{padding:16px;text-align:center;color:#9ca3af;font-size:13px}.drawing-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--surface-muted, #f9fafb);border-top:1px solid var(--border, #e5e7eb);flex-wrap:wrap;flex-shrink:0;-webkit-user-select:none;user-select:none}.drawing-toolbar-section{display:flex;align-items:center;gap:2px;position:relative}.drawing-toolbar-divider{width:1px;height:28px;background:var(--border, #e5e7eb);margin:0 6px}.drawing-tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-muted, #6b7280);cursor:pointer;transition:all .15s ease}.drawing-tool-btn:hover:not(.disabled){background:var(--surface-active, #e5e7eb);color:var(--text-main, #111827)}.drawing-tool-btn.active{background:#e85d04;color:#fff}.drawing-tool-btn.disabled{opacity:.35;cursor:not-allowed}.drawing-shape-wrapper{position:relative}.drawing-shape-menu{position:absolute;bottom:calc(100% + 6px);left:0;background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 24px #0000001f;z-index:100;min-width:130px}.drawing-shape-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-main, #111827);font-size:13px;font-weight:500;cursor:pointer;transition:background .1s;text-align:left}.drawing-shape-option:hover,.drawing-shape-option.active{background:#fff7ed;color:#e85d04}.drawing-size-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1.5px solid transparent;border-radius:6px;background:transparent;cursor:pointer;transition:all .15s ease}.drawing-size-btn:hover{background:var(--surface-active, #e5e7eb)}.drawing-size-btn.active{border-color:#e85d04;background:#fff7ed}.drawing-size-dot{display:block;border-radius:50%;min-width:2px;min-height:2px}.drawing-colors{gap:4px}.drawing-color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease;outline:none}.drawing-color-btn:hover{transform:scale(1.15)}.drawing-color-btn.active{border-color:#e85d04;box-shadow:0 0 0 2px #e85d044d;transform:scale(1.1)}.drawing-clear-confirm{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-main, #111827);background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:4px 8px}.drawing-confirm-btn{padding:3px 8px;border-radius:5px;border:1px solid var(--border, #e5e7eb);background:var(--surface, #fff);font-size:12px;font-weight:600;cursor:pointer;color:var(--text-main, #111827)}.drawing-confirm-btn.danger{background:#ef4444;color:#fff;border-color:#ef4444}.drawing-confirm-btn:hover{opacity:.85}@media (max-width: 600px){.drawing-toolbar{padding:6px 8px;gap:2px}.drawing-toolbar-divider{margin:0 4px}}.drawing-page{display:flex;flex-direction:column;flex:1;min-height:0;background:#fff;overflow:hidden}.drawing-page-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-muted, #f9fafb);border-bottom:1px solid var(--border, #e5e7eb);flex-shrink:0}.drawing-back-btn,.drawing-save-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-muted, #6b7280);cursor:pointer;transition:all .15s ease;flex-shrink:0}.drawing-back-btn:hover{background:var(--surface-active, #e5e7eb);color:var(--text-main, #111827)}.drawing-save-btn:hover{background:#dcfce7;color:#16a34a}.drawing-title-input{flex:1;font-size:17px;font-weight:600;color:var(--text-main, #111827);border:none;background:transparent;outline:none;min-width:0}.drawing-title-input::placeholder{color:var(--text-soft, #9ca3af);font-weight:400}.drawing-saving-indicator{font-size:12px;color:var(--text-muted, #6b7280);white-space:nowrap}.drawing-page-canvas-area{flex:1;display:flex;overflow:hidden;background:#fff}.drawing-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--text-muted, #6b7280)}.drawing-page-error button{padding:8px 20px;border-radius:8px;border:1px solid var(--border, #e5e7eb);background:var(--surface, #fff);cursor:pointer;font-size:14px}.rim-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:250;display:flex;align-items:center;justify-content:center;padding:1rem}.rim-modal{background:#fff;border-radius:10px;width:760px;max-width:96vw;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #00000038;overflow:hidden}.rim-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e6e9ee}.rim-title{margin:0;font-size:1.15rem;color:#22313f}.rim-subtitle{margin:.15rem 0 0;font-size:.85rem;color:#6b7785}.rim-close{border:none;background:transparent;font-size:1.6rem;line-height:1;cursor:pointer;color:#6b7785;padding:0 .25rem}.rim-close:hover{color:#22313f}.rim-stats{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem 1.25rem;border-bottom:1px solid #eef1f5;background:#f8fafc}.rim-stat{font-size:.9rem;color:#44525f}.rim-stat strong{font-size:1.05rem}.rim-stat--ok strong{color:#2e7d32}.rim-stat--todo strong{color:#b26a00}.rim-resync{margin-left:auto}.rim-error{margin:.5rem 1.25rem 0;padding:.5rem .75rem;border-radius:6px;background:#fdecea;color:#b71c1c;font-size:.85rem}.rim-body{display:grid;grid-template-columns:1fr 280px;gap:1rem;padding:1rem 1.25rem;overflow:auto;flex:1}.rim-panel{display:flex;flex-direction:column;min-height:0}.rim-panel-head h3{margin:0 0 .5rem;font-size:.95rem;color:#22313f}.rim-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.rim-search{flex:1;padding:.45rem .6rem;border:1px solid #cfd6df;border-radius:6px;font-size:.9rem}.rim-selectall{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:#44525f;white-space:nowrap}.rim-items{list-style:none;margin:0;padding:0;border:1px solid #e6e9ee;border-radius:6px;overflow:auto;max-height:46vh;flex:1}.rim-item{border-bottom:1px solid #f0f2f5}.rim-item:last-child{border-bottom:none}.rim-item-label{display:flex;align-items:center;gap:.6rem;padding:.45rem .7rem;cursor:pointer}.rim-item-label:hover{background:#f5f8fc}.rim-item-rep-client{font-weight:600;color:#22313f}.rim-item-rep{color:#6b7785;font-size:.85rem}.rim-item-qty{margin-left:auto;color:#b26a00;font-size:.8rem}.rim-empty{padding:1rem;color:#8a96a3;font-size:.88rem;text-align:center}.rim-panel--assign{background:#f8fafc;border:1px solid #e6e9ee;border-radius:8px;padding:.9rem;gap:.85rem}.rim-field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:#44525f}.rim-field-row{display:flex;gap:.4rem}.rim-field-row select{flex:1;padding:.4rem .5rem;border:1px solid #cfd6df;border-radius:6px;font-size:.9rem;background:#fff}.rim-assign{margin-top:.25rem}.rim-hint{margin:0;font-size:.78rem;color:#8a96a3;line-height:1.35}.rim-assigned{border-top:1px solid #eef1f5;padding:.5rem 1.25rem}.rim-assigned-toggle{border:none;background:transparent;cursor:pointer;font-size:.9rem;color:#22313f;padding:.3rem 0}.rim-assigned-body{padding:.25rem 0 .5rem;max-height:28vh;overflow:auto}.rim-assigned-group{margin-bottom:.6rem}.rim-assigned-group h4{margin:0 0 .35rem;font-size:.85rem;color:#44525f}.rim-assigned-count{color:#8a96a3;font-weight:400}.rim-assigned-chips{display:flex;flex-wrap:wrap;gap:.35rem}.rim-chip{background:#e8f0fe;color:#1a4b8c;border-radius:12px;padding:.15rem .6rem;font-size:.8rem}.rim-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid #e6e9ee}.rim-btn{border:1px solid #cfd6df;background:#fff;color:#22313f;border-radius:6px;padding:.45rem .85rem;font-size:.88rem;cursor:pointer}.rim-btn:hover{background:#f2f5f9}.rim-btn:disabled{opacity:.5;cursor:not-allowed}.rim-btn--primary{background:#1a73e8;border-color:#1a73e8;color:#fff}.rim-btn--primary:hover{background:#1666cc}.rim-btn--ghost{background:transparent;border-color:#cfd6df}@media (max-width: 640px){.rim-body{grid-template-columns:1fr}}.me-page{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#f6f8fb,#eef2f7)}.me-container{display:flex;flex-direction:column;gap:1rem;padding:1.2rem 1.2rem 6rem;max-width:1440px;width:100%;margin:0 auto}.me-container--table-expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;max-width:none;margin:0;padding:.6rem .9rem;gap:.5rem;overflow:hidden;align-items:center;background:linear-gradient(180deg,#f6f8fb,#eef2f7)}.me-container--table-expanded>.me-nav,.me-container--table-expanded>.me-ouvertures--expanded{width:100%;max-width:1440px}.me-card{background:#fff;border:1px solid #e5e9f0;border-radius:10px;box-shadow:0 4px 18px #1722300d}.me-statusbar{font-size:.8rem;text-align:right;min-height:1.2rem;padding:.55rem .8rem}.me-status--saving{color:#888}.me-status--saved{color:#2e7d32}.me-status--error{color:#c62828}.me-container,.me-page-header,.me-btn,.me-inline-input,.me-inline-select,.me-field input,.me-field select,.me-field textarea{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}.me-section-title{font-size:1rem;font-weight:700;margin:0;color:#1f2d3d}.me-header-form{background:linear-gradient(180deg,#fff,#fcfdff);border:1px solid #dbe3ef;padding:1.1rem 1.25rem;border-radius:14px;box-shadow:0 8px 28px #17223014}.me-header-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.9rem;padding-bottom:.75rem;border-bottom:1px solid #edf1f7}.me-header-crm{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.me-crm-badge{display:inline-flex;align-items:center;padding:.3rem .55rem;border-radius:999px;background:#fff3eb;color:#9a3412;border:1px solid #ffd7c2;font-size:.75rem;font-weight:700}.me-crm-search{margin-bottom:.8rem;padding:.65rem;border:1px dashed #d7e0ec;border-radius:10px;background:#f8fbff}.me-header-grid{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,2fr) minmax(120px,.9fr) minmax(140px,1fr) minmax(120px,.85fr);gap:1rem 1.25rem;align-items:start}@media (max-width: 1100px){.me-header-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.me-header-grid .me-field:nth-child(1){grid-area:1 / 1}.me-header-grid .me-field:nth-child(2){grid-area:1 / 2}.me-header-grid .me-field:nth-child(3){grid-area:2 / 2}.me-header-grid .me-field:nth-child(4){grid-area:2 / 1}.me-header-grid .me-field:nth-child(5){grid-area:3 / 1 / 4 / 3}}@media (max-width: 600px){.me-header-grid{grid-template-columns:1fr}.me-header-grid .me-field:nth-child(1),.me-header-grid .me-field:nth-child(2),.me-header-grid .me-field:nth-child(3),.me-header-grid .me-field:nth-child(4),.me-header-grid .me-field:nth-child(5){grid-area:auto}}.me-nav{display:flex;flex-direction:column;gap:.45rem;padding:.75rem;align-items:center}.me-nav-group{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;width:100%}.me-nav-tab{padding:.38rem .92rem;border:1px solid #d9e2ee;border-radius:999px;background:#fff;cursor:pointer;font-size:.84rem;font-weight:600;color:#34495e;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease,background-color .12s ease}.me-nav-tab--active{background:linear-gradient(135deg,#2c3e50,#354f69);color:#fff;border-color:#2c3e50;box-shadow:0 4px 10px #2c3e5040}.me-nav-tab--sub{background:#f8fafd;font-size:.8rem;color:#2c3e50}.me-nav-tab--sub.me-nav-tab--active{background:linear-gradient(135deg,#253647,#34506c);color:#fff;border-color:#2c3e50}.me-nav-add{padding:.35rem .72rem;border:1px dashed #9eb0c5;border-radius:999px;background:#f8fbff;cursor:pointer;font-size:.875rem;color:#51657d;transition:border-color .12s ease,color .12s ease,transform .12s ease,box-shadow .12s ease}.me-nav-tab:hover,.me-nav-add:hover{border-color:#e85d04;color:#9a3412;box-shadow:0 0 0 3px #e85d041f}.me-nav-add--sub{font-size:.7rem;font-weight:600;letter-spacing:.02em}.me-nav-tab:active,.me-nav-add:active{transform:translateY(1px) scale(.99)}.me-nav-tab:focus-visible,.me-nav-add:focus-visible{outline:none;border-color:#e85d04;box-shadow:0 0 0 3px #e85d0429}.me-ouvertures{border:1px solid #dee2e6;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 4px 18px #1722300f}.me-ouvertures-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;background:#f7f9fc;border-bottom:1px solid #e5e9f0}.me-ouvertures-summary{display:flex;align-items:center;gap:.65rem;min-width:0}.me-ouvertures-summary-text{display:flex;flex-direction:column;min-width:0}.me-ouvertures-context{font-size:.8rem;font-weight:600;color:#5b6b7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-ouvertures-chantier{color:#25364a;font-weight:700}.me-ouvertures-title{font-weight:700;font-size:.92rem;color:#25364a}.me-ouvertures-actions{display:flex;gap:.5rem;align-items:center}.me-save-status{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;font-weight:600;white-space:nowrap;padding:.1rem .45rem;border-radius:999px;transition:color .2s ease,background-color .2s ease}.me-save-status--saving{color:#5b6b7c;background:#eef2f7}.me-save-status--saved{color:#1b7f4b;background:#e7f6ee}.me-save-status--error{color:#b42318;background:#fdecea}.me-empty{padding:1.5rem;text-align:center;color:#888;font-style:italic}.me-table-wrap{width:100%}.me-table-scroll{overflow:auto}.me-container--table-expanded>.me-nav{flex-shrink:0}.me-ouvertures--expanded{flex:1;min-height:0;display:flex;flex-direction:column}.me-ouvertures--expanded .me-ouvertures-header{flex-shrink:0}.me-ouvertures--expanded .me-table-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.me-ouvertures--expanded .me-search{flex-shrink:0}.me-ouvertures--expanded .me-table-scroll{flex:1;min-height:0}.me-nav--compact{flex-shrink:0;padding:.3rem .45rem;gap:.25rem}.me-nav--compact .me-nav-group{flex-wrap:nowrap;overflow-x:auto;justify-content:safe center;padding-bottom:2px}.me-nav--compact .me-nav-tab{padding:.22rem .65rem;font-size:.78rem;flex-shrink:0}.me-nav--compact .me-nav-add{padding:.2rem .5rem;flex-shrink:0}.me-nav--compact .me-nav-action-remove{flex-shrink:0}.me-table{width:100%;border-collapse:collapse;min-width:920px}.me-table thead th{position:sticky;top:0;z-index:2;background:#f6f8fb;color:#566678;font-size:.73rem;text-transform:uppercase;letter-spacing:.04em;font-weight:800;padding:.7rem .6rem;border-bottom:1px solid #e3e7ee;text-align:left}.me-table tbody td{border-bottom:1px solid #edf1f5;padding:.58rem .6rem;font-size:.86rem;color:#22313f;vertical-align:middle}.me-table-row{transition:background-color .12s ease,transform .12s ease}.me-table-row--selectable{cursor:pointer}.me-table-row--selectable:hover{background:#f9fbfd}.me-table-row--selectable:active{transform:scale(.998)}.me-table-row--zebra{background:#f9fafb}.me-table-row--source{background:#e7f4ff}.me-table-row--target{background:#edf8ef}.me-table-row--attention td{background:#fff3e6}.me-table-row--critique td{background:#fde7e7}.me-table-row--attention.me-table-row--selectable:hover td,.me-table-row--critique.me-table-row--selectable:hover td{filter:brightness(.98)}.me-table-actions{white-space:nowrap;position:relative}.me-table-actions-wrap{display:flex;align-items:center;gap:.35rem}.me-btn-icon--has-note,.me-btn-icon--has-photos{color:#e85d04}.me-btn-icon:disabled{opacity:.35;cursor:not-allowed}.me-comment-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:500;display:flex;align-items:center;justify-content:center}.me-comment-popup{background:#fff;border-radius:10px;padding:1.25rem;width:min(420px,95vw);display:flex;flex-direction:column;gap:.75rem;box-shadow:0 8px 32px #0000002e}.me-comment-popup-title{font-size:.95rem;font-weight:700;margin:0;color:#2c3e50}.me-comment-popover-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7a8c;margin-bottom:.4rem}.me-comment-popover-textarea{width:100%;min-height:96px;padding:.5rem .65rem;border:1px solid #d7deea;border-radius:8px;font-size:.875rem;resize:vertical;font-family:inherit}.me-comment-popover-textarea:focus{outline:none;border-color:#e85d04;box-shadow:0 0 0 3px #e85d0424}.me-comment-popover-actions{margin-top:.25rem;display:flex;justify-content:flex-end}.me-attention-selector{display:flex;gap:.5rem}.me-attention-option{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .5rem;border:1px solid #d7deea;border-radius:8px;background:#fff;color:#4a5868;font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .12s ease,background .12s ease}.me-attention-option:hover{border-color:var(--me-attention-color)}.me-attention-option--active{border-color:var(--me-attention-color);background:color-mix(in srgb,var(--me-attention-color) 12%,#fff);color:#22313f}.me-attention-dot{width:10px;height:10px;border-radius:50%;background:var(--me-attention-color);flex-shrink:0}.me-inline-input,.me-inline-select{width:100%;min-height:34px;border:1px solid #d8dee8;border-radius:8px;padding:.35rem .55rem;font-size:.85rem;background:#fff;color:#22313f}.me-inline-input:focus,.me-inline-select:focus{outline:none;border-color:#e85d04;box-shadow:0 0 0 3px #e85d0429}.me-inline-input--primary{border-color:#c8d4e5;background:#fbfdff;font-weight:600}.me-table-col-primary{color:#2f4a66}.me-replicate-hint{font-size:.8rem;color:#555}.me-empty-state{padding:2.2rem 1.2rem;text-align:center}.me-empty-state-icon{width:44px;height:44px;border-radius:50%;background:#f0f4fa;border:1px solid #d9e2ef;color:#6a7b90;margin:0 auto .8rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.me-empty-state h4{margin:0 0 .35rem;font-size:.95rem;color:#243447}.me-empty-state p{margin:0;color:#6a7787;font-size:.86rem}.me-ouv-form{padding:1rem;background:#fff;border-top:1px solid #eee}.me-form-section{margin-bottom:1rem}.me-form-section-title{font-size:.85rem;font-weight:600;color:#34495e;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.04em}.me-beta-badge{display:inline-flex;align-items:center;margin-left:.4rem;padding:.1rem .4rem;border-radius:999px;background:#ede9fe;color:#6d28d9;border:1px solid #ddd6fe;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle}.me-form-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.me-field{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;min-width:0}.me-field>span:first-child{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7a8c}.me-field input,.me-field select,.me-field textarea{padding:.5rem .65rem;border:1px solid #d7deea;border-radius:8px;font-size:.9rem;background:#fff;min-height:40px}.me-field input,.me-field select,.me-field textarea{transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.me-field input:focus,.me-field select:focus,.me-field textarea:focus{outline:none;border-color:#e85d04;box-shadow:0 0 0 3px #e85d0424}.me-field--error input,.me-field--error select{border-color:#c62828;background:#fff8f8}.me-field-error{color:#c62828;font-size:.75rem}.me-field-info{cursor:help;color:#888;font-size:.85rem}.me-field--readonly input{background:#f5f5f5;color:#888;cursor:default}.me-field--checkbox{flex-direction:row;align-items:center;gap:.5rem;margin-top:1.5rem}.me-checkbox-row{display:flex;align-items:center;gap:.5rem;margin:0 0 .7rem;font-size:.875rem;font-weight:500;color:#34495e;cursor:pointer}.me-checkbox-row input{width:16px;height:16px;min-height:0;margin:0;flex-shrink:0;cursor:pointer}.me-checkbox-row-hint{font-weight:400;color:#8493a5;font-size:.8rem}.me-field--computed{background:#e8f5e9;border-radius:4px;padding:.4rem .6rem}.me-field--computed span{color:#2e7d32}.me-radio-group{display:flex;gap:1rem;align-items:center;padding:.4rem 0}.me-alert{padding:.5rem .75rem;border-radius:4px;font-size:.85rem;margin-top:.5rem}.me-alert--error{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.me-alert--warning{background:#fff8e1;color:#e65100;border:1px solid #ffcc02}.me-address-row{display:flex;align-items:stretch;gap:0}.me-address-row input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.me-address-map-btn{width:40px;min-height:40px;border:1px solid #d7deea;border-left:none;border-radius:0 8px 8px 0;background:#f8fafc;color:#566678;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .12s ease,color .12s ease}.me-address-map-btn:hover{background:#fff3eb;color:#e85d04}.me-devis-row{display:flex;align-items:stretch;gap:0}.me-devis-row input,.me-devis-row select{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.me-devis-link{flex-shrink:0;width:36px;height:36px;border:1px solid #d7deea;border-radius:8px;background:#f8fafc;color:#6b7a8c;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background .12s ease,color .12s ease,border-color .12s ease}.me-devis-link:hover{background:#fff3eb;color:#e85d04;border-color:#ffd7c2}.me-field-label{font-size:.9rem;font-weight:500;color:#1f2d3d;line-height:1.5;word-break:break-word}.me-field-label-row{display:flex;align-items:baseline;justify-content:flex-start;gap:.25rem;width:100%;min-width:0;line-height:1.5}.me-field-label-row .me-field-label{flex:0 1 auto;min-width:0}.me-field-label-row .me-address-map-btn,.me-field-label-row .me-devis-link,.me-field-label-row .me-contact-info-btn{flex-shrink:0;padding:3px;margin:0;border:none;background:none;color:#e85d04!important;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;align-self:center}.me-field-label-row .me-address-map-btn:hover,.me-field-label-row .me-devis-link:hover,.me-field-label-row .me-contact-info-btn:hover{color:#c94d00!important;background:none}.me-field-label-row .me-address-map-btn,.me-field-label-row .me-devis-link{width:auto;height:auto;min-width:18px;min-height:18px;padding:2px;font-size:0;line-height:0}.me-field-label-row .me-address-map-btn svg,.me-field-label-row .me-devis-link svg,.me-field-label-row .me-contact-info-btn svg{color:#e85d04;stroke:currentColor}.me-field--contact{position:relative}.me-contact-row{display:flex;align-items:stretch;gap:0}.me-contact-row input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0;min-height:40px}.me-contact-row .me-contact-info-btn{border-left:none;border-radius:0 8px 8px 0;width:40px;min-height:40px}.me-contact-info-btn{flex-shrink:0;width:36px;height:36px;border:1px solid #d7deea;border-radius:8px;background:#f8fafc;color:#6b7a8c;cursor:pointer;font-size:.9rem;font-weight:700;transition:background .12s ease,color .12s ease,border-color .12s ease;display:inline-flex;align-items:center;justify-content:center}.me-contact-info-btn:hover{background:#fff3eb;color:#e85d04;border-color:#ffd7c2}.me-field-label-row .me-contact-info-btn{margin-left:0;width:auto;height:auto;min-width:18px;min-height:18px;padding:2px;border:none;border-radius:0;background:none;color:#e85d04;font-size:0;line-height:0;display:inline-flex;align-items:center;justify-content:center}.me-field-label-row .me-contact-info-btn:hover{background:none;color:#c94d00}.me-contact-info-panel{position:absolute;left:0;top:calc(100% + 4px);z-index:200;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 16px #0000001f;padding:.75rem 1rem;min-width:220px;font-size:.875rem;line-height:1.5;color:#333}.me-contact-info-panel strong{display:block;margin-bottom:.4rem;color:#2c3e50;font-size:.92rem}.me-contact-info-panel p{margin:0}.me-contact-info-panel a{color:#e85d04;text-decoration:none;font-weight:600}.me-contact-info-panel a:hover{text-decoration:underline}.me-contact-info-empty{color:#888;font-style:italic}.me-contact-info-fonction{color:#566678;font-style:italic;margin-top:-.15rem}.me-contact-refresh-btn{margin-top:.5rem;padding:.3rem .6rem;border:1px solid #d7deea;border-radius:6px;background:#f8fafc;color:#566678;cursor:pointer;font-size:.78rem;font-weight:600;transition:background .12s ease,color .12s ease,border-color .12s ease;width:100%}.me-contact-refresh-btn:hover:not(:disabled){background:#fff3eb;color:#e85d04;border-color:#e85d04}.me-contact-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.me-btn{padding:.42rem .92rem;border:1px solid #d6deea;border-radius:9px;background:#fff;cursor:pointer;font-size:.83rem;font-weight:600;color:#30445b;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease,background-color .12s ease}.me-btn:hover{background:#f7f9fc;border-color:#e85d04;box-shadow:0 0 0 3px #e85d041a}.me-btn--primary{background:linear-gradient(135deg,#2c3e50,#3a566f);color:#fff;border-color:#2c3e50;box-shadow:0 6px 14px #2c3e5040}.me-btn--primary:hover{background:linear-gradient(135deg,#2a3b4d,#3a5670)}.me-btn:active{transform:translateY(1px) scale(.99)}.me-btn:focus-visible{outline:none;border-color:#e85d04;box-shadow:0 0 0 3px #e85d0429}.me-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;margin-left:.4rem;padding:0 .3rem;border-radius:999px;background:#e85d04;color:#fff;font-size:.72rem;font-weight:700}.me-btn:disabled{opacity:.5;cursor:not-allowed}.me-btn-icon{background:transparent;border:1px solid #d8e0ea;border-radius:7px;cursor:pointer;font-size:.9rem;padding:.22rem .36rem;opacity:.75;transition:border-color .12s ease,transform .12s ease,background-color .12s ease}.me-btn-icon:hover{opacity:1;background:#f4f8fc;border-color:#e85d04}.me-btn-icon:active{transform:scale(.96)}.me-btn-icon:focus-visible{outline:none;border-color:#e85d04;box-shadow:0 0 0 3px #e85d0429}.me-btn-icon svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}.me-btn-icon--toolbar{opacity:1;padding:.45rem}.me-btn-icon--open{opacity:1;color:#e85d04;border-color:#f3c9a8;background:#fff6ef}.me-btn-icon--open:hover{background:#ffe9d8;border-color:#e85d04}.me-fab{position:fixed;right:1.5rem;bottom:1.5rem;z-index:60;display:inline-flex;align-items:center;gap:.55rem;min-height:52px;padding:.85rem 1.05rem;border:none;border-radius:16px;background:#e85d04;color:#fff;cursor:pointer;font-size:.92rem;font-weight:700;transition:transform .12s ease,background-color .12s ease}.me-fab:hover{background:#de5a04}.me-fab:active{transform:translateY(1px)}.me-fab:focus-visible{outline:2px solid #e85d04;outline-offset:2px}.me-fab svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;display:block}.me-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#0c131c9e;display:flex;align-items:center;justify-content:center;padding:1rem}.me-detail-modal{width:min(1100px,98vw);height:min(92vh,860px);background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 45px #0a0f1666}.me-detail-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid #dee2e6;background:#f8fafc}.me-detail-header h3{margin:0;font-size:.95rem;color:#2c3e50}.me-detail-header-actions{display:flex;gap:.5rem;align-items:center}.me-detail-body{overflow:auto;padding:.25rem}.me-photo-viewer-modal{width:min(720px,96vw);height:auto;max-height:min(88vh,720px)}.me-photo-viewer-modal .me-detail-body{padding:1rem}.msw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100}.msw-modal{background:#fff;border-radius:10px;width:min(480px,95vw);box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;overflow:hidden}.msw-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem .9rem;border-bottom:1px solid #dee2e6}.msw-title{font-size:1.05rem;font-weight:700;margin:0;color:#2c3e50}.msw-close{background:transparent;border:none;cursor:pointer;color:#888;padding:.25rem}.msw-chantier{padding:.75rem 1.25rem;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;gap:.6rem;align-items:baseline}.msw-chantier-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.msw-chantier-nom{font-weight:600;color:#2c3e50;font-size:.95rem}.msw-body{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.msw-field{display:flex;flex-direction:column;gap:.4rem}.msw-label{font-weight:600;font-size:.9rem;color:#333;display:flex;flex-direction:column;gap:.15rem}.msw-label-hint{font-weight:400;font-size:.78rem;color:#888}.msw-stepper{display:flex;align-items:center;gap:0;border:1px solid #dee2e6;border-radius:6px;overflow:hidden;width:fit-content}.msw-stepper-btn{width:44px;height:44px;border:none;background:#f8f9fa;cursor:pointer;font-size:1.25rem;color:#2c3e50;transition:background .15s}.msw-stepper-btn:hover:not(:disabled){background:#e9ecef}.msw-stepper-btn:disabled{opacity:.35;cursor:not-allowed}.msw-stepper-val{width:60px;height:44px;border:none;border-left:1px solid #dee2e6;border-right:1px solid #dee2e6;text-align:center;font-size:1.15rem;font-weight:600;color:#2c3e50;outline:none;-moz-appearance:textfield}.msw-stepper-val::-webkit-inner-spin-button,.msw-stepper-val::-webkit-outer-spin-button{-webkit-appearance:none}.msw-preview{background:#f0f4f8;border-radius:6px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.3rem}.msw-preview-label{font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em}.msw-preview-text{font-size:.875rem;color:#2c3e50;font-weight:500;word-break:break-all}.msw-preview-hint{font-size:.75rem;color:#888;font-style:italic}.msw-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:.9rem 1.25rem;border-top:1px solid #dee2e6;background:#fafafa}.msw-btn{padding:.55rem 1.1rem;border:1px solid #dee2e6;border-radius:6px;background:#fff;cursor:pointer;font-size:.875rem;font-weight:500}.msw-btn:hover:not(:disabled){background:#f5f5f5}.msw-btn--primary{background:#2c3e50;color:#fff;border-color:#2c3e50}.msw-btn--primary:hover:not(:disabled){background:#34495e}.msw-btn:disabled{opacity:.5;cursor:not-allowed}.msw-toggle{display:flex;gap:0;border:1px solid #dee2e6;border-radius:6px;overflow:hidden;width:fit-content}.msw-toggle-btn{padding:.5rem 1rem;border:none;background:#f8f9fa;cursor:pointer;font-size:.85rem;font-weight:500;color:#555;transition:background .15s,color .15s}.msw-toggle-btn:not(:last-child){border-right:1px solid #dee2e6}.msw-toggle-btn--active{background:#2c3e50;color:#fff}.msw-toggle-btn:hover:not(.msw-toggle-btn--active){background:#e9ecef}.me-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.5rem}.me-type-card{border:2px solid #dee2e6;border-radius:8px;padding:.75rem .85rem;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;min-height:80px;display:flex;flex-direction:column;gap:.25rem}.me-type-card:hover{border-color:#2c3e50;background:#f8f9fa}.me-type-card--active{border-color:#e85d04;background:#fff3eb}.me-type-card-label{font-weight:700;font-size:.875rem;color:#2c3e50}.me-type-card-desc{font-size:.75rem;color:#666;line-height:1.35}.me-type-card-fields{font-size:.7rem;color:#9a3412;font-style:italic;margin-top:.15rem}.me-fh-wrap{position:relative;display:inline-block}.me-fh-trigger{background:transparent;border:none;cursor:pointer;color:#e85d04;font-size:.9rem;padding:0 .25rem;line-height:1;vertical-align:middle}.me-fh-trigger:hover{color:#2c3e50}.me-fh-panel{position:absolute;left:0;top:calc(100% + 4px);z-index:200;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 16px #0000001f;padding:.75rem .9rem;width:260px;font-size:.82rem;line-height:1.5;color:#333}.me-fh-panel strong{display:block;margin-bottom:.3rem;color:#2c3e50}.me-fh-panel p{margin:0 0 .35rem}.me-fh-panel .me-fh-example{color:#9a3412;font-style:italic}.mgh-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;z-index:1200;padding-top:3rem;overflow-y:auto}.mgh-modal{background:#fff;border-radius:10px;width:min(600px,95vw);box-shadow:0 8px 32px #0000002e;margin-bottom:3rem}.mgh-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #dee2e6}.mgh-title{font-size:1.05rem;font-weight:700;margin:0;color:#2c3e50}.mgh-close{background:transparent;border:none;cursor:pointer;color:#888}.mgh-body{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.mgh-section h3{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9a3412;margin:0 0 .5rem}.mgh-section p,.mgh-section li{font-size:.875rem;color:#333;line-height:1.55}.mgh-section ul{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.25rem}.mgh-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mgh-type-card{background:#f8f9fa;border-radius:6px;padding:.6rem .75rem}.mgh-type-card strong{display:block;font-size:.82rem;color:#2c3e50;margin-bottom:.2rem}.mgh-type-card span{font-size:.75rem;color:#666}.me-nav-tab-wrapper{display:inline-flex;align-items:center;position:relative}.me-nav-action-remove{padding:.35rem .72rem;border:1px dashed #e0a0a0;border-radius:999px;background:#fff5f5;cursor:pointer;font-size:.875rem;color:#999;transition:border-color .12s ease,color .12s ease,background .12s ease}.me-nav-action-remove:hover:not(:disabled){border-color:#c62828;color:#c62828;background:#ffebee}.me-nav-action-remove:disabled{opacity:.35;cursor:not-allowed}.me-nav-tab-rename{padding:0;border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.me-nav-tab-rename input{padding:.3rem .6rem;border:none;outline:none;font-size:.875rem;background:#fff;width:90px;color:#2c3e50}.me-page-header{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border-bottom:1px solid #dee2e6;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;position:sticky;top:0;z-index:20}.me-page-title{flex:1;font-size:1rem;font-weight:700;margin:0;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-page-actions{display:flex;gap:.5rem;align-items:center}.me-help-btn{padding:.38rem .78rem;border:1px solid #ffd7c2;border-radius:8px;background:#fff3eb;color:#9a3412;cursor:pointer;font-size:.82rem;font-weight:700;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease,background-color .12s ease}.me-help-btn:hover{background:#ffe9dc;border-color:#e85d04;box-shadow:0 0 0 3px #e85d041a}.me-help-btn:active{transform:translateY(1px) scale(.99)}.me-error{padding:2rem;text-align:center;color:#c62828}.me-photos-grid{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.me-photo-item{position:relative;width:72px;height:72px;border-radius:6px;overflow:hidden;border:1px solid #dee2e6;background:#f8f9fa;padding:0;cursor:pointer;transition:border-color .15s,box-shadow .15s}.me-photo-item:hover{border-color:#e85d04;box-shadow:0 0 0 2px #e85d0426}.me-photo-item:focus-visible{outline:none;border-color:#e85d04;box-shadow:0 0 0 3px #e85d0466}.me-photo-thumb{width:100%;height:100%;object-fit:cover;display:block}.me-photo-thumb-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#94a3b8;font-size:.65rem;gap:2px}.me-photo-item--pending{border-style:dashed;border-color:#f0a35c;background:#fdf6ee;cursor:default}.me-photo-item--pending:hover{border-color:#f0a35c;box-shadow:none}.me-photo-item--pending .me-photo-thumb-fallback{color:#b46a1e}.me-photo-add{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:6px;border:2px dashed #aaa;color:#666;cursor:pointer;font-size:.8rem;text-align:center;transition:border-color .15s,color .15s}.me-photo-add:hover{border-color:#2c3e50;color:#2c3e50}.me-photo-add--loading{opacity:.6;cursor:wait}.me-photo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:320;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.me-photo-modal-header{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.6rem 1rem;color:#fff;background:#0006;flex-shrink:0}.me-photo-modal-actions{display:flex;gap:.5rem;align-items:center}.me-photo-modal-btn{padding:.4rem .8rem;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;border-radius:6px;cursor:pointer;font-size:.85rem}.me-photo-modal-btn:hover{background:#ffffff1a}.me-photo-modal-btn--danger{border-color:#ff6b6b99;color:#ffb4b4}.me-photo-modal-btn--danger:hover{background:#c6282840;color:#fff}.me-photo-modal-body{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:auto}.me-photo-modal-image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.me-photo-modal-error{color:#f5a0a0;font-size:.9rem;text-align:center;padding:2rem}.me-search{padding:.65rem .85rem;background:#fff;border-bottom:1px solid #eef2f6}.me-search-input{width:100%;max-width:320px;padding:.45rem .7rem;border:1px solid #d9e0ea;border-radius:7px;font-size:.875rem}.me-search-input:focus{outline:none;border-color:#e85d04;box-shadow:0 0 0 3px #e85d0429}.me-batch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center}.me-batch-modal{background:#fff;border-radius:8px;padding:1.5rem;width:340px;max-width:95vw;display:flex;flex-direction:column;gap:1rem;box-shadow:0 8px 32px #0000002e}.me-batch-title{font-size:1rem;font-weight:700;margin:0;color:#2c3e50}.me-batch-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.me-batch-preview{font-size:.8rem;color:#666;font-style:italic}.me-batch-footer{display:flex;gap:.5rem;justify-content:flex-end}.me-bulk-modal{background:#fff;border-radius:8px;padding:1.5rem;width:640px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;gap:1rem;box-shadow:0 8px 32px #0000002e}.me-bulk-hint{font-size:.8rem;color:#666;margin:0}.me-bulk-body{overflow-y:auto;flex:1;padding-right:.25rem}.me-bulk-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem}.me-bulk-field{border:1px solid #e3e8f0;border-radius:8px;padding:.5rem .65rem;display:flex;flex-direction:column;gap:.4rem;background:#fafbfc;transition:border-color .12s ease,background .12s ease}.me-bulk-field--active{border-color:#ffd7c2;background:#fff8f3}.me-bulk-field-toggle{display:flex;align-items:flex-start;gap:.45rem;font-size:.8rem;font-weight:600;color:#34495e;cursor:pointer}.me-bulk-field-toggle input{margin-top:.15rem}.me-bulk-field-input input,.me-bulk-field-input select,.me-bulk-field-input textarea{width:100%;padding:.45rem .6rem;border:1px solid #d7deea;border-radius:8px;font-size:.9rem;background:#fff;min-height:38px;box-sizing:border-box}.me-bulk-field-input input:disabled,.me-bulk-field-input select:disabled,.me-bulk-field-input textarea:disabled{background:#f1f3f6;color:#9aa6b4;cursor:not-allowed}.me-croquis-grid{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.me-croquis-item{position:relative;width:72px;height:72px;border-radius:6px;overflow:hidden;border:1px solid #dee2e6;background:#f8f9fa}.me-croquis-thumb-wrap{width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center}.me-croquis-delete{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.me-croquis-delete:hover{background:#c62828}.me-croquis-add{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:6px;border:2px dashed #aaa;color:#666;cursor:pointer;font-size:.8rem;text-align:center;background:transparent;transition:border-color .15s,color .15s}.me-croquis-add:hover{border-color:#2c3e50;color:#2c3e50}.me-btn--danger{background:#fff5f5;color:#c62828;border-color:#f5a0a0}.me-btn--danger:hover{background:#ffebee}.me-croquis-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:300;display:flex;align-items:center;justify-content:center}.me-croquis-modal{background:#fff;border-radius:8px;width:min(900px,96vw);height:min(640px,90vh);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 40px #00000040}.me-croquis-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #dee2e6;background:#f8f9fa;flex-shrink:0}.me-croquis-modal-title{font-weight:600;font-size:.9rem;color:#2c3e50}.me-croquis-modal-actions{display:flex;gap:.5rem}.me-croquis-canvas-wrap{flex:1;overflow:hidden;position:relative}@media (max-width: 900px){.me-container{padding:.75rem}.me-ouvertures-header{flex-direction:column;align-items:flex-start;gap:.6rem}.me-ouvertures-actions{flex-wrap:wrap}.me-detail-modal{width:100vw;height:100vh;border-radius:0}.me-detail-header{flex-direction:column;align-items:flex-start}.me-fab{right:1rem;bottom:1rem;padding:.78rem .95rem}}.me-dc-hint{margin:.4rem 0 0;font-size:.8rem;color:#8a94a3}.me-dc-status{margin:.5rem 0 0;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.me-dc-status--success{color:#10b981}.me-dc-status--warning{color:#f59e0b}.me-dc-status--danger{color:#dc2626}.me-dc-status--info{color:#0ea5e9}.me-inline-cell{display:flex;align-items:center;gap:.3rem}.me-controle-badge{color:#dc2626;font-size:.95rem;line-height:1;flex-shrink:0;cursor:help}.me-dc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:320;display:flex;align-items:center;justify-content:center}.me-dc-modal{background:#fff;border-radius:10px;width:min(820px,96vw);max-height:94vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 40px #0000004d}.me-dc-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #dee2e6;background:#f8f9fa}.me-dc-header h3{margin:0;font-size:.95rem;color:#2c3e50}.me-dc-header-actions{display:flex;gap:.5rem}.me-dc-instruction{margin:0;padding:.5rem 1rem;font-size:.8rem;color:#555;background:#e0f2fe}.me-dc-photo-strip{display:flex;gap:.4rem;padding:.5rem 1rem;overflow-x:auto}.me-dc-photo-thumb{width:52px;height:52px;border-radius:6px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:#f1f3f6;flex-shrink:0}.me-dc-photo-thumb--active{border-color:#e85d04}.me-dc-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.me-dc-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:#1a1a1a;overflow:auto}.me-dc-stage{position:relative;display:inline-block;line-height:0;touch-action:none;max-width:100%}.me-dc-image{display:block;max-width:100%;max-height:56vh;-webkit-user-select:none;user-select:none}.me-dc-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.me-dc-handle{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#ffffffeb;border:2px solid #E85D04;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.me-dc-handle--active{background:#e85d04}.me-dc-handle-label{font-size:9px;font-weight:700;color:#e85d04;pointer-events:none}.me-dc-handle--active .me-dc-handle-label{color:#fff}.me-dc-magnifier{position:absolute;border-radius:50%;border:2px solid #E85D04;box-shadow:0 4px 14px #00000073;background-repeat:no-repeat;background-color:#000;pointer-events:none;z-index:5}.me-dc-magnifier-crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%)}.me-dc-magnifier-crosshair:before,.me-dc-magnifier-crosshair:after{content:"";position:absolute;background:#e85d04e6}.me-dc-magnifier-crosshair:before{left:50%;top:0;width:1.5px;height:100%;transform:translate(-50%)}.me-dc-magnifier-crosshair:after{top:50%;left:0;height:1.5px;width:100%;transform:translateY(-50%)}.me-dc-panel{padding:.75rem 1rem 1rem;border-top:1px solid #dee2e6;display:flex;flex-direction:column;gap:.6rem}.me-dc-planes{display:flex;flex-wrap:wrap;gap:.4rem}.me-dc-chip{padding:.3rem .7rem;border-radius:999px;border:1px solid #d7deea;background:#fff;font-size:.82rem;cursor:pointer}.me-dc-chip--active{background:#fed7aa;border-color:#e85d04;color:#9a3412;font-weight:600}.me-dc-expected{margin:0;font-size:.85rem;font-weight:600;color:#2c3e50}.me-dc-actions{display:flex;gap:.5rem;flex-wrap:wrap}.me-dc-verify{flex:1;min-width:160px}.me-dc-banner{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .9rem;border-radius:8px;border:1px solid;font-size:.85rem}.me-dc-banner strong{font-size:.9rem}.me-dc-banner--success{background:#d1fae5;border-color:#10b981;color:#065f46}.me-dc-banner--warning{background:#fef3c7;border-color:#f59e0b;color:#92400e}.me-dc-banner--danger{background:#fee2e2;border-color:#dc2626;color:#991b1b}.me-dc-banner--info{background:#e0f2fe;border-color:#0ea5e9;color:#075985}@media (max-width: 900px){.me-dc-modal{width:100vw;height:100vh;max-height:100vh;border-radius:0}.me-dc-image{max-height:48vh}}.me-completeness{border:1px solid #d7deea;border-radius:10px;overflow:hidden;margin-bottom:1rem;background:#fff}.me-completeness--incomplete{border-color:#f0c36d}.me-completeness--complete{border-color:#b7e1c1}.me-completeness-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .85rem;background:#f8fafc;border:none;cursor:pointer;font:inherit;text-align:left}.me-completeness--incomplete .me-completeness-header{background:#fff8ec}.me-completeness--complete .me-completeness-header{background:#f1faf3}.me-completeness-title{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#34495e}.me-completeness-badge{padding:.1rem .5rem;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:none;letter-spacing:0}.me-completeness-badge--ok{background:#d7f0de;color:#1b7a3d}.me-completeness-badge--ko{background:#fde2c4;color:#b15a00}.me-completeness-score{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:#4a5b6e}.me-completeness-chevron{color:#8493a5;font-size:.75rem}.me-completeness-list{list-style:none;margin:0;padding:.35rem .5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.15rem .75rem}.me-completeness-item{display:flex;align-items:center;gap:.5rem;padding:.28rem .35rem;font-size:.82rem;border-radius:6px}.me-completeness-mark{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.me-completeness-item--ok .me-completeness-mark{background:#2e9e57}.me-completeness-item--missing .me-completeness-mark{background:#e07a1a}.me-completeness-item--na .me-completeness-mark{background:#c2cbd6}.me-completeness-label{flex:1;color:#2f3e4f;min-width:0}.me-completeness-item--na .me-completeness-label{color:#9aa6b3}.me-completeness-status-text{font-size:.72rem;color:#8493a5;flex-shrink:0}.me-completeness-item--missing .me-completeness-status-text{color:#c2680f;font-weight:600}.me-completeness-item--missing{background:#fff6ea}.me-completeness-pill{flex-shrink:0;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:.68rem;font-weight:700;line-height:18px;text-align:center;cursor:help}.me-completeness-pill--ko{background:#fde2c4;color:#b15a00;border:1px solid #f0c36d}.me-completeness-pill--ok{background:#e2f3e7;color:#2e9e57;border:1px solid #b7e1c1}.settings-page{max-width:800px;margin:0 auto;padding:24px}.settings-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid var(--border);padding-bottom:0}.settings-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-muted);transition:all .2s}.settings-tab:hover{color:var(--text-main);background:var(--surface-muted)}.settings-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.settings-tab-icon{font-size:16px}.settings-tab-label{font-weight:600}.settings-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.settings-panel{display:flex;flex-direction:column;gap:32px}.settings-section h2{font-size:18px;font-weight:600;color:var(--text-main);margin:0 0 8px}.settings-section-description{color:var(--text-muted);font-size:14px;margin-bottom:16px}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-top:12px}.settings-card h3{font-size:15px;font-weight:600;color:var(--text-main);margin:0 0 16px}.settings-card+.settings-card{margin-top:16px}.settings-field:last-child{margin-bottom:0}.settings-field>label{display:block;font-size:13px;font-weight:500;color:var(--text-main);margin-bottom:6px}.settings-help{font-size:12px;color:var(--text-muted);margin-top:4px}.settings-input-group{display:flex;align-items:center;gap:8px}.settings-input-group .input{width:100px}.settings-input-suffix{font-size:13px;color:var(--text-muted)}.settings-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:2px;width:18px;height:18px;accent-color:var(--accent-color)}.checkbox-label span{font-size:14px}.checkbox-label-large .checkbox-content{display:flex;flex-direction:column;gap:2px}.checkbox-title{font-weight:600;font-size:14px}.checkbox-description{font-size:13px;color:var(--text-muted)}.settings-info-box{display:flex;gap:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px 16px;margin-bottom:16px}.settings-info-box p{margin:0;font-size:13px;color:#1e40af;line-height:1.5}.settings-info-icon{flex-shrink:0}.settings-actions-fixed{position:fixed;bottom:24px;right:24px;display:flex;gap:12px;align-items:center;background:var(--surface);padding:12px 16px;border-radius:12px;box-shadow:0 4px 20px #00000026,0 0 0 1px var(--border);z-index:100}.settings-saved-message{color:#16a34a;font-size:14px;font-weight:500;padding-right:8px;animation:fadeInOut 2s ease}@keyframes fadeInOut{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.settings-actions-fixed .button.primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color);font-weight:600}.settings-actions-fixed .button.primary:hover{filter:brightness(1.1)}.settings-crm-status{margin-bottom:16px}.settings-crm-result{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:8px;margin-bottom:16px}.settings-crm-result.success{background:#f0fdf4;border:1px solid #86efac}.settings-crm-result.error{background:#fef2f2;border:1px solid #fecaca}.settings-crm-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.settings-crm-result.success .settings-crm-icon{background:#22c55e;color:#fff}.settings-crm-result.error .settings-crm-icon{background:#ef4444;color:#fff}.settings-crm-details{flex:1}.settings-crm-details strong{display:block;margin-bottom:4px}.settings-crm-details p{margin:0 0 8px;color:var(--text-muted);font-size:13px}.settings-crm-config{display:flex;gap:16px;font-size:12px}.settings-crm-config span{display:flex;align-items:center;gap:4px}.settings-crm-config .configured{color:#16a34a}.settings-crm-config .missing{color:#dc2626}.settings-token-created{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:16px;margin-bottom:16px}.settings-token-created-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.settings-token-created-icon{width:24px;height:24px;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.settings-token-warning{color:#b45309;font-size:13px;margin-bottom:12px}.settings-token-value{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.settings-token-value code{flex:1;min-width:200px;background:#1e293b;color:#22c55e;padding:10px 14px;border-radius:6px;font-family:Fira Code,Consolas,monospace;font-size:13px;word-break:break-all}.settings-tokens-list{display:flex;flex-direction:column;gap:12px}.settings-token-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;background:var(--surface-muted);border:1px solid var(--border);border-radius:8px}.settings-token-item.revoked{opacity:.6;background:#fef2f2;border-color:#fecaca}.settings-token-info{flex:1;min-width:0}.settings-token-name{font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:8px}.settings-token-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:999px;text-transform:uppercase}.settings-token-badge.revoked{background:#fee2e2;color:#991b1b}.settings-token-description{font-size:13px;color:var(--text-muted);margin-top:4px}.settings-token-meta{font-size:12px;color:var(--text-soft);margin-top:4px}.button.danger{background:#ef4444;color:#fff;border-color:#ef4444}.button.danger:hover{background:#dc2626;border-color:#dc2626}.button.small{padding:6px 12px;font-size:13px}@media (max-width: 768px){.settings-page{padding:16px}.settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tab{padding:10px 16px;white-space:nowrap}.settings-form-row{grid-template-columns:1fr}}@media (max-width: 600px){.settings-actions-fixed{bottom:16px;right:16px;left:16px;justify-content:flex-end}.settings-saved-message{display:none}.settings-token-item{flex-direction:column;align-items:stretch;gap:12px}.settings-token-item .button{width:100%}.settings-token-value{flex-direction:column}.settings-token-value code{width:100%}}.notebooks-page{padding:24px;height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.notebooks-page-header{flex-shrink:0;margin-bottom:20px}.notebooks-page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-main);margin:0 0 16px}.notebooks-page-tabs{display:flex;gap:0;border-bottom:2px solid var(--border)}.notebooks-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.notebooks-tab:hover{color:var(--text-main)}.notebooks-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.notebooks-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--surface-muted);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted)}.notebooks-tab.active .notebooks-tab-count{background:var(--accent-bg);color:var(--accent-color)}.notebooks-page-body{flex:1;overflow-y:auto}.notebooks-page-loading,.notebooks-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:12px;color:var(--text-muted);font-size:var(--text-base)}.notebooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:4px}.notebook-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.notebook-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-1px)}.notebook-card-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-bg);border-radius:var(--radius-md);color:var(--accent-color)}.notebook-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notebook-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notebook-card-meta{font-size:var(--text-sm);color:var(--text-muted)}.favorites-page{padding:24px;height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.favorites-page-header{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-bottom:20px}.favorites-page-title{display:flex;align-items:center;gap:8px;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-main);margin:0}.favorites-page-title svg{color:var(--brand-muted)}.favorites-page-count{font-size:var(--text-sm);color:var(--text-muted);background:var(--surface-muted);padding:2px 8px;border-radius:var(--radius-full)}.favorites-page-body{flex:1;overflow-y:auto}.favorites-page-loading,.favorites-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:8px;text-align:center}.favorites-page-empty svg{color:var(--text-soft);margin-bottom:4px}.favorites-page-empty p{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-muted);margin:0}.favorites-page-empty span{font-size:var(--text-base);color:var(--text-soft)}.favorites-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.favorites-list-item{border-radius:var(--radius-md);overflow:hidden}.favorites-note-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--transition-fast),border-color var(--transition-fast)}.favorites-note-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.favorites-note-icon{flex-shrink:0;color:var(--brand-muted)}.favorites-note-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.favorites-note-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorites-note-notebook{font-size:var(--text-sm);color:var(--text-muted)}.favorites-note-arrow{flex-shrink:0;color:var(--text-soft)}.tags-page{padding:24px;height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.tags-page-header{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-bottom:20px}.tags-page-title{display:flex;align-items:center;gap:8px;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-main);margin:0}.tags-page-count{font-size:var(--text-sm);color:var(--text-muted);background:var(--surface-muted);padding:2px 8px;border-radius:var(--radius-full)}.tags-page-body{flex:1;overflow-y:auto}.tags-page-loading,.tags-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:8px;text-align:center}.tags-page-empty svg{color:var(--text-soft);margin-bottom:4px}.tags-page-empty p{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-muted);margin:0}.tags-page-empty span{font-size:var(--text-base);color:var(--text-soft)}.tags-grid{display:flex;flex-wrap:wrap;gap:10px;padding:4px}.tag-card{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-base);color:var(--text-main);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.tag-card:hover{border-color:var(--accent-color);background:var(--accent-bg)}.tag-card.selected{border-color:var(--accent-color);background:var(--accent-bg);color:var(--accent-color);font-weight:var(--font-semibold);box-shadow:0 0 0 1px var(--accent-color)}.tag-card-dot{width:10px;height:10px;border-radius:50%;background:var(--text-soft);flex-shrink:0}.tag-card-name{font-weight:var(--font-medium)}.tag-card-active-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent-color);background:var(--accent-light);padding:2px 6px;border-radius:var(--radius-full);margin-left:2px}.about-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:about-overlay-fade-in .2s ease-out}@keyframes about-overlay-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{position:relative;background:#fff;padding:28px;border-radius:16px;width:100%;max-width:380px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;animation:about-modal-scale-in .25s ease-out}@keyframes about-modal-scale-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.about-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.about-modal-close:hover{background:#f3f4f6;color:#374151}.about-modal-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.about-modal-logo{width:56px;height:56px;object-fit:contain;flex-shrink:0}.about-modal-header h3{font-size:20px;font-weight:700;color:#111827;margin:0}.about-modal-description{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 16px}.about-modal-version{font-size:13px;color:#9ca3af;margin:0 0 4px}.about-modal-author{font-size:13px;color:#9ca3af;margin:0 0 20px}.about-modal-footer{padding-top:16px;border-top:1px solid #e5e7eb;font-size:12px;color:#9ca3af;text-align:center}:root{--brand-orange: #e85d04;--brand-dark: #1a1a1a;--brand-muted: #f59e0b;--brand-orange-light: #fed7aa;--brand-orange-bg: rgba(232, 93, 4, .08);--primary-color: var(--brand-dark);--accent-color: var(--brand-orange);--accent: var(--accent-color);--accent-bg: rgba(232, 93, 4, .1);--accent-light: rgba(232, 93, 4, .08);--accent-secondary: #3b82f6;--accent-secondary-light: #dbeafe;--accent-secondary-bg: rgba(59, 130, 246, .08);--surface: #ffffff;--surface-muted: #f9fafb;--surface-hover: #f3f4f6;--surface-active: #e5e7eb;--border: #e5e7eb;--border-strong: #d1d5db;--bg-color: #f3f4f6;--text-color: #1f2937;--text-main: #111827;--text-muted: #6b7280;--text-soft: #9ca3af;--text-inverse: #ffffff;--success: #10b981;--success-light: #d1fae5;--success-bg: rgba(16, 185, 129, .08);--success-text: #065f46;--warning: #f59e0b;--warning-light: #fef3c7;--warning-bg: rgba(245, 158, 11, .08);--warning-text: #92400e;--danger: #dc2626;--danger-light: #fee2e2;--danger-bg: rgba(220, 38, 38, .08);--danger-text: #991b1b;--info: #0ea5e9;--info-light: #e0f2fe;--info-bg: rgba(14, 165, 233, .08);--info-text: #0369a1;--editor-bg: #ffffff;--editor-border: #e5e7eb;--sidebar-bg: #111827;--sidebar-text: #f3f4f6;--sidebar-text-muted: #9ca3af;--sidebar-hover: rgba(255, 255, 255, .08);--sidebar-active: rgba(232, 93, 4, .2);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .12), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .18);--shadow-focus: 0 0 0 3px rgba(232, 93, 4, .2);--shadow-focus-secondary: 0 0 0 3px rgba(59, 130, 246, .2);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 30px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.5;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:24px;font-weight:700;color:var(--text-main);margin:0 0 16px}h2{font-size:18px;font-weight:600;color:#374151;margin:0 0 12px}h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 8px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full);transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--text-soft)}.sidebar ::-webkit-scrollbar-thumb{background:#fff3}.sidebar ::-webkit-scrollbar-thumb:hover{background:#ffffff59}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar *{scrollbar-color:rgba(255,255,255,.2) transparent}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--accent-color);box-shadow:var(--shadow-focus)}.sidebar button:focus-visible,.sidebar a:focus-visible{outline-color:var(--brand-orange);outline-offset:1px}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-color)}label{font-size:14px;font-weight:500;color:var(--text-main)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-color);cursor:pointer}::selection{background:#e85d0433;color:inherit}::-moz-selection{background:#e85d0433;color:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.app-main{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;overflow-x:hidden}.app-main:has(.drawing-page){height:100dvh;overflow:hidden}.content{padding:20px 24px}.card{background:var(--surface);border-radius:8px;padding:24px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounceRight{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-scale-in{animation:scale-in .2s ease-out forwards}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-in-up{animation:fadeInUp .3s ease-out}.animate-fade-in-down{animation:fadeInDown .3s ease-out}.animate-fade-in-scale{animation:fadeInScale .2s ease-out}.animate-slide-in-right{animation:slideInRight .3s ease-out}.animate-slide-in-left{animation:slideInLeft .3s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--surface-muted) 0%,var(--surface) 50%,var(--surface-muted) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;transition:box-shadow var(--transition-normal),transform var(--transition-normal),border-color var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:active{transform:translateY(0)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--accent-color)}.card-accent{border-left:3px solid var(--accent-color)}.btn-hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-hover-lift:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-hover-lift:active{transform:translateY(0);box-shadow:none}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.3) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .8s}.btn-ripple:active:after{transform:scale(0);opacity:1;transition:0s}.loading-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-sm{width:14px;height:14px;border-width:2px}.loading-spinner-lg{width:32px;height:32px;border-width:3px}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-overlay-content{background:var(--surface);padding:32px 48px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 25px 50px -12px #00000040}.loading-overlay .loading-spinner{width:40px;height:40px;border-width:3px}.loading-overlay-message{margin:0;font-size:14px;color:var(--text-main);font-weight:500}.skeleton{background:var(--surface-muted);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite;background-size:200% 100%}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-title{height:1.5em;width:60%;margin-bottom:.75em}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.transition-all{transition:all var(--transition-normal)}.transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.transition-opacity{transition:opacity var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.hover-reveal-parent .hover-reveal-child{opacity:0;transition:opacity var(--transition-fast)}.hover-reveal-parent:hover .hover-reveal-child{opacity:1}.action-group{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}*:hover>.action-group,*:focus-within>.action-group{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:focus{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn svg{flex-shrink:0}.btn--primary{background:var(--primary-color);color:var(--text-inverse);border-color:var(--primary-color)}.btn--primary:hover:not(:disabled){background:#111827;border-color:#111827}.btn--primary:active:not(:disabled){transform:translateY(1px)}.btn--accent{background:var(--accent-color);color:var(--text-inverse);border-color:var(--accent-color)}.btn--accent:hover:not(:disabled){background:#d14903;border-color:#d14903}.btn--accent:active:not(:disabled){transform:translateY(1px)}.btn--secondary{background:var(--surface);color:var(--text-color);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface-muted);border-color:var(--text-soft)}.btn--ghost{background:transparent;color:var(--text-muted);border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-main)}.btn--danger{background:var(--danger);color:var(--text-inverse);border-color:var(--danger)}.btn--danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn--danger-outline{background:transparent;color:var(--danger);border-color:var(--danger)}.btn--danger-outline:hover:not(:disabled){background:var(--danger);color:var(--text-inverse)}.btn--warning{background:var(--warning);color:var(--text-inverse);border-color:var(--warning)}.btn--warning:hover:not(:disabled){background:#b45309;border-color:#b45309}.btn--success{background:var(--success);color:var(--text-inverse);border-color:var(--success)}.btn--success:hover:not(:disabled){background:#059669;border-color:#059669}.btn--sm{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);gap:var(--space-1)}.btn--lg{padding:var(--space-3) var(--space-5);font-size:var(--text-lg);gap:var(--space-2)}.btn--icon{padding:var(--space-2);width:32px;height:32px}.btn--icon.btn--sm{width:28px;height:28px;padding:var(--space-1)}.btn--icon.btn--lg{width:40px;height:40px;padding:var(--space-2)}.btn__icon{flex-shrink:0}.btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:var(--radius-full);animation:spin .6s linear infinite}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;background:var(--primary-color);color:var(--text-inverse);cursor:pointer;font-weight:var(--font-medium);font-size:var(--text-base);transition:background var(--transition-normal),transform .1s ease}.button:hover{background:#333}.button:active{transform:translateY(1px)}.button:focus{outline:none;box-shadow:var(--shadow-focus)}.button:disabled{opacity:.6;cursor:not-allowed}.button.accent{background:var(--accent-color);color:var(--text-inverse)}.button.accent:hover{background:#d35400}.button.secondary{background:var(--surface);color:var(--text-color);border:1px solid var(--border)}.button.secondary:hover{background:var(--surface-muted)}.button.danger{background:var(--danger);color:var(--text-inverse)}.button.danger:hover{background:#b91c1c}.button.danger-outline{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--danger);color:var(--danger)}.button.danger-outline:hover{background:var(--danger);color:var(--text-inverse)}.button.large{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.button svg{flex-shrink:0}.btn-secondary{background:var(--surface);color:var(--text-color);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-muted);border-color:var(--text-soft)}.btn-primary{background:var(--primary-color);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:#111827}.btn-danger{background:var(--danger);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-warning{background:var(--warning);color:var(--text-inverse)}.btn-warning:hover:not(:disabled){background:#b45309}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:var(--radius-full);animation:spin .6s linear infinite}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:transparent}.action-btn.restore{color:var(--accent)}.action-btn.restore:hover{background:var(--accent-bg)}.action-btn.delete{color:var(--danger)}.action-btn.delete:hover{background:var(--danger-bg)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.close-button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.close-button:hover{background:var(--surface-muted);color:var(--text-main)}.input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:14px;color:var(--text-main);transition:border-color .2s ease,box-shadow .2s ease}.input::placeholder{color:var(--text-soft)}.input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #e85d0426}.chantier-search{position:relative;width:100%}.chantier-search-input-wrapper{position:relative;display:flex;align-items:center}.chantier-search-input-wrapper .input{padding-right:50px}.chantier-search-clear{position:absolute;right:28px;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:12px;padding:4px}.chantier-search-clear:hover{color:var(--text-main)}.chantier-search-loading{position:absolute;right:8px;color:var(--accent-color);font-size:12px}.chantier-search-error{margin-top:4px;font-size:12px;color:#dc2626}.chantier-search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;max-height:240px;overflow-y:auto;z-index:100;list-style:none;padding:4px 0}.chantier-search-item{display:block;width:100%;text-align:left;padding:8px 12px;background:none;border:none;cursor:pointer;transition:background .15s ease}.chantier-search-item:hover{background:var(--bg-surface)}.chantier-search-ref{display:block;font-weight:600;color:var(--text-main);font-size:14px}.chantier-search-client{display:block;color:var(--text-muted);font-size:13px}.chantier-search-addr{display:block;color:var(--text-soft);font-size:12px}.chantier-search-empty{margin-top:4px;padding:8px 12px;font-size:13px;color:var(--text-muted);background:var(--bg-surface);border-radius:6px}.settings-section{margin-bottom:24px}.settings-section h3{font-size:16px;font-weight:600;color:var(--text-main);margin-bottom:8px}.settings-field{margin-bottom:16px}.settings-field label{display:block;font-size:14px;font-weight:500;color:var(--text-main);margin-bottom:6px}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);padding:16px;display:flex;flex-direction:column;gap:0;height:100%;overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-shrink:0}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:auto;background:#ffffff1a;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .15s ease}.sidebar-close-btn:hover{background:#fff3;color:#fff}.sidebar-logo{height:40px;width:auto;object-fit:contain}.sidebar-title{font-size:18px;font-weight:700;color:#fff;line-height:1.2}.sidebar-subtitle{font-size:12px;font-weight:600;color:var(--brand-orange);letter-spacing:.1em;text-transform:uppercase}.sidebar-nav-main{display:flex;flex-direction:column;gap:4px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.sidebar-search-container{display:flex;align-items:center;gap:8px;margin:12px;padding:0}.sidebar-search{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:6px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:background .2s,border-color .2s}.sidebar-search-advanced{display:flex!important;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;padding:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#d1d5db;cursor:pointer;transition:background .2s,color .2s,border-color .2s;flex-shrink:0}.sidebar-search-advanced:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.sidebar-search-advanced svg{width:14px;height:14px}.sidebar-search:focus-within{background:#ffffff1f;border-color:var(--accent-color)}.sidebar-search svg{color:#9ca3af;flex-shrink:0}.sidebar-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--sidebar-text);font-size:13px;min-width:0}.sidebar-search-input::placeholder{color:#6b7280}.sidebar-search-clear{display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;transition:background .15s,color .15s}.sidebar-search-clear:hover{background:#ffffff26;color:#fff}.sidebar-search-container{flex-shrink:0}.sidebar-section{display:flex;flex-direction:column;min-height:0;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.sidebar-section-header{display:flex;align-items:center;gap:4px;padding:5px 6px;width:100%;background:transparent;color:#9ca3af;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:default;border-radius:6px;white-space:nowrap;overflow:hidden}.sidebar-section-title{flex:1;text-align:left}.sidebar-section-count{background:#ffffff1a;padding:2px 6px;border-radius:10px;font-size:10px;min-width:20px;text-align:center}.sidebar-section-action{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:none;color:#9ca3af;border-radius:4px;cursor:pointer;transition:all .15s ease;opacity:.6}.sidebar-section-header:hover .sidebar-section-action{opacity:1}.sidebar-section-action:hover{background:#ffffff26;color:#fff}.sidebar-notebooks{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.sidebar-notebooks-list{flex:1 1 auto;overflow-y:auto;padding:4px 0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sidebar-notebooks-list::-webkit-scrollbar{width:6px}.sidebar-notebooks-list::-webkit-scrollbar-track{background:transparent}.sidebar-notebooks-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-notebooks-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-notebook-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;background:transparent;border:none;color:#d1d5db;font-size:13px;font-weight:400;text-align:left;cursor:pointer;border-radius:6px;transition:all .15s ease;white-space:nowrap;overflow:hidden}.sidebar-notebook-item:hover{background:#ffffff14}.sidebar-notebook-item.active{background:var(--accent-color);color:#fff}.sidebar-notebook-item svg{flex-shrink:0;opacity:.7;color:var(--sidebar-text-muted);transition:color var(--transition-fast),opacity var(--transition-fast)}.sidebar-notebook-item:hover svg{color:var(--brand-orange);opacity:1}.sidebar-notebook-item.active svg{opacity:1;color:#fff}.sidebar-notebook-title{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar-note-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;padding:0 5px;height:18px;background:#ffffff26;color:#9ca3af;border-radius:9px;font-size:10px;font-weight:600;flex-shrink:0;margin-left:auto}.sidebar-notebook-item.active .sidebar-note-count{background:#ffffff40;color:#fff}.sidebar-crm-badge{background:#fb923c33;color:#fb923c;padding:1px 5px;border-radius:4px;font-size:9px;font-weight:600;letter-spacing:.03em;flex-shrink:0}.sidebar-section-carnets{flex:1 1 auto;min-height:100px;overflow:hidden;display:flex;flex-direction:column}.sidebar-section-tags{flex-shrink:0;border-top:1px solid rgba(255,255,255,.08);padding-top:4px}.sidebar-tags{padding:4px 0;max-height:120px;overflow-y:auto}.sidebar-tags-list{display:flex;flex-direction:column;gap:2px;padding:0 8px}.sidebar-tags::-webkit-scrollbar{width:6px}.sidebar-tags::-webkit-scrollbar-track{background:transparent}.sidebar-tags::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-tags::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-tag-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:background-color .15s;text-align:left}.sidebar-tag-item:hover{background:var(--surface-muted)}.sidebar-tag-item.active{background:var(--accent-light);color:var(--accent-color)}.sidebar-tag-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sidebar-tag-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sidebar-text)}.sidebar-tag-filter-active{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 16px);margin:4px 8px;padding:6px 10px;background:var(--accent-light);border:1px solid var(--accent-color);border-radius:6px;color:var(--accent-color);font-size:12px;font-weight:500;cursor:pointer}.sidebar-tag-filter-active:hover{background:var(--accent-color);color:#fff}.sidebar-section-favorites{flex-shrink:0;padding-top:0}.sidebar-footer .sidebar-section:first-child{border-top:none}.sidebar-section-header svg{flex-shrink:0}.sidebar-favorites{padding:4px 0;max-height:120px;overflow-y:auto}.sidebar-favorites-list{display:flex;flex-direction:column;gap:2px;padding:0 8px}.sidebar-favorite-item{display:flex;align-items:flex-start;gap:7px;padding:5px 12px;border-radius:6px;text-decoration:none;transition:background-color .15s}.sidebar-favorite-item:hover{background:#ffffff14}.sidebar-favorite-item.active{background:var(--accent-color)}.sidebar-favorite-icon{flex-shrink:0;color:#f59e0b;margin-top:2px}.sidebar-favorite-item.active .sidebar-favorite-icon{color:#fffc}.sidebar-favorite-body{display:flex;flex-direction:column;min-width:0;gap:1px}.sidebar-favorite-title{font-size:13px;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sidebar-favorite-notebook{font-size:10px;color:var(--sidebar-text-muted, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sidebar-favorite-item.active .sidebar-favorite-title,.sidebar-favorite-item.active .sidebar-favorite-notebook{color:#ffffffe6}.sidebar-footer{flex-shrink:0;display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(255,255,255,.08);padding-top:8px;margin-top:8px}.sidebar-section-label-autres{padding:12px 12px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}.sidebar-nav-secondary{display:flex;flex-direction:column;gap:2px;padding-top:4px}.sidebar-create-form{padding:8px 12px}.sidebar-create-input{width:100%;padding:8px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:13px;outline:none;transition:border-color .15s ease,background .15s ease}.sidebar-create-input::placeholder{color:#fff6}.sidebar-create-input:focus{background:#ffffff26;border-color:var(--accent-color)}.sidebar-loading,.sidebar-empty{padding:12px;color:#9ca3af;font-size:12px;text-align:center}.sidebar-nav-bottom{display:flex;flex-direction:column;gap:4px;padding-top:12px;margin-top:auto;border-top:1px solid rgba(255,255,255,.08)}.sidebar-nav-group{display:flex;flex-direction:column;gap:2px}.sidebar-nav-divider{height:1px;background:#ffffff0f;margin:8px 12px}.sidebar a,.sidebar-about-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#e5e7eb;border-radius:8px;font-weight:500;font-size:14px;letter-spacing:.2px;transition:background .2s ease;text-decoration:none;border:none;background:transparent;cursor:pointer;width:100%;text-align:left}.sidebar a:hover:not(.sidebar-section-title-link),.sidebar-about-btn:hover{background:#ffffff14}.sidebar a.active:not(.sidebar-section-title-link){background:var(--accent-color);color:#fff}.sidebar a svg,.sidebar-about-btn svg{flex-shrink:0;opacity:.85;color:var(--sidebar-text-muted);transition:color var(--transition-fast),opacity var(--transition-fast)}.sidebar a:hover:not(.sidebar-section-title-link) svg,.sidebar-about-btn:hover svg{color:var(--brand-orange);opacity:1}.sidebar a.active:not(.sidebar-section-title-link) svg{opacity:1;color:#fff}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease}.sidebar-backdrop.visible{opacity:1;visibility:visible}.hamburger-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:var(--sidebar-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .2s ease;flex-shrink:0}.hamburger-btn:hover{background:#1f2937}.sidebar-role-badge{flex-shrink:0;font-size:9px;font-weight:600;padding:2px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px;margin-left:auto}.sidebar-role-viewer{background:#9ca3af33;color:#9ca3af}.sidebar-role-editor{background:#3b82f633;color:#60a5fa}.sidebar-role-admin{background:#a855f733;color:#a78bfa}.sidebar-shared-icon{flex-shrink:0;color:#fff6;margin-right:4px}.sidebar-section-shared .sidebar-section-header{color:#ffffffb3}.sidebar-section-shared .sidebar-section-title{font-size:11px}.sidebar-section-header{cursor:default}.sidebar-section-chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;padding:0;background:transparent;border:none;color:#9ca3af;border-radius:4px;cursor:pointer;transition:background .15s ease,color .15s ease}.sidebar-section-chevron:hover{background:#ffffff1a;color:#fff}.sidebar-section-title-link{display:flex;align-items:center;gap:6px;flex:1;min-width:0;text-decoration:none;color:inherit;border-radius:4px;padding:2px 4px;white-space:nowrap;overflow:hidden;transition:color .15s ease}.sidebar-section-title-link:hover{color:#e5e7eb}.sidebar-section-carnets .sidebar-section-title-link svg{color:#60a5fa;flex-shrink:0}.sidebar-section-tags .sidebar-section-title-link svg{color:#a78bfa;flex-shrink:0}.sidebar-section-favorites .sidebar-section-title-link svg{color:#fbbf24;flex-shrink:0}.sidebar-section-shared .sidebar-section-title-link svg{color:#34d399;flex-shrink:0}.topbar{padding:0 24px;height:56px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 2px #0f172a0a;flex-shrink:0}.topbar-content{display:flex;align-items:center;height:100%;gap:12px}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.hamburger-btn:hover{background:var(--surface-muted);color:var(--text-main)}.topbar-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-main);font-weight:700;font-size:16px;flex-shrink:0;transition:color .15s ease}.topbar-logo-icon{font-size:20px}.topbar-logo:hover{color:var(--accent-color)}.topbar-separator{color:var(--border);display:flex;align-items:center;flex-shrink:0}.topbar-breadcrumb{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.breadcrumb-separator{color:var(--text-soft);display:flex;align-items:center;flex-shrink:0}.breadcrumb-item{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-muted);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;padding:4px 8px;border-radius:6px;transition:all .15s ease}.breadcrumb-item svg{flex-shrink:0;width:14px;height:14px}a.breadcrumb-item:hover{color:var(--accent-color);background:var(--surface-muted)}.breadcrumb-item.current{color:var(--text-main);font-weight:500;max-width:300px}.topbar-spacer{flex:1;min-width:16px}.topbar-search{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;width:220px;transition:all .2s ease}.topbar-search:focus-within,.topbar-search.focused{border-color:var(--accent-color);box-shadow:0 0 0 3px #e85d041a;background:var(--surface)}.topbar-search svg{color:var(--text-muted);flex-shrink:0}.topbar-search input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text-main);outline:none;min-width:0}.topbar-search input::placeholder{color:var(--text-soft)}.topbar-user-menu{position:relative}.topbar-user-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;font-size:14px;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .2s ease}.topbar-user-btn:hover{background:var(--surface);border-color:var(--text-soft)}.topbar-user-btn.active{background:var(--surface);border-color:var(--accent-color)}.topbar-user-avatar{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--accent-color);color:#fff;border-radius:50%}.topbar-user-avatar svg{width:14px;height:14px}.topbar-user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:200px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #0000001f;z-index:200;padding:6px;animation:dropdown-enter .15s ease-out}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:none;background:transparent;font-size:14px;color:var(--text-main);text-decoration:none;cursor:pointer;border-radius:8px;transition:background .15s ease}.dropdown-item svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.dropdown-item:hover{background:var(--surface-muted)}.dropdown-item:hover svg{color:var(--text-main)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger svg{color:var(--danger)}.dropdown-item.danger:hover{background:#dc262614}.dropdown-separator{height:1px;background:var(--border);margin:6px 0}@media (max-width: 1024px){.topbar-search{width:180px}.breadcrumb-item{max-width:150px}.breadcrumb-item.current{max-width:200px}}@media (max-width: 768px){.topbar{padding:0 16px;height:52px}.topbar-content{gap:8px}.topbar-logo-text,.topbar-search,.topbar-user-name{display:none}.topbar-user-btn{padding:6px;border-radius:50%}.topbar-breadcrumb{flex:1}.breadcrumb-item{max-width:120px;padding:4px 6px;font-size:13px}.breadcrumb-item.current{max-width:150px}.topbar-separator{display:none}}@media (max-width: 480px){.topbar{padding:0 12px}.breadcrumb-item span{display:none}.breadcrumb-item svg{width:16px;height:16px}.breadcrumb-item.current span{display:block;max-width:100px}}.workspace{display:grid;grid-template-columns:auto 1fr;gap:0;padding:0;flex:1 1 0;min-height:0;height:100%;overflow:hidden}.workspace.workspace-with-resize{grid-template-columns:auto 6px 1fr}.workspace-resize-handle{width:6px;background:var(--border);cursor:col-resize;flex-shrink:0;transition:background .15s ease}.workspace-resize-handle:hover,.workspace-resize-handle:active{background:var(--accent-color)}@media (max-width: 768px){.workspace-resize-handle{display:none}}.workspace-panel{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease;width:280px}.workspace-panel.collapsed{width:44px}.workspace-editor{overflow:visible;border:none;border-right:none;width:auto!important;flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;height:100%}.workspace .card{border:1px solid var(--border)}.panel-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;border:none;border-bottom:1px solid var(--border);background:var(--surface-muted);cursor:pointer;transition:background .15s ease}.panel-header:hover{background:#e8ecf0}.workspace-panel.collapsed .panel-header{flex-direction:column;align-items:center;justify-content:center;height:100%;padding:16px 0;border-bottom:none;gap:12px}.workspace-panel.collapsed .panel-header-content{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);gap:8px}.workspace-panel.collapsed .panel-header h3{font-size:13px;font-weight:500;letter-spacing:.5px}.workspace-panel.collapsed .panel-count{min-width:16px;height:16px;font-size:9px}.panel-header-content{display:flex;align-items:center;gap:8px}.panel-header h3{margin:0;font-size:14px;font-weight:600}.panel-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--accent-color);color:#fff;border-radius:9px;font-size:10px;font-weight:600}.panel-subtle{color:var(--text-muted);font-size:12px}.panel-loading,.panel-empty{padding:12px;color:var(--text-muted);font-size:13px;text-align:center}.panel-body{padding:12px;overflow:auto;display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.workspace-editor>.panel-body{padding:0;overflow:visible;width:100%;flex:1 1 0;min-height:0}.drawing-note-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--text-muted, #6b7280);padding:40px;text-align:center}.drawing-note-placeholder p{margin:0;font-size:15px;font-weight:500;color:var(--text-muted, #6b7280)}.drawing-note-open-btn{padding:10px 24px;background:linear-gradient(135deg,#e85d04,#d14903);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #e85d044d}.drawing-note-open-btn:hover{background:linear-gradient(135deg,#d14903,#b93d00);transform:translateY(-1px)}.panel-create{display:flex;flex-direction:column;gap:8px}.panel-create-drawing-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:6px 12px;border:1px dashed var(--border, #e5e7eb);border-radius:6px;background:transparent;color:var(--text-muted, #6b7280);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.panel-create-drawing-btn:hover:not(:disabled){border-color:#e85d04;color:#e85d04;background:#fff7ed}.panel-create-drawing-btn:disabled{opacity:.5;cursor:not-allowed}.panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.panel-item{width:100%;text-align:left;background:transparent;border:none;padding:6px 10px;border-radius:8px;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;gap:8px;min-height:auto}.panel-item:hover{background:#f3f4f6}.panel-item.active{background:var(--accent-color);color:#fff}.panel-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-item-main{display:contents}.note-item-tags{display:none}.note-item-tag{font-size:10px;padding:1px 6px;border-radius:8px;white-space:nowrap}.note-item-tag-more{font-size:10px;color:#9ca3af}.panel-empty-filtered{padding:24px 16px;text-align:center;color:#9ca3af;font-size:13px}.panel-list-item{position:relative;display:flex;align-items:center;gap:4px}.panel-item-delete{position:absolute;right:4px;top:50%;transform:translateY(-50%);opacity:0;background:#dc26261a;border:none;border-radius:4px;padding:4px 6px;cursor:pointer;color:#dc2626;transition:opacity .2s ease,background .2s ease}.panel-list-item:hover .panel-item-delete{opacity:1}.panel-item-delete:hover{background:#dc262633}.panel-item-action{position:absolute;right:32px;top:50%;transform:translateY(-50%);opacity:0;background:#e85d041a;border:none;border-radius:4px;padding:4px 6px;cursor:pointer;color:var(--accent-color);transition:opacity .2s ease,background .2s ease}.panel-list-item:hover .panel-item-action{opacity:1}.panel-item-action:hover{background:#e85d0433}.panel-item.active+.panel-item-delete{color:#fff;background:#fff3}.panel-item.active+.panel-item-delete:hover{background:#ffffff4d}.error-banner{display:flex;align-items:flex-start;gap:16px;padding:24px;margin:24px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;max-width:480px}.error-icon{font-size:32px;flex-shrink:0}.error-content h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#991b1b}.error-content p{margin:0 0 16px;font-size:14px;color:#b91c1c}.error-content .button{background:#dc2626}.error-content .button:hover{background:#b91c1c}.notes-list{list-style:none;padding:0;margin:0}.notes-list li{margin-bottom:0;border-bottom:1px solid var(--border)}.notes-list li:last-child{border-bottom:none}.note-link{display:flex;justify-content:space-between;align-items:center;padding:12px 8px;text-decoration:none;color:var(--text-main);transition:background .15s ease;border-radius:4px}.note-link:hover{background:var(--surface-muted)}.note-title{font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-date{font-size:12px;color:var(--text-muted);margin-left:12px;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.modal{position:relative;background:#fff;padding:24px;border-radius:12px;width:100%;max-width:420px;border:1px solid var(--border);box-shadow:0 10px 30px #0f172a26;animation:scale-in .2s ease-out forwards}.modal h3{margin-top:0;font-size:18px;font-weight:600;color:var(--text-main)}.modal p{color:var(--text-muted);font-size:14px;line-height:1.5}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease,color .2s ease}.modal-close:hover{background:var(--surface-muted);color:var(--text-main)}.modal-close-btn{background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:4px}.modal-close-btn:hover{background:var(--surface-muted);color:var(--text-main)}.about-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.about-logo{width:48px;height:48px;object-fit:contain;border-radius:8px;background:var(--surface-muted);padding:4px}.about-header h3{font-size:18px;font-weight:700;color:var(--text-main);margin:0}.about-description{color:var(--text-muted);font-size:14px;margin-bottom:12px}.about-version{font-size:13px;color:var(--text-soft);margin-bottom:4px}.about-author{font-size:13px;color:var(--text-soft);margin-bottom:16px}.about-footer{padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-soft);text-align:center}.crop-modal{max-width:800px;width:90%;max-height:90vh;display:flex;flex-direction:column;background:#fff;border-radius:12px;border:1px solid var(--border);box-shadow:0 10px 30px #0f172a26;animation:scale-in .2s ease-out forwards}.crop-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.crop-modal .modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;color:var(--text-main)}.crop-modal .close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.crop-modal .close-button:hover{background:var(--surface-muted);color:var(--text-main)}.crop-container{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--surface-muted);overflow:auto;min-height:300px}.crop-container .ReactCrop{max-width:100%;max-height:100%}.crop-info{padding:12px 20px;border-top:1px solid var(--border);text-align:center;background:var(--surface)}.crop-dimensions{font-size:13px;color:var(--text-muted);font-family:monospace}.crop-modal .modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--border);margin:0}.crop-modal .modal-actions .button{display:flex;align-items:center;gap:6px}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;animation:confirm-overlay-enter .2s ease-out}@keyframes confirm-overlay-enter{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:420px;width:100%;animation:confirm-dialog-enter .25s ease-out;overflow:hidden}@keyframes confirm-dialog-enter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog-header{display:flex;align-items:center;gap:12px;padding:20px 24px 0}.confirm-dialog-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-dialog-icon-danger{background:#fef2f2;color:#dc2626}.confirm-dialog-icon-warning{background:#fffbeb;color:#d97706}.confirm-dialog-icon-primary{background:#eff6ff;color:#2563eb}.confirm-dialog-title{margin:0;font-size:18px;font-weight:600;color:#111827}.confirm-dialog-body{padding:16px 24px 24px}.confirm-dialog-body p{margin:0;color:#4b5563;font-size:14px;line-height:1.6}.confirm-dialog-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb}.confirm-empty-dialog{display:flex;align-items:center;gap:16px;padding:12px 16px;background:color-mix(in srgb,var(--danger) 8%,var(--surface));border:1px solid var(--danger);border-radius:8px}.confirm-text{color:var(--danger);font-weight:500;font-size:13px}.confirm-buttons{display:flex;gap:8px}.context-menu{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:160px;padding:4px;z-index:9998;animation:context-menu-enter .15s ease-out}@keyframes context-menu-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;color:#374151;background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:all .1s ease}.context-menu-item:hover{background:#f3f4f6}.context-menu-item svg{width:16px;height:16px;flex-shrink:0}.context-menu-item-danger{color:#dc2626}.context-menu-item-danger:hover{background:#fef2f2}.context-menu-separator{height:1px;background:#e5e7eb;margin:4px 0}.context-menu-info{padding:8px 12px;font-size:12px;color:#9ca3af;font-style:italic;text-align:center}.history-modal{width:95vw;max-width:1400px;min-width:800px;max-height:85vh;display:flex;flex-direction:column}.history-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px}.history-header h3{margin:0;font-size:18px;font-weight:600}.history-error{background:#fef2f2;color:#991b1b;padding:12px;border-radius:8px;margin-bottom:16px}.history-content{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;flex:1;min-height:0;overflow:hidden}.history-list{overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.history-empty{padding:24px;text-align:center;color:var(--text-muted)}.history-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--surface)}.history-item.selected{background:var(--accent-color);color:#fff}.history-item.selected .history-item-date,.history-item.selected .history-item-preview{color:#fffc}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}.history-item-date{font-size:13px;font-weight:600;color:var(--text-main)}.history-item.selected .history-item-date{color:#fff}.history-item-author{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);margin-top:2px;margin-bottom:4px}.history-item-author svg{flex-shrink:0}.history-item.selected .history-item-author{color:#ffffffd9}.history-item-preview{font-size:13px;color:var(--text-muted);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.history-preview{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}.history-preview-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.history-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:12px}.history-preview-placeholder p{margin:0;font-size:14px}.history-preview-header{padding:16px;border-bottom:1px solid var(--border);background:var(--surface-muted)}.history-preview-header h4{margin:0 0 8px;font-size:16px;font-weight:600}.history-preview-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.history-preview-date{font-size:13px;color:var(--text-muted)}.history-preview-author{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);background:var(--surface);padding:4px 10px;border-radius:16px;border:1px solid var(--border)}.history-preview-author svg{flex-shrink:0;opacity:.7}.history-preview-content{flex:1;padding:16px;overflow-y:auto;font-size:14px;line-height:1.6;white-space:pre-wrap;color:var(--text-color)}.history-preview-actions{padding:16px;border-top:1px solid var(--border);background:var(--surface-muted);display:flex;justify-content:flex-end}.toast-container{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column-reverse;gap:8px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#1f2937;color:#f9fafb;border-radius:10px;box-shadow:0 10px 25px #00000040,0 4px 10px #00000026;animation:toast-enter .3s ease-out;pointer-events:auto;position:relative;overflow:hidden;min-width:300px}.toast-leaving{animation:toast-leave .3s ease-in forwards}@keyframes toast-enter{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-leave{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.9)}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.toast-message{font-size:14px;line-height:1.4;word-break:break-word}.toast-action{align-self:flex-start;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.toast-action:hover{background:#ffffff1a;border-color:#ffffff80}.toast-close{flex-shrink:0;background:transparent;border:none;color:#ffffff80;padding:4px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.toast-close:hover{color:#fff;background:#ffffff1a}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#ffffff4d;transition:width .05s linear;border-radius:0 0 0 10px}.toast-success .toast-progress{background:#10b981}.toast-error .toast-progress{background:#ef4444}.toast-warning .toast-progress{background:#f59e0b}.toast-info .toast-progress{background:#3b82f6}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);text-align:center;gap:var(--space-4);animation:fadeIn .4s ease-out}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#fff7ed 0%,var(--brand-orange-light) 100%);border-radius:var(--radius-full);color:var(--accent-color)}.empty-state__icon--animated{animation:float 3s ease-in-out infinite}.empty-state__content{display:flex;flex-direction:column;gap:var(--space-1)}.empty-state__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-main);margin:0}.empty-state__text{font-size:var(--text-base);font-weight:var(--font-normal);color:var(--text-muted);margin:0;line-height:var(--leading-normal)}.empty-state__hint{font-size:var(--text-xs);color:var(--text-soft);display:block;margin-top:var(--space-1)}.empty-state__features{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:var(--space-1)}.empty-state__feature{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface-muted);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--text-muted);border:1px solid var(--border)}.empty-state__feature svg{color:var(--accent-color);opacity:.8}.empty-state__action{display:flex;flex-direction:row;gap:var(--space-3);align-items:center;justify-content:center;width:100%;max-width:400px;flex-wrap:wrap}.empty-state__input{flex:1;min-width:200px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--surface);color:var(--text-main);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.empty-state__input:focus{outline:none;border-color:var(--accent-color);box-shadow:var(--shadow-focus)}.empty-state__input::placeholder{color:var(--text-soft)}.empty-state__btn{padding:var(--space-3) var(--space-5);background:var(--accent-color);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),transform .1s ease}.empty-state__btn:hover:not(:disabled){background:#d14903}.empty-state__btn:active:not(:disabled){transform:scale(.98)}.empty-state__btn:disabled{opacity:.6;cursor:not-allowed}.empty-state--compact{padding:var(--space-6) var(--space-4) var(--space-8);gap:var(--space-4)}.empty-state--compact .empty-state__icon{width:48px;height:48px}.empty-state--compact .empty-state__title{font-size:var(--text-base)}.empty-state--compact .empty-state__text{font-size:var(--text-sm)}.empty-state--full{height:100%;min-height:400px;padding:var(--space-12) var(--space-6);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-muted) 100%);overflow:auto}.empty-state--full .empty-state__icon{width:80px;height:80px;margin-bottom:var(--space-6);opacity:.4}.empty-state--full .empty-state__content{max-width:450px;width:100%;padding:0 var(--space-4)}.empty-state--full .empty-state__title{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.empty-state--full .empty-state__text{margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.notes-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4) var(--space-8);text-align:center;gap:var(--space-4);animation:fadeIn .4s ease-out}.notes-empty-state .empty-state-illustration{animation:float 3s ease-in-out infinite}.notes-empty-state .empty-state-content{display:flex;flex-direction:column;gap:var(--space-1)}.notes-empty-state .empty-state-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-main);margin:0}.notes-empty-state .empty-state-text{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--text-muted);margin:0;line-height:var(--leading-normal)}.notes-empty-state .empty-state-hint{font-size:11px;color:var(--text-soft);display:block;margin-top:var(--space-1)}.notes-empty-state .empty-state-features{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:var(--space-1)}.notes-empty-state .feature-item{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface-muted);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--text-muted);border:1px solid var(--border)}.notes-empty-state .feature-item svg{color:var(--accent-color);opacity:.8}.notebook-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);text-align:center;color:var(--text-muted)}.notebook-empty-state .notebook-empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#fff7ed 0%,var(--brand-orange-light) 100%);border-radius:var(--radius-full);margin-bottom:var(--space-4);color:var(--accent-color)}.notebook-empty-state h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-main);margin:0 0 var(--space-2) 0}.notebook-empty-state p{font-size:var(--text-base);color:var(--text-muted);max-width:300px;line-height:var(--leading-normal);margin:0}.editor-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;padding:var(--space-12) var(--space-6);text-align:center;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-muted) 100%);overflow:auto}.editor-empty-state .empty-state-illustration{margin-bottom:var(--space-6);color:var(--text-soft);opacity:.4}.editor-empty-state .empty-state-content{max-width:450px;width:100%;padding:0 var(--space-4)}.editor-empty-state .empty-state-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-main);margin:0 0 var(--space-3) 0}.editor-empty-state .empty-state-description{font-size:var(--text-base);color:var(--text-muted);margin:0 0 var(--space-6) 0;line-height:var(--leading-relaxed)}.editor-empty-state .empty-state-action{display:flex;flex-direction:row;gap:var(--space-3);align-items:center;justify-content:center;width:100%;max-width:400px;flex-wrap:wrap}.editor-empty-state .empty-state-input{flex:1;min-width:200px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--surface);color:var(--text-main);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.editor-empty-state .empty-state-input:focus{outline:none;border-color:var(--accent-color);box-shadow:var(--shadow-focus)}.editor-empty-state .empty-state-input::placeholder{color:var(--text-soft)}.editor-empty-state .empty-state-btn{padding:var(--space-3) var(--space-5);background:var(--accent-color);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),transform .1s ease}.editor-empty-state .empty-state-btn:hover:not(:disabled){background:#d14903}.editor-empty-state .empty-state-btn:active:not(:disabled){transform:scale(.98)}.editor-empty-state .empty-state-btn:disabled{opacity:.6;cursor:not-allowed}.ProseMirror{min-height:320px;outline:none;font-family:Inter,Segoe UI,sans-serif;font-size:15px;line-height:1.6;color:var(--text-main)}.ProseMirror p{margin:0 0 12px}.ProseMirror h1{font-size:1.875rem;font-weight:700;margin:24px 0 12px;color:var(--text-main)}.ProseMirror h2{font-size:1.5rem;font-weight:600;margin:20px 0 10px;color:var(--text-main)}.ProseMirror h3{font-size:1.25rem;font-weight:600;margin:16px 0 8px;color:var(--text-main)}.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{font-size:1rem;font-weight:600;margin:14px 0 6px;color:var(--text-main)}.ProseMirror h1:first-child,.ProseMirror h2:first-child,.ProseMirror h3:first-child,.ProseMirror h4:first-child{margin-top:0}.ProseMirror a{color:var(--accent-color);text-decoration:underline}.editor-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.editor-title{flex:1;font-size:18px;font-weight:600;border:none;background:transparent;padding:8px 0;color:var(--text-main)}.editor-title:focus{outline:none;border-bottom:2px solid var(--accent-color)}.editor-status{font-size:13px;color:var(--text-muted);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.editor-toolbar-wrapper{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;overflow:visible;position:relative;z-index:10}.editor-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;flex-wrap:wrap}.editor-toolbar-formatting{background:var(--surface-muted);border:1px solid var(--border)}.editor-toolbar-actions{background:var(--surface-muted);border:1px solid var(--border);padding:6px 12px;overflow:visible;position:relative;gap:6px}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-separator{width:1px;height:24px;background:var(--border);margin:0 6px}.toolbar-spacer{flex:1;min-width:8px}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.toolbar-btn:hover{background:#00000014;color:var(--text-main)}.toolbar-btn.active{background:var(--accent-color);color:#fff}.toolbar-btn-labeled{width:auto;padding:6px 12px;gap:6px}.toolbar-btn-text{font-size:13px;font-weight:500}.toolbar-btn.favorite-active{background:#fef3c7;color:#d97706}.toolbar-btn.favorite-active:hover{background:#fde68a}.toolbar-btn-mode{width:auto;padding:8px 16px;gap:8px;border-radius:8px;font-weight:600;font-size:14px;transition:all .2s ease}.toolbar-btn-mode.edit{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;box-shadow:0 2px 8px #3b82f659}.toolbar-btn-mode.edit:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f673;transform:translateY(-1px)}.toolbar-btn-mode.edit svg{width:18px;height:18px}.toolbar-btn-mode.read{background:linear-gradient(135deg,var(--accent-color) 0%,#d14903 100%);color:#fff;border:none;box-shadow:0 2px 8px #e9570c59;animation:pulse-edit 2s ease-in-out infinite}.toolbar-btn-mode.read:hover{background:linear-gradient(135deg,#d14903,#b03d02);box-shadow:0 4px 12px #e9570c73;transform:translateY(-1px);animation:none}.toolbar-btn-mode.read svg{width:18px;height:18px}@keyframes pulse-edit{0%,to{box-shadow:0 2px 8px #e9570c59}50%{box-shadow:0 2px 16px #e9570c8c}}.toolbar-readonly-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:var(--surface-muted);color:var(--text-muted);font-size:13px;font-weight:500;border:1px solid var(--border);cursor:default}.toolbar-readonly-badge svg{width:16px;height:16px}.toolbar-mode-group{margin-left:auto}.toolbar-btn.mode-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;width:auto}.toolbar-btn.mode-btn .mode-label{font-size:11px;font-weight:500}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-dropdown-container{position:relative}.toolbar-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:140px;padding:4px}.toolbar-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;font-size:13px;color:var(--text-main);cursor:pointer;border-radius:4px;text-align:left}.toolbar-dropdown button:hover{background:var(--surface-muted)}.toolbar-dropdown button.active{background:var(--accent-color);color:#fff}.heading-indicator{position:absolute;bottom:2px;right:2px;font-size:8px;font-weight:700;color:var(--accent-color)}.toolbar-more-menu{position:relative}.toolbar-more-dropdown{position:fixed;min-width:220px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #0003;z-index:9999;padding:6px}.toolbar-more-dropdown button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:none;background:transparent;font-size:14px;color:var(--text-main);cursor:pointer;border-radius:6px;text-align:left;transition:background .15s ease}.toolbar-more-dropdown button:hover{background:var(--surface-muted)}.toolbar-more-dropdown button span{flex:1}.toolbar-more-dropdown button svg{flex-shrink:0;width:18px;height:18px;color:var(--text-muted)}.toolbar-more-dropdown button:hover svg{color:var(--text-main)}.toolbar-dropdown-separator{height:1px;background:var(--border);margin:6px 0}.toolbar-color-picker{padding:12px;min-width:200px}.toolbar-color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px}.toolbar-color-option{width:28px;height:28px;border-radius:4px;border:2px solid var(--border);cursor:pointer;padding:0;transition:transform .1s,border-color .1s}.toolbar-color-option:hover{transform:scale(1.15);border-color:var(--text-muted)}.toolbar-color-option.active{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-light)}.toolbar-color-option[style*="rgb(255, 255, 255)"],.toolbar-color-option[style*="#ffffff"],.toolbar-color-option[style*="#fff"]{border-color:var(--border)}.toolbar-color-reset{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:4px;background:var(--surface-muted);color:var(--text-main);font-size:13px;cursor:pointer;transition:background .15s}.toolbar-color-reset:hover{background:var(--border)}.toolbar-btn-color{position:relative}.toolbar-color-icon{display:flex;flex-direction:column;align-items:center;gap:2px}.toolbar-color-indicator{width:14px;height:3px;border-radius:1px;display:block}.note-search-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;margin-bottom:8px}.note-search-bar.no-results{background:#fff3cd;border-color:#ffc107}.note-search-bar .search-bar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:4px;color:var(--text-muted);cursor:pointer;flex-shrink:0}.note-search-bar .search-bar-btn:hover:not(:disabled){background:#00000014;color:var(--text-main)}.note-search-bar .search-bar-btn:disabled{opacity:.4;cursor:not-allowed}.note-search-bar .close-btn{color:var(--text-muted)}.note-search-bar .close-btn:hover{color:#dc3545;background:#dc35451a}.note-search-bar .search-input-wrapper{display:flex;align-items:center;flex:1;position:relative;background:#fff;border:1px solid var(--border);border-radius:6px;padding:0 8px;min-width:200px}.note-search-bar .search-input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f61a}.note-search-bar .search-icon{color:var(--text-muted);flex-shrink:0}.note-search-bar .search-input{flex:1;padding:6px 8px;border:none;font-size:13px;outline:none;background:transparent}.note-search-bar .search-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.note-search-bar .search-count{font-size:12px;color:var(--text-muted);white-space:nowrap;min-width:60px;text-align:center}.note-search-bar .search-count .no-match{color:#dc3545}.note-search-bar .search-count .searching{color:var(--accent-color)}.search-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;margin-bottom:8px}.search-bar input{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;outline:none}.search-bar input:focus{border-color:var(--accent-color)}.search-bar .search-count{font-size:12px;color:var(--text-muted);white-space:nowrap}.search-bar button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:4px;color:var(--text-muted);cursor:pointer}.search-bar button:hover{background:#00000014;color:var(--text-main)}.ProseMirror ul[data-type=taskList]{list-style:none;padding-left:0}.ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.ProseMirror ul[data-type=taskList] li>label{flex-shrink:0;margin-top:2px}.ProseMirror ul[data-type=taskList] li>label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-color)}.ProseMirror ul[data-type=taskList] li>div{flex:1}.ProseMirror ul[data-type=taskList] li[data-checked=true]>div{text-decoration:line-through;color:var(--text-muted)}.ProseMirror table{border-collapse:collapse;margin:16px 0;width:100%;table-layout:fixed;overflow:hidden}.ProseMirror th,.ProseMirror td{border:1px solid var(--border);padding:8px 12px;text-align:left;vertical-align:top;position:relative}.ProseMirror th{background:var(--surface-muted);font-weight:600}.ProseMirror .selectedCell{background:color-mix(in srgb,var(--accent-color) 15%,transparent)}.ProseMirror .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;background:var(--accent-color);cursor:col-resize}.workspace-editor .content{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:100%;padding:16px 24px;overflow:visible;box-sizing:border-box}.note-editor-page{display:flex;flex-direction:column;flex:1 1 0;min-height:0;height:100%;overflow:visible}.note-editor-content{display:flex;flex-direction:column;flex:1 1 auto;width:100%;max-width:100%;position:relative;transition:all .2s ease}.note-editor-content.drag-over{outline:3px dashed var(--accent-color);outline-offset:-3px;background:#e85d0408}.note-editor-content.drag-over:after{content:"Déposez le fichier ici";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;font-size:18px;font-weight:600;color:var(--accent-color);z-index:100;pointer-events:none;border-radius:8px}.crm-section{flex-shrink:0}.editor-container{background:#fff;border:1px solid var(--border);border-radius:8px;flex:1 1 auto;min-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:inset 0 1px 2px #00000005,0 1px 3px #0000000d}.editor-container .ProseMirror{max-width:800px;margin:0 auto;padding:32px 48px 100px;min-height:100%;outline:none;font-size:15px;line-height:1.7;box-sizing:border-box;background:transparent}.editor-container .ProseMirror p{margin:0 0 12px}.editor-container .ProseMirror p:last-child{margin-bottom:0}.editor-container .ProseMirror ul,.editor-container .ProseMirror ol{padding-left:24px;margin:0 0 12px}.editor-container .ProseMirror li{margin-bottom:4px}.editor-container .ProseMirror li:last-child{margin-bottom:0}.editor-container .ProseMirror img{max-width:100%;height:auto;border-radius:4px;cursor:pointer}.editor-container .ProseMirror img.ProseMirror-selectednode,.editor-container .ProseMirror .image-resizer img{outline:2px solid var(--accent-color);outline-offset:2px}.editor-container .ProseMirror .image-resizer{display:inline-block;position:relative;cursor:default}.editor-container .ProseMirror .image-resizer .resize-handle{position:absolute;width:12px;height:12px;background:var(--accent-color);border:2px solid white;border-radius:50%;box-shadow:0 2px 4px #0003;z-index:10}.editor-container .ProseMirror .image-resizer .resize-handle:hover{transform:scale(1.2)}.editor-container .ProseMirror .image-resizer .resize-handle.nw{top:-6px;left:-6px;cursor:nw-resize}.editor-container .ProseMirror .image-resizer .resize-handle.ne{top:-6px;right:-6px;cursor:ne-resize}.editor-container .ProseMirror .image-resizer .resize-handle.sw{bottom:-6px;left:-6px;cursor:sw-resize}.editor-container .ProseMirror .image-resizer .resize-handle.se{bottom:-6px;right:-6px;cursor:se-resize}.editor-container .ProseMirror [data-image-resizable]{display:inline-block;position:relative}.editor-container .ProseMirror [data-image-resizable].selected{outline:2px solid var(--accent-color);outline-offset:2px}.editor-container .ProseMirror [data-image-resizable] .resize-trigger{position:absolute;width:14px;height:14px;background:var(--accent-color);border:2px solid white;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:se-resize;bottom:-7px;right:-7px;z-index:20;transition:transform .1s ease}.editor-container .ProseMirror [data-image-resizable] .resize-trigger:hover{transform:scale(1.3);background:#e86100}.editor-container .ProseMirror a{color:var(--accent-color);text-decoration:underline}.editor-hint{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:11px;color:var(--text-soft);text-align:right;padding:4px 12px 8px;opacity:.5;transition:opacity .2s ease}.editor-hint:hover{opacity:.8}.editor-hint svg{opacity:.7}.editor-title-readonly{font-size:24px;font-weight:700;color:var(--text-main);margin:0;padding:8px 0;cursor:pointer;flex:1}.editor-title-readonly:hover{color:var(--accent-color)}.editor-header-badges{display:flex;align-items:center;gap:8px;flex-shrink:0}.editor-metadata{display:flex;align-items:center;gap:16px;padding:4px 0 12px;font-size:12px;color:var(--text-muted);flex-wrap:wrap}.editor-metadata-item{display:flex;align-items:center;gap:6px}.editor-metadata-item svg{opacity:.7;flex-shrink:0}.badge.muted{background:var(--surface-muted);color:var(--text-muted);border:1px solid var(--border)}body.fullscreen-mode .sidebar{display:none!important}body.fullscreen-mode .workspace-panel:not(.workspace-editor){display:none!important}body.fullscreen-mode .workspace{display:block!important;height:100vh}body.fullscreen-mode .workspace-editor{display:flex!important;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#fff;padding:24px 48px;overflow:hidden;border-radius:0;border:none}body.fullscreen-mode .workspace-editor .content{display:flex;flex-direction:column;flex:1;max-width:100%;width:100%;padding:0;overflow:hidden}body.fullscreen-mode .workspace-editor .editor-header,body.fullscreen-mode .workspace-editor .editor-toolbar{flex-shrink:0;margin-bottom:16px}body.fullscreen-mode .workspace-editor .editor-container{flex:1;min-height:0;overflow-y:auto}body.fullscreen-mode .workspace-editor .attachments-panel{flex-shrink:0;margin-top:16px}body.fullscreen-mode .workspace-editor .card{margin:16px 0}body.fullscreen-mode .crm-section{display:none}.read-mode .ProseMirror{cursor:default}.read-mode .ProseMirror:focus{outline:none;box-shadow:none}.tags-section{display:flex;align-items:flex-start;gap:12px;margin-top:auto;padding:8px 12px;background:var(--surface-muted);border-radius:8px}.tags-section-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-muted);white-space:nowrap;padding-top:2px}body.fullscreen-mode .tags-section{display:none}.toolbar-crm-container{display:flex;align-items:center;gap:8px;position:relative}.toolbar-btn.crm-active{background:#10b981;color:#fff;border:1px solid #10b981}.toolbar-btn.crm-active:hover{background:#059669;border-color:#059669}.toolbar-crm-search{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #10b981;border-radius:6px;padding:4px 8px;box-shadow:0 2px 8px #10b98126;animation:slideIn .15s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.toolbar-crm-search .chantier-search{margin:0;min-width:200px}.toolbar-crm-search .chantier-search-input-wrapper{margin:0}.toolbar-crm-search .chantier-search-input-wrapper .input{padding:4px 8px;font-size:12px;border:none;background:transparent}.toolbar-crm-search .chantier-search-input-wrapper .input:focus{outline:none;box-shadow:none}.toolbar-crm-unlink{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:4px;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all .15s ease}.toolbar-crm-unlink:hover{background:#fee2e2;color:#dc2626}.toolbar-crm-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#10b981;color:#fff;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap}.toolbar-crm-badge svg{flex-shrink:0}.toolbar-crm-badge-text{max-width:200px;overflow:hidden;text-overflow:ellipsis}.toolbar-crm-badge-unlink{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:#fff3;border-radius:4px;color:#fff;cursor:pointer;margin-left:4px;opacity:.7;transition:all .15s ease}.toolbar-crm-badge-unlink:hover{opacity:1;background:#ffffff4d}.toolbar-actions-separator{width:1px;height:20px;background:var(--border);margin:0 4px}.crm-section,.crm-toggle,.crm-fields{display:none}.pdf-preview-modal{position:relative;background:var(--surface);border-radius:12px;width:90vw;height:90vh;max-width:1200px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.pdf-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.pdf-preview-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-main)}.pdf-preview-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:all .15s ease}.pdf-preview-close:hover{background:var(--surface-muted);color:var(--text-main)}.pdf-preview-iframe{flex:1;width:100%;border:none;background:#525659}.attachments-panel{margin-top:8px;background:#fff;border:1px solid var(--border);border-radius:6px;overflow:hidden;flex-shrink:0;max-height:36px;display:flex;flex-direction:column}.attachments-panel.expanded{max-height:150px}.attachments-panel.collapsed{max-height:36px}.attachments-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:none;border-bottom:1px solid var(--border);background:var(--surface-muted);cursor:pointer;transition:background .15s ease}.attachments-header:hover{background:#e8ecf0}.attachments-panel.collapsed .attachments-header{border-bottom:none}.attachments-header h4{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:500;color:var(--text-muted)}.attachments-header h4 svg{width:14px;height:14px;color:var(--text-soft)}.attachments-header .count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--text-muted);color:#fff;border-radius:8px;font-size:9px;font-weight:600}.upload-zone{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:6px 8px;margin:6px;border:1px dashed var(--border);border-radius:4px;background:#fafbfc;cursor:pointer;transition:all .2s ease;color:var(--text-muted);font-size:11px}.upload-zone svg{width:14px;height:14px}.upload-zone:hover{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 5%,white);color:var(--accent-color)}.upload-zone.drag-over{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 10%,white);color:var(--accent-color);transform:scale(1.01)}.upload-zone.uploading{pointer-events:none;opacity:.7}.upload-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.attachments-grid{display:flex;flex-wrap:wrap;gap:8px;padding:8px;overflow-y:auto;flex:1;min-height:0;align-items:flex-start}.attachment-item{display:flex;flex-direction:row;align-items:center;gap:6px;background:var(--surface-muted);border-radius:4px;overflow:hidden;transition:all .15s ease;border:1px solid var(--border);padding:4px 8px 4px 4px}.attachment-item:hover{background:#e5e7eb}.attachment-item.deleting{opacity:.5;pointer-events:none}.attachment-preview{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:3px;overflow:hidden;flex-shrink:0}.attachment-preview img{width:100%;height:100%;object-fit:cover}.attachment-preview .file-icon{display:flex;flex-direction:column;align-items:center;color:var(--text-muted)}.attachment-preview .file-icon svg{width:16px;height:16px}.attachment-preview .file-ext{font-size:7px;font-weight:600;text-transform:uppercase;color:var(--text-soft)}.attachment-info{display:flex;align-items:center;gap:6px;min-width:0}.attachment-name{font-size:11px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.attachment-actions{display:flex;gap:2px}.attachment-actions .action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;border-radius:3px;color:var(--text-soft);cursor:pointer;transition:all .15s ease;text-decoration:none}.attachment-actions .action-btn svg{width:12px;height:12px}.attachment-actions .action-btn:hover{background:var(--accent-color);color:#fff}.attachment-actions .action-btn.delete:hover{background:#dc2626;color:#fff}.no-attachments{padding:12px 16px;color:var(--text-muted);font-size:13px;text-align:center}.attachment-item.previewable{cursor:pointer}.attachment-item.previewable:hover .attachment-preview{outline:2px solid var(--accent-color);outline-offset:-2px}.attachment-preview{position:relative}.preview-indicator{position:absolute;bottom:2px;right:2px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:3px;color:#fff;opacity:0;transition:opacity .15s ease}.attachment-item.previewable:hover .preview-indicator{opacity:1}.attachment-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#000000e6;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#00000080;flex-shrink:0}.preview-modal-filename{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.preview-modal-actions{display:flex;gap:8px}.preview-modal-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#ffffff1a;border-radius:6px;color:#fff;cursor:pointer;transition:all .15s ease;text-decoration:none}.preview-modal-btn:hover{background:#fff3}.preview-modal-btn.close:hover{background:#dc2626}.preview-modal-content{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto;min-height:0}.preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 4px 20px #0000004d}.preview-pdf{width:100%;height:100%;max-width:900px;border:none;border-radius:4px;background:#fff}.file-drop-zone{position:relative;transition:all .2s ease}.file-drop-zone--drag-over{outline:3px dashed var(--accent-color);outline-offset:-3px}.file-drop-zone__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fffffff2;z-index:100;pointer-events:none;border-radius:inherit}.file-drop-zone__overlay-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--accent-color)}.file-drop-zone__overlay-content svg{opacity:.8}.file-drop-zone__overlay-content span{font-size:16px;font-weight:600}.upload-progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upload-progress-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 48px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003}.upload-progress-spinner{display:flex;align-items:center;justify-content:center;color:var(--accent-color)}.upload-progress-icon{animation:upload-bounce 1s ease-in-out infinite}@keyframes upload-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.upload-progress-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.upload-progress-message{font-size:16px;font-weight:600;color:var(--text-main)}.upload-progress-filename{font-size:13px;color:var(--text-muted);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress-bar-container{width:200px;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.upload-progress-bar{height:100%;background:var(--accent-color);border-radius:4px;transition:width .2s ease-out}.upload-progress-percent{font-size:14px;font-weight:600;color:var(--accent-color)}.share-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;width:100%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border, #e5e7eb)}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border, #e5e7eb);background:linear-gradient(135deg,#fff7ed,#fff)}.share-modal-title{display:flex;align-items:center;gap:12px}.share-modal-title .icon{width:28px;height:28px;color:var(--accent-color, #e85d04)}.share-modal-title h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-main, #111827)}.share-modal-title p{margin:4px 0 0;font-size:.8rem;color:var(--text-muted, #6b7280)}.share-search-section{padding:16px 24px;border-bottom:1px solid var(--border, #e5e7eb);background:var(--surface-muted, #f9fafb)}.share-search-row{display:flex;gap:10px}.share-search-input{flex:1;position:relative;display:flex;align-items:center}.share-search-input>.icon:first-child{position:absolute;left:14px;width:18px;height:18px;color:var(--text-muted, #6b7280)}.share-search-input>.icon-spin{position:absolute;right:14px;width:18px;height:18px}.share-search-input input{width:100%;padding:12px 14px 12px 44px;border:2px solid var(--border, #e5e7eb);border-radius:10px;font-size:.9rem;background:#fff;transition:all .2s ease}.share-search-input input:focus{outline:none;border-color:var(--accent-color, #e85d04);box-shadow:0 0 0 4px #e85d041a}.share-role-select{padding:12px 14px;border:2px solid var(--border, #e5e7eb);border-radius:10px;font-size:.9rem;background:#fff;cursor:pointer;min-width:130px;font-weight:500;transition:all .2s ease}.share-role-select:hover{border-color:var(--accent-color, #e85d04)}.share-role-select:focus{outline:none;border-color:var(--accent-color, #e85d04);box-shadow:0 0 0 4px #e85d041a}.share-search-results{list-style:none;margin:12px 0 0;padding:0;background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:10px;overflow:hidden}.share-search-results li{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border, #e5e7eb);cursor:pointer;transition:background .15s ease}.share-search-results li:last-child{border-bottom:none}.share-search-results li:hover{background:#fff7ed}.share-user-info{display:flex;flex-direction:column}.share-user-name{font-weight:600;color:var(--text-main, #111827)}.share-user-email{font-size:.8rem;color:var(--text-muted, #6b7280)}.share-no-results{margin:12px 0 0;padding:16px;text-align:center;color:var(--text-muted, #6b7280);font-size:.9rem}.share-members-section{flex:1;overflow-y:auto;padding:20px 24px}.share-members-section h3{margin:0 0 16px;font-size:.95rem;font-weight:600;color:var(--text-main, #111827)}.share-loading,.share-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;color:var(--text-muted, #6b7280)}.share-loading .icon,.share-empty .icon{width:40px;height:40px;margin-bottom:12px;color:var(--accent-color, #e85d04);opacity:.5}.share-members-list{list-style:none;margin:0;padding:0}.share-members-list li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border, #e5e7eb)}.share-members-list li:last-child{border-bottom:none}.share-member-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#e85d04,#d14903);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0}.share-member-info{flex:1;min-width:0}.share-member-name{display:block;font-weight:600;color:var(--text-main, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-member-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.share-member-added,.share-member-last-seen{font-size:11px;color:#9ca3af}.share-member-email{display:block;font-size:.8rem;color:var(--text-muted, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-member-role{padding:8px 12px;border:1px solid var(--border, #e5e7eb);border-radius:8px;font-size:.8rem;font-weight:500;background:#fff;cursor:pointer;transition:all .15s ease}.share-member-role:hover{border-color:var(--accent-color, #e85d04)}.share-modal-footer{padding:16px 24px;border-top:1px solid var(--border, #e5e7eb);display:flex;justify-content:flex-end;gap:10px;background:var(--surface-muted, #f9fafb)}.share-modal-footer .button{padding:10px 20px;font-weight:600;border-radius:8px}.btn-sm{padding:8px 14px;font-size:.8rem}.btn-sm .icon{width:14px;height:14px}.btn-danger{color:#dc2626}.btn-danger:hover{background:#dc2626;color:#fff}@media (max-width: 600px){.share-modal{max-height:90vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.share-search-row{flex-direction:column}.share-role-select{width:100%}}.notification-bell{position:relative}.notification-bell-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text-muted);transition:all .2s ease;position:relative}.notification-bell-btn:hover{background:var(--bg-secondary);color:var(--text-main)}.notification-bell-btn.has-unread{color:var(--accent-color)}.notification-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;background:#dc2626;color:#fff;font-size:11px;font-weight:600;border-radius:999px;display:flex;align-items:center;justify-content:center}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:480px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb}.notification-dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-main)}.notification-mark-all{display:flex;align-items:center;gap:6px;padding:6px 10px;border:none;background:#f3f4f6;border-radius:6px;font-size:12px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.notification-mark-all:hover{background:#e5e7eb;color:var(--text-main)}.notification-dropdown-list{flex:1;overflow-y:auto;max-height:400px}.notification-loading,.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:var(--text-muted);gap:12px}.notification-empty svg{width:32px;height:32px;opacity:.5}.notification-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;border:none;background:#fff;text-align:left;cursor:pointer;transition:background .15s ease;border-bottom:1px solid #f3f4f6}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#fff7ed}.notification-item.unread:hover{background:#ffedd5}.notification-item-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fed7aa;border-radius:8px;color:#ea580c}.notification-item-content{flex:1;min-width:0}.notification-item-title{font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:2px}.notification-item-message{font-size:13px;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item-time{font-size:11px;color:#9ca3af;margin-top:4px}.notification-item-dot{flex-shrink:0;width:8px;height:8px;background:var(--accent-color);border-radius:50%;margin-top:6px}@media (max-width: 480px){.notification-dropdown{position:fixed;top:60px;left:8px;right:8px;width:auto;max-height:calc(100vh - 80px)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .15s ease-out}.modal{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xl);max-height:90vh;display:flex;flex-direction:column;animation:modal-enter .2s ease-out}.modal--sm{width:100%;max-width:400px}.modal--md{width:100%;max-width:500px}.modal--lg{width:100%;max-width:700px}.modal--xl{width:100%;max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-main);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover:not(:disabled){background:var(--surface-hover);color:var(--text-main)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--surface-muted);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-muted)}.loading-state--inline{flex-direction:row;padding:0;gap:var(--space-2)}.loading-state--sm{padding:var(--space-4);gap:var(--space-2)}.loading-state--lg{padding:var(--space-12);gap:var(--space-4)}.loading-state__spinner{animation:spin 1s linear infinite;color:var(--accent-color)}.loading-state__message{font-size:var(--text-base);color:var(--text-muted)}.loading-state--sm .loading-state__message{font-size:var(--text-sm)}.loading-state--lg .loading-state__message{font-size:var(--text-lg)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);text-align:center}.error-state--compact{flex-direction:row;padding:var(--space-3) var(--space-4);gap:var(--space-2);background:var(--danger-bg);border:1px solid var(--danger-light);border-radius:var(--radius-md)}.error-state__icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--danger-light);border-radius:var(--radius-full);color:var(--danger)}.error-state__icon{color:var(--danger)}.error-state--compact .error-state__icon{flex-shrink:0}.error-state__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-main);margin:0}.error-state__message{font-size:var(--text-base);color:var(--text-muted);margin:0;max-width:400px;line-height:var(--leading-normal)}.error-state--compact .error-state__message{font-size:var(--text-sm);color:var(--danger-text);flex:1}.error-state__retry{margin-top:var(--space-2)}.error-state--compact .error-state__retry{margin-top:0}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .15s ease-out}.confirm-dialog{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xl);width:100%;max-width:420px;animation:modal-enter .2s ease-out}.confirm-dialog-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--border)}.confirm-dialog-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);flex-shrink:0}.confirm-dialog-icon-danger{background:var(--danger-light);color:var(--danger)}.confirm-dialog-icon-warning{background:var(--warning-light);color:var(--warning)}.confirm-dialog-icon-primary{background:var(--accent-light);color:var(--accent-color)}.confirm-dialog-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-main);margin:0}.confirm-dialog-body{padding:var(--space-5)}.confirm-dialog-body p{margin:0;color:var(--text-muted);line-height:var(--leading-normal)}.confirm-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--surface-muted);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#111827;padding:24px;position:relative;overflow:hidden}.auth-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;background-image:radial-gradient(circle at 2px 2px,white 1px,transparent 0);background-size:32px 32px;pointer-events:none}.auth-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:400px;background:#e85d041a;filter:blur(120px);border-radius:50%;pointer-events:none}.auth-container{position:relative;width:100%;max-width:420px;z-index:1}.auth-header{text-align:center;margin-bottom:40px}.auth-brand{display:inline-flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.auth-brand img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.auth-title{font-size:28px;font-weight:700;color:#fff;letter-spacing:-.5px}.auth-subtitle{font-size:14px;color:var(--accent-color);font-weight:600;letter-spacing:2px;text-transform:uppercase}.auth-tagline{color:#9ca3af;font-size:16px;margin:0}.auth-card{background:#1f293780;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(55,65,81,.8);border-radius:16px;padding:32px;box-shadow:0 25px 50px #00000040;animation:scale-in .3s ease-out forwards}.auth-microsoft-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:#fff;color:#111827;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #00000026;transition:all .2s ease}.auth-microsoft-btn:hover{background:#f3f4f6;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.auth-microsoft-btn:active{transform:translateY(0)}.microsoft-logo{width:20px;height:20px}.auth-separator{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-separator:before,.auth-separator:after{content:"";flex:1;height:1px;background:#374151cc}.auth-separator span{color:#6b7280;font-size:13px}.auth-help{text-align:center}.auth-help p{color:#9ca3af;font-size:14px;margin:0;line-height:1.5}.auth-help-secondary{color:#6b7280!important;font-size:12px!important;margin-top:8px!important}.auth-footer{text-align:center;margin-top:32px;color:#4b5563;font-size:13px}.auth-dev-badge{display:inline-block;background:#fbbf24;color:#1f2937;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;text-align:center}.workspace-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 24px;height:100%;background:linear-gradient(180deg,#fff,#f9fafb,#f3f4f6);animation:fadeIn .5s ease-out}.welcome-illustration{animation:floatSlow 4s ease-in-out infinite}.welcome-hero{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px;padding:0 24px}.welcome-hero h2{font-size:22px;font-weight:700;color:var(--text-main);margin:0 0 10px;letter-spacing:-.3px}.welcome-description{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0 0 20px;max-width:400px}.welcome-action{display:flex;gap:10px;width:100%;max-width:400px;padding:16px 20px;background:#fff;border-radius:12px;border:1px solid var(--border);box-shadow:0 4px 12px #0000000f}.welcome-input{flex:1;padding:12px 16px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;background:#fff;color:var(--text-main);transition:border-color .2s ease,box-shadow .2s ease}.welcome-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px #e85d041f}.welcome-input::placeholder{color:var(--text-soft)}.welcome-btn{padding:12px 22px;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 6px #e85d044d}.welcome-btn:hover:not(:disabled){background:#d14903;transform:translateY(-1px);box-shadow:0 4px 12px #e85d0459}.welcome-btn:active:not(:disabled){transform:translateY(0)}.welcome-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.welcome-cta-hint{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:10px 16px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;font-size:13px;color:#9a3412}.welcome-cta-hint svg{color:var(--accent-color);animation:bounceRight 1.5s ease-in-out infinite}.welcome-cta-hint strong{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--accent-color);color:#fff;border-radius:4px;font-size:14px;margin:0 2px}.welcome-tips{display:flex;gap:14px;max-width:700px;width:100%;margin-top:8px}.welcome-tip{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 14px;background:#fff;border-radius:12px;border:1px solid var(--border);transition:all .25s ease;cursor:default}.welcome-tip:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014;border-color:#d1d5db}.tip-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#fff7ed,#fed7aa);border-radius:10px;color:var(--accent-color);flex-shrink:0}.tip-icon svg{width:20px;height:20px}.tip-content{display:flex;flex-direction:column;gap:4px}.tip-content h4{font-size:13px;font-weight:600;color:var(--text-main);margin:0}.tip-content p{font-size:12px;color:var(--text-muted);line-height:1.4;margin:0}.trash-page{padding:16px;height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.trash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0;height:32px}.trash-tabs{display:flex;gap:4px;margin-bottom:12px;flex-shrink:0;border-bottom:1px solid var(--border);padding-bottom:8px}.trash-tab{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:6px 6px 0 0;cursor:pointer;transition:all .15s ease;position:relative}.trash-tab:hover{color:var(--text-main);background:var(--surface-muted)}.trash-tab.active{color:var(--accent-color);background:var(--surface)}.trash-tab.active:after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:2px;background:var(--accent-color);border-radius:2px 2px 0 0}.trash-empty-tab{display:flex;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted);font-size:14px}.trash-notebooks-list{flex:1;overflow-y:auto}.trash-header-left{display:flex;align-items:baseline;gap:12px}.trash-header-left h2{font-size:20px;font-weight:700;color:var(--text-main);margin:0}.trash-count{font-size:13px;color:var(--text-muted);background:var(--surface-muted);padding:4px 10px;border-radius:12px}.empty-trash-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--danger);border-radius:6px;color:var(--danger);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.empty-trash-btn:hover{background:var(--danger);color:#fff}.empty-trash-btn svg{opacity:.9}.trash-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.trash-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted);gap:12px}.trash-loading .spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.trash-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;color:var(--text-muted);background:var(--surface);border-radius:12px;border:1px solid var(--border)}.trash-empty .empty-icon{margin-bottom:20px;color:var(--text-muted)}.trash-empty h3{font-size:17px;font-weight:600;color:var(--text-main);margin-bottom:6px}.trash-empty p{font-size:14px}.trash-layout{display:grid;grid-template-columns:300px 1fr;gap:16px;flex:1;min-height:0;overflow:hidden}.trash-table-container{background:var(--surface);border-radius:10px;border:1px solid var(--border);overflow:auto;display:flex;flex-direction:column;min-height:0;height:100%}.trash-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.trash-table thead{position:sticky;top:0;background:var(--surface-muted);z-index:1}.trash-table th{text-align:left;padding:8px 10px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border)}.trash-table th.actions-col{width:70px;text-align:right}.trash-table tbody tr{cursor:pointer;transition:background .1s ease}.trash-table tbody tr:hover{background:var(--surface-muted)}.trash-table tbody tr.selected{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.trash-table td{padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.trash-table .title-cell{overflow:hidden}.trash-table .title-cell .note-title{font-weight:500;color:var(--text-main);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trash-table .title-cell .note-meta{display:block;font-size:11px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trash-table .actions-cell{text-align:right;white-space:nowrap}.trash-preview-panel{background:var(--surface);border-radius:10px;border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.preview-header h3{font-size:16px;font-weight:600;color:var(--text-main);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-meta{padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.meta-value{font-size:13px;color:var(--text-main);font-weight:500}.preview-content{flex:1;padding:12px 16px;overflow-y:auto;min-height:0}.content-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.content-text{font-size:14px;line-height:1.7;color:var(--text-main);white-space:pre-wrap}.content-empty{font-size:14px;color:var(--text-muted);font-style:italic}.preview-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);font-size:14px;text-align:center;padding:24px}.preview-placeholder-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#fff7ed,#fed7aa);border-radius:50%;color:var(--accent-color);margin-bottom:4px;animation:floatSlow 4s ease-in-out infinite}.preview-placeholder p{font-size:15px;font-weight:500;color:var(--text-main);margin:0}.preview-placeholder-hint{font-size:13px;color:var(--text-soft);max-width:250px;line-height:1.4}.preview-actions{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px;flex-shrink:0}.preview-actions .button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.archive-empty-state{display:flex;flex-direction:column;gap:16px;padding:16px;max-width:780px;margin:0 auto}.archive-empty-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;background:linear-gradient(180deg,#fff,#f9fafb,#f3f4f6);border-radius:14px;border:1px solid var(--border)}.archive-empty-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--accent-bg);border-radius:50%;margin-bottom:14px;color:var(--accent-color)}.archive-empty-icon svg{width:32px;height:32px}.archive-empty-illustration{animation:floatSlow 4s ease-in-out infinite;margin-bottom:16px}.archive-empty-hero h2{font-size:22px;font-weight:700;color:var(--text-main);margin:0 0 10px;letter-spacing:-.3px}.archive-empty-description{font-size:14px;color:var(--text-muted);max-width:420px;line-height:1.6;margin:0 0 20px}.archive-empty-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #e85d044d}.archive-empty-cta:hover{background:#d14903;transform:translateY(-1px);box-shadow:0 4px 12px #e85d0459}.archive-empty-cta:active{transform:translateY(0)}.archive-tips{background:var(--surface);border-radius:10px;border:1px solid var(--border);padding:16px}.archive-tips h3{font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:12px}.archive-tips-grid{display:flex;gap:12px}.archive-tip-card{flex:1;display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border:1px solid var(--border);border-radius:10px;transition:all .25s ease}.archive-tip-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000014;border-color:#d1d5db}.archive-tip-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#fff7ed,#fed7aa);color:var(--accent-color);border-radius:50%;font-size:13px;font-weight:700;flex-shrink:0}.archive-tip-content h4{font-size:13px;font-weight:600;color:var(--text-main);margin:0 0 4px}.archive-tip-content p{font-size:12px;color:var(--text-muted);line-height:1.5;margin:0}.archive-info-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--accent-bg);border:1px solid var(--accent-color);border-radius:8px}.archive-info-banner svg{flex-shrink:0;color:var(--accent-color);width:18px;height:18px}.archive-info-banner p{font-size:12px;color:var(--text-main);line-height:1.4}.archive-info-banner strong{font-weight:600}.search-page{display:flex;flex-direction:column;gap:16px;padding:20px 24px;max-width:900px;margin:0 auto;width:100%}.search-header-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.search-input-row{display:flex;gap:12px;margin-bottom:12px}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:10px;background:#f9fafb;border:1.5px solid var(--border);border-radius:10px;padding:0 14px;transition:border-color .2s ease,box-shadow .2s ease}.search-input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px #e85d041a;background:#fff}.search-input-wrapper svg{color:var(--text-muted);flex-shrink:0}.search-main-input{flex:1;border:none;background:transparent;padding:12px 0;font-size:15px;color:var(--text-main);outline:none}.search-main-input::placeholder{color:var(--text-soft)}.search-clear-btn{background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.search-clear-btn:hover{background:var(--surface-muted);color:var(--text-main)}.search-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-filters .input{flex:1;min-width:180px;max-width:250px}.search-checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);cursor:pointer;white-space:nowrap}.search-checkbox-label input[type=checkbox]{width:16px;height:16px}.search-results-container{flex:1;min-height:300px}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px;color:var(--text-muted)}.search-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.search-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;background:var(--surface);border:1px solid var(--border);border-radius:12px;animation:fadeIn .4s ease-out}.search-empty-illustration{margin-bottom:20px;animation:floatSlow 4s ease-in-out infinite}.search-empty-state h3{font-size:18px;font-weight:600;color:var(--text-main);margin:0 0 8px}.search-empty-state p{font-size:14px;color:var(--text-muted);margin:0;max-width:400px;line-height:1.5}.search-empty-state p strong{color:var(--text-main)}.search-tips{display:flex;gap:16px;margin-top:20px}.search-tip{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.tip-key{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;background:var(--surface-muted);border:1px solid var(--border);border-radius:4px;font-size:11px;font-weight:600;color:var(--text-main)}.search-suggestions{margin-top:20px;padding:16px;background:var(--surface-muted);border-radius:8px;text-align:left}.search-suggestions p{font-weight:500;margin-bottom:8px;color:var(--text-main)}.search-suggestions ul{list-style:none;padding:0;margin:0}.search-suggestions li{font-size:13px;color:var(--text-muted);padding:4px 0 4px 16px;position:relative}.search-suggestions li:before{content:"•";position:absolute;left:0;color:var(--accent-color)}.search-results{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.search-results-header{padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface-muted)}.results-count{font-size:13px;color:var(--text-muted)}.results-count strong{color:var(--text-main)}.search-results-list{list-style:none;padding:0;margin:0}.search-result-item{display:flex;align-items:center;border-bottom:1px solid var(--border)}.search-result-item:last-child{border-bottom:none}.search-result-link{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:background .15s ease}.search-result-unlink{display:inline-flex;align-items:center;gap:6px;margin-right:12px;flex-shrink:0;white-space:nowrap}.result-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.result-meta-item{font-size:12px;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.search-admin-hint{margin:10px 0 0;font-size:12px;color:var(--text-soft)}.search-result-link:hover{background:var(--surface-muted)}.result-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#fff7ed,#fed7aa);border-radius:8px;color:var(--accent-color);flex-shrink:0}.result-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.result-title{font-size:14px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-crm-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#fff7ed;color:#c2410c;border-radius:4px;font-size:11px;font-weight:500;width:fit-content}.result-arrow{color:var(--text-soft);flex-shrink:0;transition:transform .15s ease}.search-result-link:hover .result-arrow{transform:translate(3px);color:var(--accent-color)}.admin-page{padding:16px;height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0}.admin-header-left{display:flex;align-items:center;gap:16px}.admin-icon{width:48px;height:48px;background:linear-gradient(135deg,#fff7ed,#fed7aa);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-icon svg{width:24px;height:24px;color:var(--accent-color)}.admin-title h1{margin:0;font-size:20px;font-weight:700;color:var(--text-main)}.admin-title p{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.admin-count{font-size:13px;color:var(--text-muted);background:var(--surface-muted);padding:4px 10px;border-radius:12px}.admin-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;flex-shrink:0;align-items:center}.admin-toolbar .search-box{flex:1;min-width:200px;max-width:300px;position:relative}.admin-toolbar .search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.admin-toolbar .search-box input{width:100%;padding:8px 12px 8px 38px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:var(--surface);color:var(--text-main);transition:all .15s ease}.admin-toolbar .search-box input::placeholder{color:var(--text-soft)}.admin-toolbar .search-box input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #e85d041a}.admin-toolbar select{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:var(--surface);color:var(--text-main);cursor:pointer;transition:all .15s ease}.admin-toolbar select:focus{outline:none;border-color:var(--accent-color)}.admin-content{flex:1;min-height:0;overflow-y:auto}.admin-loading,.admin-error,.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;color:var(--text-muted);background:var(--surface);border-radius:12px;border:1px solid var(--border);text-align:center}.admin-loading svg,.admin-error svg,.admin-empty svg{width:48px;height:48px;margin-bottom:16px;color:var(--text-soft)}.admin-error svg{color:var(--danger)}.admin-empty h3{font-size:17px;font-weight:600;color:var(--text-main);margin:0 0 8px}.admin-empty p{font-size:14px;margin:0 0 20px;color:var(--text-muted)}.admin-table-container{background:var(--surface);border-radius:12px;border:1px solid var(--border);overflow:visible}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table thead{position:sticky;top:0;background:var(--surface-muted);z-index:1}.admin-table th{text-align:left;padding:12px 16px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border)}.admin-table tbody tr{transition:background .1s ease}.admin-table tbody tr:hover{background:var(--surface-muted)}.admin-table tbody tr.inactive{opacity:.6}.admin-table td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.user-cell{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),#d35400);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.avatar.inactive{background:var(--text-soft)}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.role-badge.bg-red-100{background:#fee2e2;color:#991b1b}.role-badge.bg-purple-100{background:#f3e8ff;color:#6b21a8}.role-badge.bg-blue-100{background:#dbeafe;color:#1e40af}.role-badge.bg-green-100{background:#dcfce7;color:#166534}.role-badge.bg-orange-100{background:#fff7ed;color:#9a3412}.role-badge.bg-amber-100{background:#fef3c7;color:#92400e}.role-badge.bg-pink-100{background:#fce7f3;color:#9d174d}.role-badge.bg-gray-100{background:#f3f4f6;color:#374151}.role-badge.bg-slate-100{background:#f1f5f9;color:#334155}.status{display:inline-flex;align-items:center;gap:6px;font-size:13px}.status svg{width:14px;height:14px}.status-active{color:var(--success)}.status-inactive{color:var(--text-muted)}.actions-cell{text-align:right}.dropdown{position:relative;display:inline-block}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:4px;min-width:160px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:50;overflow:hidden}.dropdown-menu-top{top:auto;bottom:100%;margin-top:0;margin-bottom:4px}.dropdown-menu button{width:100%;padding:10px 14px;text-align:left;font-size:13px;background:none;border:none;cursor:pointer;color:var(--text-main);transition:background .1s ease}.dropdown-menu button:hover{background:var(--surface-muted)}.dropdown-menu button.danger{color:var(--danger)}.dropdown-menu button.danger:hover{background:#fef2f2}.dropdown-menu hr{margin:4px 0;border:none;border-top:1px solid var(--border)}.btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:all .15s ease}.btn-icon:hover{background:var(--surface-muted);color:var(--text-main)}.btn-icon svg{width:18px;height:18px}.icon{width:16px;height:16px}.icon-spin{animation:spin 1s linear infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--surface);border-radius:12px;box-shadow:0 20px 40px #0003;width:100%;max-width:420px;overflow:hidden;animation:modal-enter .2s ease-out}@keyframes modal-enter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-form{max-width:480px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:17px;font-weight:600;color:var(--text-main)}.modal-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.modal-icon.danger{background:#fee2e2}.modal-icon.danger svg{color:var(--danger)}.modal-icon.info{background:#dbeafe}.modal-icon.info svg{color:#3b82f6}.modal-message{padding:0 20px;margin:16px 0;color:var(--text-muted);line-height:1.6;font-size:14px}.modal-actions{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border);background:var(--surface-muted)}.modal-actions .btn{flex:1}.modal form{padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-main)}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--surface);color:var(--text-main);transition:all .15s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #e85d041a}.form-group input:disabled{background:var(--surface-muted);cursor:not-allowed;color:var(--text-muted)}.form-hint{margin:6px 0 0;font-size:12px;color:var(--text-muted)}.form-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border);margin-top:8px}.toggle-label{font-weight:500;color:var(--text-main);font-size:14px}.toggle{position:relative;width:44px;height:24px;background:var(--border);border:none;border-radius:12px;cursor:pointer;transition:background .2s}.toggle.active{background:var(--success)}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s}.toggle.active .toggle-thumb{transform:translate(20px)}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:8px;margin-bottom:16px;font-size:13px}.alert svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.alert-error{background:#fee2e2;color:#991b1b}.hidden-mobile{display:table-cell}@media (max-width: 768px){.admin-page{padding:12px}.admin-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-toolbar{flex-direction:column}.admin-toolbar .search-box{min-width:100%;max-width:100%}.admin-toolbar select{width:100%}.hidden-mobile{display:none}.admin-table th,.admin-table td{padding:10px 12px}.user-cell{gap:10px}.avatar{width:36px;height:36px;font-size:12px}.btn span{display:none}.btn svg{margin:0}}.modal-transfer{max-width:560px;max-height:80vh;display:flex;flex-direction:column}.transfer-content{padding:20px;overflow-y:auto;flex:1}.transfer-source{background:var(--surface-muted);padding:12px 16px;border-radius:8px;margin-bottom:16px}.transfer-source p{margin:0;font-size:14px;color:var(--text-main)}.transfer-source p+p{margin-top:4px}.transfer-stats{font-size:13px!important;color:var(--text-muted)!important}.transfer-loading,.transfer-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center;color:var(--text-muted)}.transfer-loading svg,.transfer-empty svg{width:40px;height:40px;margin-bottom:12px}.transfer-empty svg{color:var(--success)}.transfer-empty p{margin:0 0 16px;font-size:14px}.transfer-notebooks{margin-top:16px}.transfer-notebooks-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-bottom:8px;border-bottom:1px solid var(--border)}.transfer-notebooks-header span{font-weight:600;font-size:13px;color:var(--text-main)}.transfer-notebooks-list{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto}.transfer-notebook-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;background:var(--surface-muted);margin-bottom:6px;transition:background .1s ease}.transfer-notebook-item:hover{background:var(--border)}.transfer-notebook-item:last-child{margin-bottom:0}.notebook-info{display:flex;flex-direction:column;min-width:0;flex:1;margin-right:12px}.notebook-title{font-weight:500;font-size:14px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notebook-notes{font-size:12px;color:var(--text-muted)}.btn-sm{padding:6px 12px!important;font-size:12px!important}.btn-sm svg{width:14px;height:14px}.admin-section{margin-bottom:24px}.admin-section:last-child{margin-bottom:0}.admin-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-main);margin:0 0 12px;padding:0}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot-active{background:var(--success)}.status-dot-inactive{background:var(--text-muted)}.admin-section-inactive{opacity:.85}.admin-section-inactive .admin-table-container{border-color:var(--text-soft)}.transfer-complete{display:flex;flex-direction:column;align-items:center;padding:32px 20px;text-align:center}.transfer-complete-icon{width:64px;height:64px;border-radius:50%;background:#dcfce7;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.transfer-complete-icon svg{color:var(--success)}.transfer-complete h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-main)}.transfer-delete-suggestion{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:16px;margin-top:8px;max-width:400px}.transfer-delete-suggestion p{margin:0 0 16px;font-size:13px;color:#92400e;line-height:1.5}.transfer-delete-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn-danger{background:var(--danger)!important;color:#fff!important;border:none!important}.btn-danger:hover{background:#b91c1c!important}.btn-danger svg{width:16px;height:16px}.text-muted{color:var(--text-muted)}.text-soft{color:var(--text-soft)}.text-accent{color:var(--accent-color)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;border-radius:var(--radius-full);background:var(--surface-hover);color:var(--text-muted);white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.badge-accent,.badge.accent{background:var(--brand-orange-bg);color:var(--brand-orange)}.badge-success{background:var(--success-light);color:var(--success-text)}.badge-warning{background:var(--warning-light);color:var(--warning-text)}.badge-danger{background:var(--danger-light);color:var(--danger-text)}.badge-info{background:var(--info-light);color:var(--info-text)}.badge-secondary{background:var(--accent-secondary-bg);color:var(--accent-secondary)}.badge-reading{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-editing{background:#dcfce7;color:#15803d;border:1px solid #86efac;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-outline{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.badge-outline-accent{background:transparent;border:1px solid var(--brand-orange);color:var(--brand-orange)}.badge svg{width:12px;height:12px;flex-shrink:0}.badge-sm{padding:2px 6px;font-size:10px}.badge-lg{padding:6px 14px;font-size:14px}.link{color:var(--accent-color);text-decoration:none;font-weight:500;transition:opacity var(--transition-fast)}.link:hover{opacity:.8;text-decoration:underline}.link-muted{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.link-muted:hover{color:var(--accent-color)}.bg-accent{background:var(--brand-orange-bg)}.bg-success{background:var(--success-bg)}.bg-warning{background:var(--warning-bg)}.bg-danger{background:var(--danger-bg)}.bg-info{background:var(--info-bg)}.bg-muted{background:var(--surface-muted)}.border{border:1px solid var(--border)}.border-strong{border:1px solid var(--border-strong)}.border-accent{border:1px solid var(--accent-color)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.focus-ring:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.focus-ring-secondary:focus-visible{outline:none;box-shadow:var(--shadow-focus-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.editor-empty-state{padding:24px 16px;min-height:300px}.editor-empty-state .empty-state-illustration svg{width:60px;height:60px}.editor-empty-state .empty-state-title{font-size:18px}.editor-empty-state .empty-state-description{font-size:13px}.editor-empty-state .empty-state-action{flex-direction:column;max-width:280px}.editor-empty-state .empty-state-input{min-width:auto;width:100%}.workspace-welcome{padding:20px 16px;gap:14px}.welcome-illustration svg{width:140px;height:auto}.welcome-hero{padding:0 16px}.welcome-hero h2{font-size:18px}.welcome-action{flex-direction:column;padding:14px}.welcome-tips{flex-direction:column;gap:10px}.welcome-tip{flex-direction:row;text-align:left;padding:14px;gap:12px}.tip-content{align-items:flex-start}.trash-layout{grid-template-columns:1fr}}@media (max-width: 800px){.archive-tips-grid{flex-direction:column}}@media (max-width: 1280px){.app-shell{grid-template-columns:1fr;position:relative}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1000;transform:translate(-100%);transition:transform .3s ease;box-shadow:4px 0 20px #0000004d;padding:16px;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.sidebar.open{transform:translate(0)}.sidebar-notebooks,.sidebar-notebooks-list{overflow:visible!important;max-height:none!important}.sidebar-section,.sidebar-section-carnets{flex:none!important;min-height:auto!important}.sidebar-tags{max-height:none!important;overflow:visible!important}.sidebar-title{font-size:18px}.sidebar-logo{height:36px}.hamburger-btn{display:flex}.topbar{padding:10px 16px}.topbar-content{justify-content:space-between}.topbar-actions{gap:8px}.topbar-actions .button{padding:6px 12px;font-size:13px}.workspace{grid-template-columns:auto 1fr;height:calc(100vh - 56px)}.workspace.workspace-with-resize{grid-template-columns:auto 6px 1fr}.workspace-panel:not(.workspace-editor){width:200px;transition:width .2s ease}.workspace-panel:not(.workspace-editor).collapsed{width:44px}.workspace-panel:not(.workspace-editor) .panel-item{padding:4px 8px}.workspace-panel:not(.workspace-editor) .panel-item-title{font-size:12px}.workspace-panel:not(.workspace-editor) .panel-create .input{padding:4px 8px;font-size:12px}.workspace-panel:not(.workspace-editor) .panel-create .button{padding:4px 8px;font-size:11px}.workspace-editor{flex:1;min-width:0;overflow:hidden}.content{padding:16px}.workspace-editor .content{padding:12px 16px}.editor-toolbar-wrapper{gap:6px;margin-bottom:12px}.editor-toolbar{padding:6px 8px;gap:2px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100%}.editor-toolbar-formatting{flex-wrap:nowrap}.toolbar-group{flex-shrink:0}.toolbar-btn{width:28px;height:28px;flex-shrink:0}.toolbar-btn-labeled{width:auto;padding:4px 8px}.toolbar-btn-text{font-size:12px}.toolbar-separator{margin:0 4px;flex-shrink:0}.toolbar-mode-group{flex-shrink:0;margin-left:auto}.toolbar-btn.mode-btn,.toolbar-btn-mode{padding:4px 8px}.toolbar-btn.mode-btn .mode-label{font-size:11px}}@media (max-height: 500px) and (min-width: 500px){.editor-toolbar-wrapper{gap:4px;margin-bottom:4px}.editor-toolbar{padding:4px 6px;gap:1px}.toolbar-btn{width:26px;height:26px}.toolbar-separator{margin:0 2px;height:20px}.toolbar-btn-text{display:none}.toolbar-btn-labeled,.toolbar-btn-mode{padding:4px 6px}.toolbar-btn.mode-btn .mode-label{display:none}.toolbar-btn.mode-btn{padding:4px 6px;width:32px}.workspace-panel:not(.workspace-editor){width:140px}.workspace-panel:not(.workspace-editor).collapsed{width:36px}.workspace-panel:not(.workspace-editor) .panel-body{padding:4px;gap:2px}.workspace-panel:not(.workspace-editor) .panel-item{padding:3px 6px}.workspace-panel:not(.workspace-editor) .panel-item-title{font-size:11px}.workspace-panel:not(.workspace-editor) .panel-create{gap:2px}.workspace-panel:not(.workspace-editor) .panel-create .input{padding:3px 6px;font-size:11px}.workspace-panel:not(.workspace-editor) .panel-create .button{padding:3px 6px;font-size:10px}.workspace-panel:not(.workspace-editor).collapsed .panel-header h3{font-size:9px;max-width:28px}.workspace-panel:not(.workspace-editor).collapsed .panel-count{min-width:12px;height:12px;font-size:7px}.editor-header{margin-bottom:2px}.editor-title,.editor-title-readonly{font-size:14px;padding:2px 0}.editor-container{min-height:150px}.editor-container .ProseMirror{max-width:100%;padding:16px 12px 40px;font-size:13px;line-height:1.6}.tags-section,.crm-link-bar{display:none}.sidebar{width:260px;padding:12px}.sidebar-brand{margin-bottom:4px}.sidebar-logo{height:28px}.sidebar-title{font-size:16px}.sidebar-subtitle{font-size:10px}.sidebar a,.sidebar-about-btn{padding:6px 10px;font-size:13px}.sidebar-section-header{padding:4px 10px;font-size:10px}.sidebar-notebook-item{padding:4px 10px;font-size:12px}.sidebar-tag-item{padding:4px 10px}.sidebar-tag-name{font-size:12px}}@media (max-width: 768px){.topbar{padding:8px 12px;flex-shrink:0}.topbar-user{display:none}.topbar-actions .button{padding:8px 12px}.app-main{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.workspace{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.workspace-panel:not(.workspace-editor){width:100%!important;flex:0 0 auto!important;border-right:none!important;border-bottom:1px solid var(--border)!important;max-height:50px!important;overflow:hidden!important;transition:max-height .2s ease}.workspace-panel:not(.workspace-editor).expanded{max-height:150px!important}.workspace-panel:not(.workspace-editor).collapsed{max-height:40px!important;width:100%!important}.workspace .workspace-panel:not(.workspace-editor) .panel-header,.workspace .workspace-panel:not(.workspace-editor).collapsed .panel-header,.workspace .workspace-panel:not(.workspace-editor).expanded .panel-header{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;height:auto!important;padding:8px 12px!important;border-bottom:1px solid var(--border)!important;border-right:none!important}.workspace .workspace-panel:not(.workspace-editor) .panel-header-content,.workspace .workspace-panel:not(.workspace-editor).collapsed .panel-header-content,.workspace .workspace-panel:not(.workspace-editor).expanded .panel-header-content{writing-mode:horizontal-tb!important;text-orientation:initial!important;transform:none!important;flex-direction:row!important;width:auto!important;gap:8px!important;display:flex!important}.workspace .workspace-panel:not(.workspace-editor) .panel-header h3,.workspace .workspace-panel:not(.workspace-editor).collapsed .panel-header h3{font-size:13px!important;margin:0!important}.workspace .workspace-panel:not(.workspace-editor) .panel-count,.workspace .workspace-panel:not(.workspace-editor).collapsed .panel-count{min-width:16px!important;height:16px!important;font-size:9px!important}.workspace-panel:not(.workspace-editor) .panel-body{padding:6px;gap:4px;overflow-y:auto;max-height:100px}.workspace-panel:not(.workspace-editor) .panel-create{gap:4px}.workspace-panel:not(.workspace-editor) .panel-create .input{padding:6px 8px;font-size:13px}.workspace-panel:not(.workspace-editor) .panel-create .button{padding:6px 10px;font-size:12px}.workspace-panel:not(.workspace-editor) .panel-item{padding:6px}.workspace-panel:not(.workspace-editor) .panel-item-title{font-size:12px}.workspace-editor{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;width:100%}.workspace-editor>.panel-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px;overflow-y:auto}.workspace-editor .content,.workspace-editor .note-editor-content{display:flex;flex-direction:column;flex:1;min-height:0}.editor-header{flex-shrink:0;flex-wrap:wrap;gap:4px;margin-bottom:4px}.editor-title{font-size:16px;width:100%;padding:2px 0}.editor-title-readonly{font-size:16px;padding:2px 0}.editor-toolbar-wrapper{gap:4px;margin-bottom:6px}.editor-toolbar{flex-shrink:0;padding:4px 6px}.editor-toolbar-formatting{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.editor-toolbar-actions{padding:4px 8px}.toolbar-btn{width:24px;height:24px}.toolbar-btn-text{display:none}.toolbar-btn-labeled{padding:4px 6px}.toolbar-btn-mode{padding:4px 8px}.crm-link-bar{flex-shrink:0;flex-wrap:wrap;gap:8px;padding:6px 0}.crm-link-search{width:100%;max-width:none}.editor-container{flex:1;min-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch}.editor-container .ProseMirror{max-width:100%;padding:20px 16px 60px;font-size:14px;line-height:1.6;min-height:100%}.editor-container .ProseMirror p,.editor-container .ProseMirror ul,.editor-container .ProseMirror ol{margin-bottom:0}.tags-section{flex-shrink:0;margin-top:8px;padding:8px 10px;background:var(--surface-muted);border-radius:6px}.attachments-panel{flex-shrink:0;margin-top:6px}.attachments-panel.expanded{max-height:100px}.attachments-grid{padding:6px;gap:4px}.attachment-name{max-width:60px;font-size:10px}.notes-empty-state{padding:16px 12px}.notes-empty-state .empty-state-illustration svg{width:48px;height:48px}.notes-empty-state .empty-state-features{display:none}.workspace-welcome{padding:20px 16px;gap:12px}.welcome-illustration svg{width:100px;height:auto}.welcome-hero h2{font-size:16px}.welcome-description{font-size:13px}.welcome-action{flex-direction:column;padding:12px;gap:8px}.welcome-tips{display:none}.modal{margin:12px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow-y:auto}.modal-actions{flex-direction:column-reverse;gap:8px}.modal-actions .button{width:100%}.history-modal{width:100%;max-width:calc(100vw - 24px);margin:12px}.history-content{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.crop-modal{width:95%;max-height:85vh}.crop-container{min-height:150px}.trash-page{padding:10px;height:calc(100vh - 52px)}.trash-header{flex-direction:column;align-items:flex-start;gap:8px;height:auto;margin-bottom:8px}.trash-header-left h2{font-size:18px}.trash-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin-bottom:8px}.trash-tab{padding:6px 12px;font-size:12px;white-space:nowrap}.trash-layout{grid-template-columns:1fr;gap:10px}.trash-preview-panel{min-height:250px}.preview-header h3{font-size:14px}.preview-actions{flex-direction:column;gap:8px}.preview-actions .button{width:100%}.archive-empty-state{padding:10px}.archive-empty-hero{padding:20px 14px}.archive-empty-hero h2{font-size:16px}.archive-empty-description{font-size:13px}.archive-tips{padding:12px}.archive-tips-grid{flex-direction:column;gap:8px}.archive-tip-card{flex-direction:row;text-align:left;padding:12px}.archive-tip-content{text-align:left}.search-page{padding:12px;gap:12px}.search-header-card{padding:12px}.search-input-row{flex-direction:column;gap:8px}.search-main-input{font-size:14px;padding:10px 0}.search-filters{flex-direction:column;gap:8px}.search-filters .input{max-width:none}.toast-container{left:10px;right:10px;bottom:10px;max-width:none}.toast{min-width:auto;width:100%}.confirm-dialog{margin:12px;max-width:calc(100vw - 24px)}.confirm-dialog-actions{flex-direction:column-reverse;gap:8px}.confirm-dialog-actions .btn{width:100%}.context-menu{position:fixed;left:10px!important;right:10px!important;top:auto!important;bottom:10px!important;transform:none;min-width:auto;width:calc(100% - 20px);border-radius:12px}.context-menu-item{padding:12px 16px;font-size:14px}.settings-section{margin-bottom:20px}.settings-section h3{font-size:15px}.settings-field{margin-bottom:12px}.content{padding:12px}.card{padding:14px}h1{font-size:20px}h2{font-size:16px}.auth-page{padding:16px}.auth-container{max-width:100%}.auth-header{margin-bottom:24px}.auth-brand{flex-direction:column;gap:12px}.auth-brand img{width:56px;height:56px}.auth-title{font-size:24px}.auth-tagline{font-size:14px}.auth-card{padding:24px 20px}.auth-microsoft-btn{padding:14px 20px;font-size:14px}.auth-separator{margin:20px 0}.auth-help p{font-size:13px}.auth-footer{margin-top:24px;font-size:12px}.notes-list li{border-bottom:1px solid var(--border)}.note-link{padding:10px 6px}.note-title{font-size:14px}.note-date{font-size:11px}}@media (max-width: 380px){.sidebar{width:100%}.topbar{padding:6px 10px}.hamburger-btn{width:36px;height:36px}.topbar-actions .button.secondary{padding:6px 10px;font-size:11px}.auth-card{padding:20px 14px}.auth-title{font-size:22px}.auth-brand img{width:44px;height:44px}.auth-microsoft-btn{padding:12px 16px;font-size:13px}.workspace-panel:not(.workspace-editor).expanded{max-height:120px}.workspace-panel:not(.workspace-editor).collapsed{max-height:36px}.workspace-panel:not(.workspace-editor) .panel-header{padding:6px 10px}.workspace-panel:not(.workspace-editor) .panel-body{padding:4px;max-height:80px}.workspace-panel:not(.workspace-editor) .panel-create .input{padding:4px 6px;font-size:11px}.workspace-panel:not(.workspace-editor) .panel-create .button{padding:4px 8px;font-size:11px}.editor-header{gap:2px;margin-bottom:2px}.editor-title,.editor-title-readonly{font-size:14px;padding:2px 0}.editor-toolbar-wrapper{gap:2px;margin-bottom:2px}.editor-toolbar{padding:2px 4px}.toolbar-btn{width:22px;height:22px}.toolbar-btn-labeled,.toolbar-btn-mode{padding:2px 4px}.crm-link-bar{padding:4px 0;margin-bottom:2px}.crm-link-toggle{font-size:11px;padding:4px 8px}.crm-link-toggle span{display:none}.editor-container{min-height:150px}.editor-container .ProseMirror{max-width:100%;padding:12px 10px 40px;font-size:13px;line-height:1.6}.tags-section{padding:4px 6px;margin-top:2px}.attachments-panel.expanded{max-height:60px}.workspace-welcome{padding:14px 10px}.welcome-illustration svg{width:80px}.welcome-hero h2{font-size:15px}.welcome-description{font-size:12px}}@media print{*{box-sizing:border-box!important}.sidebar,.sidebar-backdrop,.topbar,.editor-toolbar-wrapper,.editor-toolbar,.editor-metadata,.tags-section,.crm-section,.attachments-panel,.workspace-panel:not(.workspace-editor),.hamburger-btn,.editor-header-badges,.context-menu,.modal-overlay,.toast-container,.search-panel,.history-panel,.share-modal,.floating-action-btn,.breadcrumb-nav,.workspace-tabs,.note-search-bar{display:none!important;visibility:hidden!important;position:absolute!important;left:-9999px!important;width:0!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}html,body{background:#fff!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;overflow:visible!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.app-shell{display:block!important;grid-template-columns:unset!important;grid-template-rows:unset!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}.app-main{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}.app-container,.main-layout,.workspace,.workspace-content,.content{display:block!important;position:static!important;width:100%!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important;background:#fff!important}.workspace-editor,.workspace-editor>.panel-body,.note-editor-page,.note-editor-content,.workspace-editor .content{display:block!important;visibility:visible!important;position:static!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;overflow:visible!important;border:none!important;box-shadow:none!important;background:#fff!important;flex:unset!important}.editor-header,.editor-container,.editor-container .ProseMirror,.editor-title-readonly,.editor-title{display:block!important;visibility:visible!important;position:static!important;opacity:1!important}.editor-container{display:block!important;position:static!important;border:none!important;box-shadow:none!important;background:#fff!important;overflow:visible!important;min-height:0!important;height:auto!important;max-height:none!important;border-radius:0!important;padding:0!important;margin:0!important}.editor-container .ProseMirror{display:block!important;max-width:100%!important;padding:0!important;margin:0!important;background:#fff!important;min-height:0!important;height:auto!important}.editor-header{border-bottom:2px solid #000!important;padding-bottom:16px!important;margin-bottom:24px!important;background:#fff!important}.editor-title-readonly,.editor-title,.editor-header input{font-size:24pt!important;font-weight:700!important;color:#000!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important}.editor-header-meta,.editor-meta,.note-meta-info{display:none!important}.ProseMirror{font-size:12pt!important;line-height:1.6!important;color:#000!important;font-family:Georgia,Times New Roman,serif!important}.ProseMirror p{margin-bottom:.8em!important;orphans:4;widows:4;page-break-inside:avoid;break-inside:avoid}.ProseMirror h1{font-size:20pt!important;margin-top:24pt!important;margin-bottom:12pt!important;font-weight:700!important;color:#000!important}.ProseMirror h2{font-size:16pt!important;margin-top:20pt!important;margin-bottom:10pt!important;font-weight:700!important;color:#000!important}.ProseMirror h3{font-size:14pt!important;margin-top:16pt!important;margin-bottom:8pt!important;font-weight:700!important;color:#000!important}.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{font-size:12pt!important;margin-top:12pt!important;margin-bottom:6pt!important;font-weight:700!important;color:#000!important}.ProseMirror a{color:#000!important;text-decoration:underline!important}.ProseMirror a[href]:after{content:" (" attr(href) ")";font-size:9pt;color:#666;font-style:italic}.ProseMirror a[href^="#"]:after,.ProseMirror a[href^=javascript]:after{content:none}.ProseMirror img{max-width:100%!important;height:auto!important;page-break-inside:avoid;break-inside:avoid}.ProseMirror figure{margin:16pt 0!important;page-break-inside:avoid;break-inside:avoid}.ProseMirror figcaption{font-size:10pt!important;color:#666!important;text-align:center!important;margin-top:8pt!important}.ProseMirror table{border-collapse:collapse!important;width:100%!important;margin:16pt 0!important;page-break-inside:avoid;break-inside:avoid}.ProseMirror th,.ProseMirror td{border:1px solid #000!important;padding:8pt!important;text-align:left!important;font-size:10pt!important}.ProseMirror th{background-color:#f0f0f0!important;font-weight:700!important}.ProseMirror tr:nth-child(2n) td{background-color:#fafafa!important}.ProseMirror ul,.ProseMirror ol{margin:12pt 0!important;padding-left:24pt!important;page-break-inside:avoid;break-inside:avoid}.ProseMirror li{margin-bottom:4pt!important;page-break-inside:avoid;break-inside:avoid}.ProseMirror ul[data-type=taskList]{list-style:none!important;padding-left:0!important}.ProseMirror ul[data-type=taskList] li{display:flex!important;align-items:flex-start!important;gap:8pt!important}.ProseMirror ul[data-type=taskList] li:before{content:"☐"!important;font-size:12pt!important}.ProseMirror ul[data-type=taskList] li[data-checked=true]:before{content:"☑"!important}.ProseMirror pre,.ProseMirror code{font-family:Courier New,Courier,monospace!important;font-size:10pt!important;background-color:#f5f5f5!important;border:1px solid #ddd!important;color:#000!important}.ProseMirror pre{padding:12pt!important;margin:12pt 0!important;overflow-x:visible!important;white-space:pre-wrap!important;word-wrap:break-word!important;page-break-inside:avoid;break-inside:avoid}.ProseMirror code{padding:2pt 4pt!important;border-radius:2pt!important}.ProseMirror blockquote{border-left:3pt solid #000!important;margin:16pt 0!important;padding-left:16pt!important;font-style:italic!important;color:#333!important;page-break-inside:avoid;break-inside:avoid}.ProseMirror hr{border:none!important;border-top:1px solid #000!important;margin:24pt 0!important}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{page-break-after:avoid;break-after:avoid}.ProseMirror ul,.ProseMirror ol,.ProseMirror table,.ProseMirror pre,.ProseMirror blockquote{page-break-inside:avoid;break-inside:avoid}@page{size:A4;margin:1.5cm}body.print-hide-images .ProseMirror img{display:none!important}body.print-show-urls .ProseMirror a[href]:after{content:" (" attr(href) ")"!important}body.print-hide-urls .ProseMirror a[href]:after{content:none!important}}.pdf-export-root{display:block!important;position:static!important;background:#fff!important;color:#000!important;width:100%!important;max-width:800px!important;padding:20px 40px!important;margin:0 auto!important;font-family:Georgia,Times New Roman,serif!important;box-sizing:border-box!important}.pdf-export-root .editor-header{display:block!important;border-bottom:2px solid #000!important;padding-bottom:16px!important;margin-bottom:24px!important;background:#fff!important}.pdf-export-root .editor-header input,.pdf-export-root .editor-title-readonly{display:block!important;font-size:24pt!important;font-weight:700!important;color:#000!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;width:100%!important}.pdf-export-root .editor-header-badges,.pdf-export-root .editor-meta,.pdf-export-root .editor-metadata{display:none!important}.pdf-export-root .editor-container{display:block!important;border:none!important;background:#fff!important;overflow:visible!important;min-height:auto!important;padding:0!important;margin:0!important;box-shadow:none!important}.pdf-export-root .ProseMirror{display:block!important;font-size:12pt!important;line-height:1.6!important;color:#000!important;max-width:100%!important;padding:0!important;margin:0!important;background:#fff!important}.pdf-export-root .ProseMirror p{margin-bottom:.8em!important;page-break-inside:avoid!important;break-inside:avoid!important}.pdf-export-root .ProseMirror h1,.pdf-export-root .ProseMirror h2,.pdf-export-root .ProseMirror h3,.pdf-export-root .ProseMirror h4,.pdf-export-root .ProseMirror h5,.pdf-export-root .ProseMirror h6{page-break-inside:avoid!important;break-inside:avoid!important;page-break-after:avoid!important;break-after:avoid!important}.pdf-export-root .ProseMirror h1{font-size:20pt!important;margin-top:24pt!important;margin-bottom:12pt!important;font-weight:700!important;color:#000!important}.pdf-export-root .ProseMirror h2{font-size:16pt!important;margin-top:20pt!important;margin-bottom:10pt!important;font-weight:700!important;color:#000!important}.pdf-export-root .ProseMirror h3{font-size:14pt!important;margin-top:16pt!important;margin-bottom:8pt!important;font-weight:700!important;color:#000!important}.pdf-export-root .ProseMirror ul,.pdf-export-root .ProseMirror ol{margin:12pt 0!important;padding-left:24pt!important;page-break-inside:avoid!important;break-inside:avoid!important}.pdf-export-root .ProseMirror li{margin-bottom:4pt!important;page-break-inside:avoid!important;break-inside:avoid!important}.pdf-export-root .ProseMirror table{border-collapse:collapse!important;width:100%!important;margin:16pt 0!important;page-break-inside:avoid!important;break-inside:avoid!important}.pdf-export-root .ProseMirror tr{page-break-inside:avoid!important;break-inside:avoid!important}.pdf-export-root .ProseMirror th,.pdf-export-root .ProseMirror td{border:1px solid #000!important;padding:8pt!important;font-size:10pt!important}.pdf-export-root .ProseMirror pre,.pdf-export-root .ProseMirror code{font-family:Courier New,Courier,monospace!important;font-size:10pt!important;background:#f5f5f5!important;color:#000!important;page-break-inside:avoid!important;break-inside:avoid!important}.pdf-export-root .ProseMirror blockquote{border-left:3pt solid #000!important;margin:16pt 0!important;padding-left:16pt!important;font-style:italic!important;color:#333!important;page-break-inside:avoid!important;break-inside:avoid!important}.pdf-export-root .ProseMirror img{max-width:100%!important;height:auto!important;page-break-inside:avoid!important;break-inside:avoid!important}.pdf-export-root .ProseMirror a{color:#000!important;text-decoration:underline!important}