@font-face{font-family:TecUniversal;src:url(/fonts/TecUniversalSans450-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--font-family: "TecUniversal", -apple-system, BlinkMacSystemFont, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--primary: #000000;--primary-hover: #1a1a1a;--accent: #aab203;--accent-hover: #99a003;--text: #000000;--text-secondary: #666666;--text-light: #999999;--bg: #ffffff;--bg-secondary: #f8f8f8;--bg-tertiary: #f0f0f0;--border: #000000;--border-light: #e0e0e0;--border-thin: 1px;--border-medium: 2px;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.25rem;--s-6: 1.5rem;--s-8: 2rem;--s-10: 2.5rem;--s-12: 3rem;--radius-sm: 2px;--radius: 4px;--radius-lg: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--transition: .2s ease;--z-dropdown: 1000;--z-aside: 1020;--z-sliding-panel: 1030;--z-focus-panel: 1040;--z-modal: 1050;--z-lightbox: 1060;--z-tooltip: 1070;--z-popover: 1100}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body{font-family:var(--font-family);color:var(--text);background:var(--bg);min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-base{font-size:var(--fs-base)}.text-lg{font-size:var(--fs-lg)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.reset-button{color:var(--error)!important;border:1px solid rgba(239,68,68,.2)!important;background:none!important;padding:var(--s-2) var(--s-4);border-radius:var(--radius);cursor:pointer}.reset-button:hover{background:#ef44441a!important}.form-group{display:flex;flex-direction:column;gap:var(--s-1);width:100%}.form-input-wrapper{position:relative;display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 var(--s-3)}.input-icon{left:var(--s-4);color:var(--text-secondary);width:18px;height:18px;pointer-events:none}.form-group input,.form-group select,.form-group textarea{width:100%;outline:none;border:none;padding:var(--s-3);font-family:var(--font-family);color:var(--text);background:#fff;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-group textarea{min-height:100px;resize:vertical}.form-label{font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary)}.form-error{font-size:var(--fs-xs);color:var(--error)}.customizing_mode{display:flex;justify-content:flex-end;padding:10px 0 0}.inputs_container{border-radius:var(--radius-sm);display:flex;gap:var(--s-2);position:relative}.inputs_container .form-group{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--s-4)}.inputs_container .form-group label{flex:2;white-space:nowrap;margin:0}.inputs_container .input-container{position:relative;flex:3}.inputs_container .article_unit{position:absolute;right:var(--s-3);color:var(--text-light);font-size:var(--fs-sm);pointer-events:none}.inputs_container .average-button{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s-1) var(--s-2);font-size:var(--fs-xs);color:var(--text-secondary);cursor:pointer;transition:var(--transition);margin-left:var(--s-2)}.inputs_container .average-button:hover{border-color:var(--primary)}.card{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.card-header,.card-body,.card-footer{padding:var(--s-6)}.card-header{border-bottom:1px solid var(--border-light)}.card-footer{background:var(--bg-secondary);border-top:1px solid var(--border-light)}.configurator{background:var(--bg);overflow:auto;max-height:calc(100vh - 300px)}.configurator-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) 0;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);gap:var(--s-2)}.configurator-header h3{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-base);font-weight:600;margin:0}.close-button{width:28px;height:28px;padding:0;border:none;border-radius:var(--radius);background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.close-button:hover{background:var(--primary-light);color:var(--text)}.config-section{border-bottom:1px solid var(--border-light)}.config-section h4{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);margin:0;font-size:var(--fs-sm);font-weight:500;background:var(--bg-secondary);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none}.config-section h4:hover{background:var(--primary-light)}.config-section-content{padding:var(--s-3) var(--s-4)}.checkbox_options{display:flex;align-items:center;justify-content:space-between;padding:var(--s-2) 0}.field-group-inputs{flex:3;display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);gap:var(--s-2)}.grouped-field{display:flex;flex-direction:column;gap:var(--s-1);min-width:80px}.field-abbreviation{height:18px;font-size:var(--fs-xs);font-weight:600}.grouped-field .input-container{position:relative;background:#fff;border-radius:var(--radius)}.grouped-field .input-container:focus-within{box-shadow:0 0 0 2px var(--primary-light)}.grouped-field .color-preview{width:16px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.1);margin:0 var(--s-1);flex-shrink:0}.grouped-field .input-container.select-container{display:flex;align-items:center;border:1px solid var(--primary-light);height:28px}.grouped-field .input-wrapper{position:relative;width:100%}.grouped-field .unit{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:9px;font-weight:500;pointer-events:none}.grouped-field .error-message{position:absolute;top:-20px;right:0;background:var(--error);color:#fff;padding:1px 4px;border-radius:3px;font-size:9px;font-weight:500;z-index:10}.category-header{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-1);border-bottom:1px solid var(--border-light);margin-bottom:var(--s-2);transition:border-color .2s ease}.category-header--group{border-bottom-color:var(--group-color, var(--primary))}.configurator-container--group{border-top:3px solid var(--group-color, var(--primary))}.group-mode-banner{display:flex;align-items:center;gap:var(--s-2);padding:3px var(--s-2) 3px var(--s-2);border-left:3px solid var(--group-color, var(--primary));border-radius:0 var(--radius-xs) var(--radius-xs) 0;font-size:var(--fs-xs);line-height:1.3;margin:0}.group-mode-banner__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.group-mode-banner__label{font-weight:700;color:var(--group-color, var(--primary));white-space:nowrap;text-transform:uppercase;font-size:10px;letter-spacing:.06em}.group-mode-banner__desc{color:var(--text-secondary);font-size:10px;opacity:.85}.article-primary-info{display:flex;flex-direction:column;gap:2px;min-width:0}.article-name{font-size:var(--fs-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-id{display:flex;align-items:center}.article-scope-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;letter-spacing:.03em;padding:2px 7px 2px 4px;border-radius:999px;border:1px solid transparent;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.article-scope-badge--single{color:var(--text-muted, #888);border-color:transparent}.article-scope-badge--group{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.article-scope-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:currentColor}.search-input-wrapper{display:flex;align-items:center;gap:var(--s-2);background:#ffffff1a;border:1px solid var(--primary);padding:var(--s-2) var(--s-3);border-radius:var(--radius);max-width:400px}.search-input-wrapper:focus-within{box-shadow:0 0 0 3px var(--primary-light)}.elements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--s-4);margin-top:var(--s-4)}.element-count{position:absolute;top:8px;right:8px;background:var(--primary-hover);color:#fff;padding:var(--s-1) var(--s-2);border-radius:999px;font-size:var(--fs-xs);font-weight:500;min-width:30px;height:30px;display:flex;align-items:center;justify-content:center}.view-toggle{display:flex;gap:var(--s-1);border-radius:var(--radius-sm)}.view-mode-button{display:flex;align-items:center;justify-content:center;padding:var(--s-3);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.view-mode-button:hover{border-color:var(--border);color:var(--text)}.view-mode-button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.workflow-actions{position:absolute;right:10px;top:10px;z-index:90;display:flex;gap:var(--s-2);flex-direction:column}.back-button,.next-button{display:flex;align-items:center;justify-content:center;padding:var(--s-3) var(--s-4);border-radius:var(--radius);border:none;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.cut-line-cursor,.add-door-cursor,.draw-pen-cursor,.drag-cursor{cursor:crosshair}*{scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#0000000d;border-radius:var(--radius)}*::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius)}*::-webkit-scrollbar-thumb:hover{background:var(--primary)}.loading-spinner{width:15px;height:15px;border:2px solid var(--primary-light);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.inputs_container .form-group{flex-direction:column;align-items:flex-start}.field-group-inputs{flex-direction:column}.grouped-field{width:100%;min-width:unset}.elements-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media(max-width:480px){.elements-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.cube_controller{position:absolute;right:10px;top:10px;width:180px;height:fit-content;display:flex;flex-direction:column;border-radius:10px}.selection_menu{position:absolute;bottom:60px;right:0;width:fit-content;max-height:250px;overflow-y:auto;background:#fff;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;z-index:10;border-radius:8px}.esc_message{position:absolute;bottom:20px;left:25%;background-color:#000000b3;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;z-index:1000;pointer-events:none;animation:fadeInOut 5s ease-in-out}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.spinner-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.view-controls{position:absolute;left:var(--s-2);top:var(--s-2);display:flex;flex-direction:column;gap:.5rem;z-index:10}.view-controls.bottom-left{bottom:var(--s-2);top:auto;left:var(--s-2)}.draw-menu{position:absolute;left:48px;top:0;background-color:#fff;border-radius:8px;box-shadow:0 6px 16px #0000001a;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;min-width:150px;z-index:20;border:1px solid var(--border-light, #e0e0e0)}.draw-menu-item{display:flex;align-items:center;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;border:none;background:none;text-align:left;gap:.5rem}.draw-menu-item:hover{background-color:#878e021a}.draw-menu-item.active{background-color:#878e0226;font-weight:500}.dropdown-indicator{position:absolute;bottom:2px;right:2px;background-color:#fffc;border-radius:50%;padding:1px;box-shadow:0 1px 2px #0000001a}.draw-menu-item span{color:#333}.coord-system-indicator{position:absolute;left:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.coord-system-label{font-size:.85rem;font-weight:500;color:#333}.unsaved-changes-alert{position:absolute;bottom:1rem;right:1rem;background-color:#ffffffe6;border-radius:8px;padding:.5rem 1rem;box-shadow:0 4px 12px #0000001a;border-left:4px solid #878e02;z-index:100;animation:pulse 2s infinite}.unsaved-changes-alert span{font-size:.9rem;color:#333}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.movement-step-selector{display:flex;flex-direction:column;gap:.5rem;padding:.25rem 0}.movement-step-presets{display:flex;flex-wrap:wrap;gap:.35rem}.step-preset-chip{padding:.25rem .55rem;font-size:.72rem;font-weight:500;border-radius:999px;border:1px solid var(--border-light, #d0d0d0);background:transparent;color:#555;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.step-preset-chip:hover{background:#878e021a;border-color:#878e02;color:#555}.step-preset-chip.active{background:#878e02;border-color:#878e02;color:#fff}.movement-step-custom{display:flex;align-items:center;gap:.5rem}.movement-step-custom-label{font-size:.75rem;color:#777;white-space:nowrap}.movement-step-input{width:80px;padding:.25rem .4rem;font-size:.8rem;border:1px solid var(--border-light, #d0d0d0);border-radius:6px;outline:none;transition:border-color .15s}.movement-step-input:focus{border-color:#878e02}.mobile-stop-drawing{position:absolute;top:var(--s-3);left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:6px;padding:10px 20px;background:#ef4444;color:#fff;font-size:.9rem;font-weight:700;border:none;border-radius:999px;box-shadow:0 4px 16px #ef444473;cursor:pointer;letter-spacing:.03em;animation:stop-btn-pop .18s cubic-bezier(.34,1.56,.64,1);touch-action:manipulation}.mobile-stop-drawing:active{transform:translate(-50%) scale(.96)}@keyframes stop-btn-pop{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:768px){.view-controls .btn{padding:6px;min-width:30px;min-height:30px}.view-controls .btn .btn-icon{width:14px!important;height:14px!important}.view-controls .view-button-label{font-size:.6rem;letter-spacing:0}}@media(max-width:768px){.draw-menu{left:0;top:-160px;width:100%}.coord-system-indicator{top:1rem;left:1rem;right:auto;height:fit-content}}.relative{position:relative}.wall-type-menu{left:90px;top:50px}.wall-type-header{font-weight:500;color:#333;padding:.5rem;border-bottom:1px solid var(--border-light, #e0e0e0);margin-bottom:.25rem}.selected-wall-type{position:absolute;left:calc(1rem + 50px);top:1rem;background-color:#fff;border-radius:8px;padding:.5rem .75rem;box-shadow:0 4px 12px #0000000d;border:2px solid #878e02;z-index:10;display:flex;align-items:center;gap:.5rem}.selected-wall-type span{font-size:.85rem;font-weight:500;color:#333}.selected-wall-type button{background-color:#878e021a;border:1px solid #878e02;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s ease}.selected-wall-type button:hover{background-color:#878e0233;transform:translateY(-1px)}@media(max-width:768px){.wall-type-menu{left:0;bottom:calc(100% + var(--s-2));top:auto;width:220px}.selected-wall-type{top:auto;bottom:calc(4rem + var(--s-2));left:1rem}}.mode-switcher-container{position:fixed;z-index:100}.mode-switcher-container.bottom-right{bottom:20px;right:20px}.mode-switcher-container.bottom-left{bottom:20px;left:20px}.mode-switcher-container.top-right{top:20px;right:20px}.mode-switcher-container.top-left{top:20px;left:20px}.mode-switcher-button{display:flex;align-items:center;gap:2px;padding:4px;border:var(--border-thin) solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.mode-switcher-button:hover{box-shadow:var(--shadow-lg)}.switcher-option{display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--radius-sm);color:var(--text-secondary);background:transparent;transition:var(--transition);white-space:nowrap}.switcher-option svg{width:18px;height:18px;flex-shrink:0}.switcher-option.active{background:var(--primary);color:#fff}.option-text{font-size:var(--fs-sm);font-weight:500;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.05em}.mode-switcher-container.small .switcher-option{padding:var(--s-2) var(--s-3)}.mode-switcher-container.small .switcher-option svg{width:14px;height:14px}.mode-switcher-container.small .option-text{font-size:var(--fs-xs)}.mode-switcher-container.large .switcher-option{padding:var(--s-4) var(--s-6)}.mode-switcher-container.large .switcher-option svg{width:20px;height:20px}.mode-switcher-container.large .option-text{font-size:var(--fs-base)}.toggle-switcher{display:flex;align-items:center;gap:var(--s-3);justify-content:space-between;margin-bottom:var(--s-1)}.toggle-label{font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.toggle-switch{position:relative;width:52px;height:28px;padding:0;border:var(--border-thin) solid var(--border);border-radius:14px;background:var(--bg-secondary);cursor:pointer;transition:var(--transition)}.toggle-switch:hover{border-color:var(--border);background:var(--bg-tertiary)}.toggle-switch.active{background:var(--primary);border-color:var(--primary)}.toggle-slider{position:relative;width:100%;height:100%;display:flex;align-items:center;padding:3px}.toggle-thumb{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--s-0);background:#fff;box-shadow:0 1px 3px #0003;transition:transform var(--transition)}.toggle-switch.active .toggle-thumb{transform:translate(24px)}.toggle-thumb svg{width:12px;height:12px;color:var(--text-secondary)}.toggle-switch.active .toggle-thumb svg{color:var(--primary)}.toggle-switch.small{width:40px;height:22px;border-radius:var(--s-0)}.toggle-switch.small .toggle-thumb{width:16px;height:16px}.toggle-switch.small.active .toggle-thumb{transform:translate(18px)}.toggle-switch.small .toggle-thumb svg{width:10px;height:10px}.toggle-switch.large{width:60px;height:32px;border-radius:16px}.toggle-switch.large .toggle-thumb{width:24px;height:24px}.toggle-switch.large.active .toggle-thumb{transform:translate(28px)}.toggle-switch.large .toggle-thumb svg{width:14px;height:14px}@media(max-width:768px){.mode-switcher-container{bottom:10px;right:10px;left:auto}.mode-switcher-container.bottom-left{left:10px;right:auto}.switcher-option{padding:var(--s-2) var(--s-3)}.switcher-option svg{width:16px;height:16px}.option-text{font-size:var(--fs-xs)}}@media(max-width:480px){.mode-switcher-button{padding:2px}.switcher-option{padding:var(--s-2)}.option-text{display:none}}.compact-sync-button{display:flex;align-items:center;justify-content:center;padding:8px;border:none;background:transparent;color:#6b7280;transition:all .2s ease;min-width:36px;min-height:36px;background-color:#fff;border:2px solid var(--border-light);padding:.5rem;border-radius:8px;cursor:pointer;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.save-project{background-color:#9fe4b8}.compact-sync-button:hover{background:#878e021a}.compact-sync-button:active{transform:scale(.95)}.main-save-icon{color:#878e02}.sync-status-badge{position:absolute;top:-6px;right:-8px;width:18px;height:18px;color:#fff;font-size:8px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;border:1px solid white;box-shadow:0 1px 2px #0000001a}.sync-status-syncing{background-color:#3b82f6}.sync-status-error{background-color:#ef4444}.sync-status-pending{background-color:#f59e0b}.sync-status-success{background-color:#22c55e}.sync-status-not-synced{background-color:#6b7280}.mode-toggle-badge{position:absolute;top:2px;left:2px;width:12px;height:12px;background-color:#f6f7eee6;color:#878e02;font-size:8px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000001a}.mode-toggle-badge:hover{background-color:#f6f7ee;transform:scale(1.1)}.error-count-badge{position:absolute;bottom:-6px;right:-8px;min-width:18px;height:18px;background-color:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid white;box-shadow:0 1px 2px #0000001a;cursor:pointer;transition:all .2s ease}.error-count-badge:hover{background-color:#dc2626;transform:scale(1.1)}.error-details-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:80vh;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.error-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.error-panel-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.close-panel-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:4px;transition:all .2s ease}.close-panel-btn:hover{background:#e2e8f0;color:#475569}.error-list{flex:1;overflow-y:auto;padding:16px 24px;max-height:calc(80vh - 140px)}.error-item{border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:12px;background:#fff;transition:all .2s ease}.error-item:hover{box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1}.error-item:last-child{margin-bottom:0}.error-item.error-high{border-left:4px solid #ef4444}.error-item.error-medium{border-left:4px solid #f59e0b}.error-item.error-low{border-left:4px solid #22c55e}.error-main-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.error-icon{flex-shrink:0;color:#64748b;margin-top:2px}.error-primary-info{flex:1}.error-message{font-size:14px;font-weight:500;color:#1e293b;margin-bottom:4px;line-height:1.4}.error-type{font-size:12px;color:#64748b;text-transform:capitalize}.error-severity{flex-shrink:0}.severity-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.severity-badge.high{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.severity-badge.medium{background-color:#fffbeb;color:#d97706;border:1px solid #fed7aa}.severity-badge.low{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.error-details-section{border-top:1px solid #f1f5f9;padding-top:16px}.error-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:640px){.error-details-grid{grid-template-columns:1fr;gap:16px}}.details-column h4{margin:0 0 12px;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding:6px 0;border-bottom:1px solid #f8fafc}.detail-item:last-child{border-bottom:none;margin-bottom:0}.detail-label{font-size:12px;color:#64748b;font-weight:500;display:flex;align-items:center;gap:4px;flex:1}.detail-icon{flex-shrink:0}.detail-value{font-size:12px;color:#1e293b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;text-align:right;flex:1;margin-left:12px}.error-panel-footer{padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.resolve-errors-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.resolve-errors-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.resolve-errors-btn:active{transform:translateY(0)}@media(max-width:768px){.error-details-panel{width:95%;max-height:85vh}.error-panel-header{padding:16px 20px}.error-list,.error-panel-footer{padding:12px 20px}.error-item{padding:12px}}.compact-sync-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.mode-toggle-badge:focus{outline:2px solid #3b82f6;outline-offset:1px}.error-count-badge:focus{outline:2px solid #3b82f6;outline-offset:1px}.close-panel-btn:focus,.resolve-errors-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.sync-status-syncing{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.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}.sliding-panel{position:fixed;background:var(--bg);border:var(--border-thin) solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);transition:transform .3s ease,opacity .3s ease;opacity:0;pointer-events:none;display:flex;flex-direction:column;overflow:hidden;height:85vh;z-index:var(--z-sliding-panel)}.sliding-panel--open{opacity:1;pointer-events:all}.sliding-panel--right{top:0;right:0;bottom:0;height:100vh;border-radius:var(--radius-sm) 0 0 var(--radius-sm);transform:translate(100%)}.sliding-panel--right.sliding-panel--open{transform:translate(0)}.sliding-panel--bottom-left{bottom:var(--s-2);left:var(--s-2);transform:translateY(100%)}.sliding-panel--bottom-left.sliding-panel--open{transform:translateY(0)}.sliding-panel--bottom-right{bottom:var(--s-2);right:var(--s-2);transform:translateY(100%)}.sliding-panel--bottom-right.sliding-panel--open{transform:translateY(0)}.sliding-panel--top-left{top:20px;left:20px;transform:translateY(-100%)}.sliding-panel--top-left.sliding-panel--open{transform:translateY(0)}.sliding-panel--top-right{top:20px;right:20px;transform:translateY(-100%)}.sliding-panel--top-right.sliding-panel--open{transform:translateY(0)}.sliding-panel--bottom-center{bottom:20px;left:50%;transform:translate(-50%,100%)}.sliding-panel--bottom-center.sliding-panel--open{transform:translate(-50%)}.sliding-panel--top-center{top:20px;left:50%;transform:translate(-50%,-100%)}.sliding-panel--top-center.sliding-panel--open{transform:translate(-50%)}.sliding-panel--small{width:400px;max-height:400px}.sliding-panel--medium{width:480px;height:auto}.sliding-panel--large{width:640px;height:auto}.sliding-panel--full{width:calc(100vw - 40px);height:calc(100vh - 40px);max-height:none}.sliding-panel--dynamic{height:calc(100vh - 1rem);min-width:300px}.sliding-panel__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;animation:fadeIn .3s ease}.sliding-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4);border-bottom:var(--border-thin) solid var(--border-light);background:var(--bg-secondary);flex-shrink:0}.sliding-panel__title-section{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sliding-panel__title{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-base);font-weight:600;color:var(--text);margin:0;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sliding-panel__icon{display:flex;align-items:center;flex-shrink:0;color:var(--text-secondary)}.sliding-panel__subtitle{font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sliding-panel__actions{display:flex;align-items:center;gap:var(--s-2);flex-shrink:0}.sliding-panel__view-toggle{display:flex;gap:var(--s-1)}.sliding-panel__view-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.sliding-panel__view-button:hover{border-color:var(--border);color:var(--text)}.sliding-panel__view-button--active{background:var(--primary);border-color:var(--primary);color:#fff}.sliding-panel__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.sliding-panel__close:hover{border-color:var(--border);background:var(--bg-secondary);color:var(--text)}.sliding-panel__content{flex:1;overflow-y:auto;min-height:0}.sliding-panel--mobile{width:calc(100vw - 20px)!important;max-width:none!important;left:10px!important;right:10px!important;bottom:10px!important;max-height:80vh}.sliding-panel--mobile .sliding-panel__header{padding:var(--s-3)}.sliding-panel--mobile .sliding-panel__title{font-size:var(--fs-sm)}.sliding-panel--mobile .sliding-panel__content{padding:var(--s-3)}@media(max-width:768px){.sliding-panel--small,.sliding-panel--medium,.sliding-panel--large{width:calc(100vw - 20px);max-width:none;left:10px;right:10px}.sliding-panel--bottom-left,.sliding-panel--bottom-right{left:10px;right:10px;bottom:10px}.sliding-panel--top-left,.sliding-panel--top-right{left:10px;right:10px;top:10px}.sliding-panel__header{padding:var(--s-3)}.sliding-panel__title{font-size:var(--fs-sm)}.sliding-panel__content{padding:var(--s-3)}}@media(max-width:480px){.sliding-panel__view-button,.sliding-panel__close{width:28px;height:28px}.sliding-panel__view-button svg,.sliding-panel__close svg{width:14px;height:14px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);border:var(--border-thin) solid;border-radius:var(--radius-sm);font-family:var(--font-family);font-weight:500;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-warning{background:#f9741691;color:#fff;border-color:#ea580c}.btn-warning:hover:not(:disabled){background:#ea580c;transform:translateY(-2px);box-shadow:0 4px 12px #f973164d}.btn-warning:active:not(:disabled){transform:translateY(0);background:#c2410c}.btn-danger{background:#ef4444;color:#fff;border-color:#dc2626}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-danger:active:not(:disabled){transform:translateY(0);background:#b91c1c}.btn-success{background:#22c55e;color:#fff;border-color:#16a34a}.btn-success:hover:not(:disabled){background:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.btn-success:active:not(:disabled){transform:translateY(0);background:#15803d}.btn-ghost{background:transparent;color:var(--text);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border);transform:translateY(-1px)}.btn-ghost:active:not(:disabled){transform:translateY(0)}.btn-xs{padding:var(--s-1) var(--s-2);font-size:var(--fs-xs);gap:var(--s-1)}.btn-small{padding:var(--s-1) var(--s-1);font-size:var(--fs-sm)}.btn-medium{padding:var(--s-3);font-size:var(--fs-sm)}.btn-large{padding:var(--s-4) var(--s-6);font-size:var(--fs-base)}.btn-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.btn-xs .btn-icon{width:12px;height:12px}.btn-small .btn-icon{width:14px;height:14px}.btn-medium .btn-icon{width:16px;height:16px}.btn-large .btn-icon{width:18px;height:18px}.btn-icon-left{margin-right:calc(var(--s-1) * -.5)}.btn-icon-right{margin-left:calc(var(--s-1) * -.5)}.btn-loading{pointer-events:none;position:relative}.btn-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center}.btn-spinner-icon{width:16px;height:16px;animation:btn-spin .8s linear infinite}.btn-xs .btn-spinner-icon{width:12px;height:12px}.btn-small .btn-spinner-icon{width:14px;height:14px}.btn-large .btn-spinner-icon{width:20px;height:20px}.btn-spinner-circle{stroke:currentColor;stroke-linecap:round;stroke-dasharray:50;stroke-dashoffset:25;animation:btn-dash 1.5s ease-in-out infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}@keyframes btn-dash{0%{stroke-dashoffset:50}50%{stroke-dashoffset:12.5}to{stroke-dashoffset:50}}.btn-loading .btn-text,.btn-loading .btn-icon{opacity:0}.btn-full-width{width:100%}.btn-text{display:inline-flex;align-items:center}@media(max-width:768px){.btn-large{padding:var(--s-3) var(--s-4);font-size:var(--fs-sm)}.btn-medium{padding:var(--s-2) var(--s-3);font-size:var(--fs-xs)}}.btn:focus-visible{outline:2px solid var(--accent, var(--primary));outline-offset:2px}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover:not(:disabled){transform:none}.btn-spinner-icon{animation-duration:2s}}.btn-group{display:inline-flex;gap:var(--s-2)}.btn-group .btn{flex:1}.btn-group--vertical{flex-direction:column}.btn-group--attached .btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.btn-group--attached .btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.universal-search-wrapper{font-family:var(--font-family);flex:1;position:relative;display:flex;flex-direction:column;min-height:0}.us-search-container,.us-tags-container{flex-shrink:0}.us-children-area{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}.us-search-bar{display:flex;gap:var(--s-2)}.us-search-input-wrapper{flex:1}.us-clear-btn{padding:var(--s-1);min-width:auto;margin-left:var(--s-2)}.us-filter-btn{position:relative;min-width:auto;padding:var(--s-3) var(--s-4)}.us-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.us-filter-badge{position:absolute;top:-6px;right:-6px;background:var(--error);color:#fff;font-size:var(--fs-xs);padding:2px 6px;border-radius:999px;font-weight:700;min-width:18px;text-align:center;line-height:1}.us-tags-container{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-3);align-items:center}.us-filter-tag{display:flex;align-items:center;gap:var(--s-2);background:var(--primary);color:#fff;padding:var(--s-1) var(--s-3);border-radius:var(--radius);font-size:var(--fs-xs);font-weight:500}.us-tag-remove{background:transparent;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;transition:var(--transition)}.us-tag-remove:hover{opacity:.8}.us-filter-panel{background:transparent;border:none;box-shadow:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:absolute;z-index:100;background-color:var(--bg);border:1px solid var(--border-light);white-space:nowrap}.us-filter-panel .card-body{padding:0;grid-column:1 / -1;display:contents}.us-filter-panel .config-section{border-right:1px solid var(--border-light);border-bottom:none}.us-filter-panel .config-section:last-child{border-right:none}.us-filter-panel .config-section h4{background:transparent;padding:var(--s-4);margin:0;border-bottom:1px solid var(--border-light)}.us-filter-panel .config-section-content{padding:var(--s-3) var(--s-4)}.us-chevron{transform:rotate(0);transition:var(--transition)}.us-chevron.expanded{transform:rotate(180deg)}.us-filter-group{margin-bottom:var(--s-3)}.us-filter-group:last-child{margin-bottom:0}.us-filter-label{font-size:var(--fs-xs);font-weight:500;color:var(--text-secondary);margin-bottom:var(--s-2);text-transform:capitalize}.us-filter-options{display:flex;flex-direction:column;gap:var(--s-1)}.us-filter-options .checkbox_options{cursor:pointer;font-size:var(--fs-sm);padding:var(--s-2) 0;margin:0}.us-results-info{color:var(--text-secondary);font-size:var(--fs-xs);padding:var(--s-2) 0;font-weight:500}.us-results-list{margin-top:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2)}.us-result-item{background:var(--bg);padding:var(--s-4);border-radius:var(--radius);border:1px solid var(--border-light);transition:var(--transition)}.us-result-item:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.us-result-title{color:var(--text);font-weight:600;margin-bottom:var(--s-1)}.us-result-meta{color:var(--text-secondary);font-size:var(--fs-xs)}.us-dropdown-item{padding:var(--s-3);cursor:pointer;border-bottom:1px solid var(--border-light);transition:var(--transition)}.us-dropdown-item:hover,.us-dropdown-item.focused{background:var(--bg-secondary)}.us-dropdown-item-title{font-size:var(--fs-sm);font-weight:500;color:var(--text);margin-bottom:var(--s-1)}.us-dropdown-item-subtitle{font-size:var(--fs-xs);color:var(--text-secondary)}.us-dropdown-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s ease}.us-dropdown-arrow:hover{color:var(--text-primary)}.us-chevron-icon{transition:transform .2s ease}.us-chevron-icon.rotated{transform:rotate(180deg)}.us-search-input-wrapper.has-dropdown input{padding-right:32px}.us-search-input-wrapper .us-clear-btn~.us-dropdown-arrow{right:32px}.us-search-wrapper{position:relative;width:100%}.us-search-container{position:relative;width:100%;z-index:100}.us-selected-fields{display:flex;flex-wrap:wrap;gap:4px;padding:4px;margin-right:8px}.us-field-filter-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--primary, #0d6efd);color:#fff;border-radius:4px;font-size:13px;font-weight:500;white-space:nowrap}.us-field-name{font-weight:600}.us-field-query{font-weight:400;opacity:.9}.us-field-query:before{content:"";display:inline-block;width:4px;height:4px;background:#fff;border-radius:50%;margin-right:6px;opacity:.6}.us-field-tag-remove{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;cursor:pointer;padding:0;opacity:.8;transition:opacity .15s;margin:0 0 0 2px}.us-field-tag-remove:hover{opacity:1}.us-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--border-color, #dee2e6);border-radius:6px;box-shadow:0 4px 12px #00000026;max-height:400px;overflow-y:auto;z-index:1000;padding:4px 0}.us-suggestion-item{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid var(--border-light, #f1f3f5)}.us-suggestion-item:last-child{border-bottom:none}.us-suggestion-item:hover{background-color:var(--hover-background, #f8f9fa)}.us-suggestion-icon{color:var(--text-tertiary, #adb5bd);flex-shrink:0}.us-suggestion-text{flex:1;font-size:14px;color:var(--text-secondary, #6c757d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.us-suggestion-text strong{font-weight:600;color:var(--text-primary, #212529)}.us-suggestion-query{font-style:normal;font-weight:500;color:var(--primary, #0d6efd)}.us-dropdown-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border-color, #dee2e6);border-radius:6px;box-shadow:0 4px 12px #0000001a;overflow-y:auto;z-index:1000}.us-dropdown-item{padding:10px 12px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid var(--border-light, #f1f3f5)}.us-dropdown-item:last-child{border-bottom:none}.us-dropdown-item:hover,.us-dropdown-item.focused{background-color:var(--hover-background, #f8f9fa)}.us-dropdown-item-title{font-size:14px;font-weight:500;color:var(--text-primary, #212529);margin-bottom:4px}.us-dropdown-item-subtitle{font-size:12px;color:var(--text-secondary, #6c757d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.us-inline-results{margin-top:16px}.us-empty-message{padding:32px 16px;text-align:center;color:var(--text-secondary, #6c757d);font-size:14px}@media(max-width:768px){.us-search-bar{flex-direction:column}.us-filter-btn{width:100%}.us-tags-container{flex-direction:column;align-items:stretch}.us-filter-tag{justify-content:space-between}.us-filter-panel{grid-template-columns:1fr}.us-filter-panel .config-section{border-right:none;border-bottom:1px solid var(--border-light)}.us-filter-panel .config-section:last-child{border-bottom:none}}@media(max-width:768px){.search-filter-header{flex-direction:column;gap:var(--space-2)}.shop-items-list--grid{grid-template-columns:1fr}.shop-items-list--list .shop-item{flex-direction:column}.shop-items-list--list .shop-item__image{min-height:120px;width:100%}.shop-items-list--list .shop-item__actions{flex-direction:row;border-left:none;border-top:1px solid var(--primary-light);width:100%;min-width:auto}.cart-item{flex-direction:column;align-items:stretch}.cart-item__controls{justify-content:space-between}}.cart-view{display:flex;flex-direction:column;gap:var(--space-4);height:100%}.cart-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4);border-bottom:2px solid var(--primary-light)}.cart-header__title{display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary)}.cart-header__title h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.cart-back-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary-light);color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition)}.cart-back-btn:hover{background-color:var(--primary-color);color:#fff}.cart-items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.cart-items::-webkit-scrollbar{width:6px}.cart-items::-webkit-scrollbar-track{background:transparent}.cart-items::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:var(--radius-lg)}.cart-item{display:flex;align-items:center;gap:var(--space-4);background:#ffffffb3;border:1px solid var(--primary-light);border-radius:var(--radius-lg);padding:var(--space-3);transition:all var(--transition);animation:slideUp .3s ease-out}.cart-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.cart-item__image{display:flex;align-items:center;justify-content:center;min-width:60px;min-height:60px;background:linear-gradient(135deg,var(--primary-light) 0%,rgba(255,255,255,.5) 100%);border-radius:var(--radius-lg)}.cart-item__icon{font-size:32px}.cart-item__info{flex:1;min-width:0}.cart-item__name{margin:0 0 var(--space-1) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.cart-item__price{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.cart-item__controls{display:flex;align-items:center;gap:var(--space-3)}.cart-item__subtotal{min-width:80px;text-align:right;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary-color)}.cart-item__remove{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition)}.cart-item__remove:hover{background-color:#ef44441a;color:#ef4444}.cart-footer{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border-top:2px solid var(--primary-light);background:#ffffff80;border-radius:var(--radius-lg)}.cart-total-row{display:flex;justify-content:space-between;align-items:center}.cart-total-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.cart-total-amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.cart-checkout-btn{padding:var(--space-3) var(--space-6);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition)}.cart-checkout-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--text-secondary);flex:1}.cart-empty svg{color:var(--primary-light);margin-bottom:var(--space-4)}.cart-empty h3{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:var(--font-size-lg)}.cart-empty p{margin:0 0 var(--space-4) 0;font-size:var(--font-size-sm)}.cart-empty-btn{padding:var(--space-3) var(--space-6);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition)}.cart-empty-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.shop-items-container{display:flex;flex-direction:column;gap:var(--space-4);height:100%;padding:var(--space-2) 0}.search-filter-header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:2px solid var(--primary-light);flex-shrink:0;flex-wrap:wrap}.shop-cart-summary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary-light);border-radius:var(--radius-lg);color:var(--primary-color);font-weight:var(--font-weight-semibold);border:2px solid transparent;cursor:pointer;transition:all var(--transition)}.shop-cart-summary:hover{border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.shop-cart-summary.active{background-color:var(--primary-color);color:#fff}.shop-cart-summary.active .cart-count{background-color:#fff;color:var(--primary-color)}.shop-cart-summary.active .cart-total{color:#fff}.shop-cart-summary svg{color:var(--primary-color)}.shop-cart-summary.active svg{color:#fff}.cart-count{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;background-color:var(--primary-color);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);padding:0 var(--space-2)}.cart-total{font-size:var(--font-size-base);color:var(--text-primary)}.shop-items-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.shop-items-list::-webkit-scrollbar{width:6px}.shop-items-list::-webkit-scrollbar-track{background:transparent}.shop-items-list::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:var(--radius-lg);opacity:.4}.shop-items-list--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);padding:var(--space-2)}.shop-items-list--list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.shop-item{background:#ffffffb3;border:1px solid var(--primary-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition);display:flex;flex-direction:column}.shop-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-color)}.shop-items-list--list .shop-item{flex-direction:row;align-items:center}.shop-item__image{position:relative;background:linear-gradient(135deg,var(--primary-light) 0%,rgba(255,255,255,.5) 100%);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.shop-items-list--grid .shop-item__image{min-height:160px}.shop-items-list--list .shop-item__image{min-width:100px;min-height:100px;padding:var(--space-4)}.shop-item__icon{font-size:48px;filter:grayscale(.2)}.shop-items-list--list .shop-item__icon{font-size:32px}.shop-item__out-of-stock{position:absolute;top:var(--space-2);right:var(--space-2);background-color:#ef4444e6;color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.shop-item__info{padding:var(--space-4);flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.shop-items-list--list .shop-item__info{padding:var(--space-3)}.shop-item__name{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}.shop-item__description{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-base)}.shop-items-list--list .shop-item__description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-item__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:auto}.shop-item__category{display:inline-block;padding:var(--space-1) var(--space-2);background-color:var(--primary-light);color:var(--primary-color);border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.shop-item__unit{font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic}.shop-item__actions{padding:var(--space-4);border-top:1px solid var(--primary-light);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.shop-items-list--list .shop-item__actions{flex-direction:column;border-top:none;border-left:1px solid var(--primary-light);min-width:160px;padding:var(--space-3)}.shop-item__price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.quantity-selector{display:flex;align-items:center;gap:var(--space-1);background:#ffffffb3;border:1px solid var(--primary-light);border-radius:var(--radius-lg);overflow:hidden}.quantity-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:var(--primary-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition)}.quantity-btn:hover:not(:disabled){background-color:var(--primary-light)}.quantity-btn:disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.5}.quantity-input{width:50px;height:32px;border:none;border-left:1px solid var(--primary-light);border-right:1px solid var(--primary-light);background:none;text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);outline:none}.quantity-input:disabled{color:var(--text-secondary);opacity:.5}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-input[type=number]{-moz-appearance:textfield}.shop-item__add-btn{padding:var(--space-2) var(--space-4);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition);white-space:nowrap}.shop-item__add-btn:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.shop-item__add-btn:disabled{background-color:var(--background-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.shop-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--text-secondary)}.shop-empty svg{color:var(--primary-light);margin-bottom:var(--space-4)}.shop-empty h3{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:var(--font-size-lg)}.shop-empty p{margin:0 0 var(--space-4) 0;font-size:var(--font-size-sm)}.reset-btn{padding:var(--space-2) var(--space-4);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition)}.reset-btn:hover{background-color:var(--primary-hover)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shop-item{animation:slideUp .3s ease-out}.shop-item:nth-child(1){animation-delay:0ms}.shop-item:nth-child(2){animation-delay:50ms}.shop-item:nth-child(3){animation-delay:.1s}.shop-item:nth-child(4){animation-delay:.15s}.shop-item:nth-child(5){animation-delay:.2s}.shop-item:nth-child(6){animation-delay:.25s}@media(max-width:768px){.search-filter-header{flex-direction:column;gap:var(--space-2)}.shop-items-list--grid{grid-template-columns:1fr}.shop-items-list--list .shop-item{flex-direction:column}.shop-items-list--list .shop-item__image{min-height:120px;width:100%}.shop-items-list--list .shop-item__actions{flex-direction:row;border-left:none;border-top:1px solid var(--primary-light);width:100%;min-width:auto}}.filter-dropdown{position:relative}.filter-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#ffffffb3;border:1px solid var(--primary-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);min-width:120px}.filter-toggle:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.filter-toggle.active{border-color:var(--primary-color);background-color:var(--primary-light)}.filter-toggle svg{flex-shrink:0}.filter-toggle .chevron{transition:transform .2s ease}.filter-toggle .chevron.rotated{transform:rotate(180deg)}.filter-menu{position:absolute;top:calc(100% + var(--space-2));right:0;background:#fff;border:1px solid var(--primary-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:180px;z-index:1000;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3);border:none;background:none;text-align:left;cursor:pointer;transition:all var(--transition);font-size:var(--font-size-sm);color:var(--text-primary);border-bottom:1px solid var(--border-light)}.filter-option:last-child{border-bottom:none}.filter-option:hover{background-color:var(--primary-light)}.filter-option.active{background-color:var(--primary-color);color:#fff;font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg)}.filter-option .count{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-normal)}.filter-option.active .count{color:#fffc}@media(max-width:768px){.filter-menu{left:0;right:0;min-width:auto}}.checkbox-container{position:relative;padding-left:28px;cursor:pointer;font-size:16px;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.checkbox-container input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee;border:2px solid #ccc;border-radius:6px;transition:all .3s ease}.checkbox-container:hover input~.checkmark{background-color:#f0f0f0}.checkbox-container input:checked~.checkmark{background-color:#4caf50;border-color:#4caf50}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:6px;top:2px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.section-content{display:flex;flex-direction:column;gap:var(--s-3)}.form-group label{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.form-group input[type=range]{width:100%;height:4px;border-radius:var(--radius-sm);background:var(--border);outline:none;-webkit-appearance:none}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;transition:var(--transition)}.form-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.form-group input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;transition:var(--transition)}.form-group input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.range-value{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500;text-align:right}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--s-3)}.color-option{display:flex;align-items:center;justify-content:space-between;padding:var(--s-2) var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.color-option:hover{border-color:var(--primary);transform:translateY(-2px)}.color-option span{font-size:var(--fs-sm);color:var(--text);font-weight:500}.color-preview{width:24px;height:24px;border-radius:var(--radius-sm);border:2px solid var(--border);flex-shrink:0}.color-picker-container{margin-top:var(--s-3);padding:var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.color-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-3);padding-bottom:var(--s-2);border-bottom:1px solid var(--border-light)}.color-picker-header span{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.color-picker-header button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.color-picker-header button:hover{background:var(--bg-hover);color:var(--text)}.tabs-wrapper{display:flex;flex-direction:column;gap:var(--s-4)}.tabs-wrapper.vertical{gap:var(--s-6)}.tabs-container{display:flex;gap:var(--s-2)}.tabs-horizontal{flex-direction:row;border-bottom:1px solid var(--border-light)}.tabs-vertical{flex-direction:column;border-right:1px solid var(--border-light);padding-right:var(--s-4);min-width:200px}.tabs-pills{padding:var(--s-2);background:var(--bg-secondary);border-radius:var(--radius);border-bottom:none}.tabs-full-width .tab-item{flex:1}.tabs-small .tab-item{padding:var(--s-2) var(--s-3);font-size:var(--fs-xs)}.tabs-container:not(.tabs-small):not(.tabs-large) .tab-item{padding:var(--s-3) var(--s-4);font-size:var(--fs-sm)}.tabs-large .tab-item{padding:var(--s-4) var(--s-6);font-size:var(--fs-base)}.tab-item{display:flex;align-items:center;gap:var(--s-2);background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap;position:relative}.tab-item:hover:not(.tab-disabled){color:var(--text)}.tab-active{color:var(--text)}.tabs-horizontal .tab-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.tabs-vertical .tab-active:before{content:"";position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:2px;height:70%;background:var(--accent)}.tabs-pills .tab-item{border-radius:var(--radius)}.tabs-pills .tab-active{background:var(--primary);color:#fff}.tab-disabled{opacity:.5;cursor:not-allowed}.tab-icon{display:flex;align-items:center;justify-content:center}.tab-item.icon-top{flex-direction:column}.tab-item.icon-right{flex-direction:row-reverse}.tab-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--s-1);background:var(--error);color:#fff;border-radius:999px;font-size:10px;font-weight:600}.tab-chevron{margin-left:auto;color:var(--text-light);transition:var(--transition)}.tab-open .accordion-chevron{transform:rotate(90deg)}.tabs-accordion{border-right:none;padding-right:0}.accordion-section{border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:var(--s-2)}.accordion-section:last-child{margin-bottom:0}.accordion-section .tab-item{width:100%;justify-content:space-between;padding:var(--s-3) var(--s-4);background:var(--bg-secondary);border-bottom:1px solid transparent}.accordion-section .tab-item:hover:not(.tab-disabled){background:var(--bg-tertiary)}.accordion-section .tab-open{border-bottom-color:var(--border-light);background:var(--bg)}.accordion-content{max-height:0;opacity:0;transition:max-height .3s ease,opacity .2s ease}.accordion-section .tab-open~.accordion-content{max-height:2000px;opacity:1}.accordion-content-inner{padding:var(--s-2)}.tab-content{flex:1;min-width:0}.tabs-animate .tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.tabs-wrapper.vertical{flex-direction:column;gap:var(--s-4)}.tabs-vertical{flex-direction:row;border-right:none;border-bottom:1px solid var(--border-light);padding-right:0;padding-bottom:var(--s-2);min-width:unset;overflow-x:auto}.tabs-vertical .tab-active:before{display:none}.tabs-vertical .tab-active:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--accent)}.accordion-section .tab-item{padding:var(--s-2) var(--s-3)}.accordion-content-inner{padding:var(--s-3)}}.camera-mode-switcher{display:flex;gap:var(--s-2);background:var(--bg);border:var(--border-thin) solid var(--border);padding:var(--s-1);box-shadow:var(--shadow-sm);position:absolute;left:50px;top:0}.camera-mode-button{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.camera-mode-button:hover{background:var(--bg-secondary);color:var(--text)}.camera-mode-button.active{background:var(--primary);color:#fff}.camera-mode-label{font-size:var(--fs-xs)}@media(max-width:768px){.camera-mode-label{display:none}.camera-mode-button{padding:var(--s-2)}}.container_group{display:flex;flex-direction:column;gap:var(--s-2)}.group_settings{display:flex;gap:var(--s-2);justify-content:space-between;margin-bottom:var(--s-2);margin-top:var(--s-2);align-items:center}.plan-image-handler{display:flex;flex-direction:column;gap:var(--s-4)}.hidden-file-input{display:none}.plan-image-header{display:flex;align-items:center;justify-content:space-between}.plan-image-header h4{font-size:var(--fs-base);font-weight:600;color:var(--text);margin:0}.save-image-button{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--success);color:#fff;border:none;border-radius:var(--radius);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:var(--transition)}.save-image-button:hover:not(:disabled){opacity:.9}.save-image-button:disabled{opacity:.5;cursor:not-allowed}.plan-image-error,.error-message{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3);background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius);color:var(--error);font-size:var(--fs-sm)}.error-dismiss{margin-left:auto;background:none;border:none;font-size:var(--fs-2xl);color:var(--error);cursor:pointer;line-height:1;padding:0;width:20px;height:20px}.plan-image-controls{display:flex;gap:var(--s-2);justify-content:space-between}.upload-image-button,.remove-image-button{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:var(--transition)}.upload-image-button{background:var(--primary);color:#fff;border-color:var(--primary);flex:1}.upload-image-button:hover:not(:disabled){background:var(--primary-hover)}.remove-image-button{background:var(--bg);color:var(--error);border-color:var(--border-light)}.remove-image-button:hover:not(:disabled){background:var(--error);color:#fff;border-color:var(--error)}.upload-image-button:disabled,.remove-image-button:disabled{opacity:.5;cursor:not-allowed}.uploaded-file-info{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--text-secondary)}.plan-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-12);background:var(--bg-secondary);border:2px dashed var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);text-align:center;color:var(--text-secondary)}.plan-image-placeholder:hover:not(.disabled){border-color:var(--border);background:var(--bg-tertiary)}.plan-image-placeholder.drag-over{border-color:var(--accent);background:var(--bg-tertiary)}.plan-image-placeholder.disabled{opacity:.5;cursor:not-allowed}.plan-image-placeholder p{font-size:var(--fs-base);font-weight:500;margin:0;color:var(--text)}.plan-image-placeholder span{font-size:var(--fs-sm)}.supported-formats{padding-top:var(--s-2);border-top:1px solid var(--border-light)}.supported-formats small{font-size:var(--fs-xs);color:var(--text-light)}.plan-image-loading,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-12);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.loading-text{font-size:var(--fs-sm);color:var(--text-secondary)}.spinning{animation:spin 1s linear infinite}.plan-image-preview{position:relative;border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-secondary)}.plan-image-preview img{width:100%;height:auto;display:block}.image-source-badge{position:absolute;top:var(--s-2);right:var(--s-2);padding:var(--s-1) var(--s-3);border-radius:var(--radius);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase}.image-source-badge.version-image{background:var(--success);color:#fff}.image-source-badge.project-image{background:var(--primary);color:#fff}.image-source-badge.new-image{background:var(--warning);color:#fff}.plan-image-transform-info{display:flex;gap:var(--s-4);padding:var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius)}.transform-info-item{display:flex;gap:var(--s-2);font-size:var(--fs-sm)}.transform-info-item span:first-child{color:var(--text-secondary)}.transform-info-item span:last-child{font-weight:600;color:var(--text)}.plan-image-handler.auto-save-mode{gap:var(--s-3)}.upload-zone-enhanced{position:relative;padding:var(--s-2);background:var(--bg-secondary);border:2px dashed var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);overflow:hidden}.upload-zone-enhanced:hover:not(.disabled){border-color:var(--border);background:var(--bg-tertiary)}.upload-zone-enhanced.drag-over{border-color:var(--accent);background:var(--bg-tertiary)}.upload-zone-enhanced.disabled{opacity:.5;cursor:not-allowed}.upload-content{position:relative;z-index:1}.upload-instructions{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);text-align:center}.upload-icon-container{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:2px solid var(--border-light);border-radius:50%}.drag-indicator{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);border-radius:50%;color:var(--text)}.upload-text h3{font-size:var(--fs-lg);font-weight:600;color:var(--text);margin:0 0 var(--s-2) 0}.upload-text p{font-size:var(--fs-sm);color:var(--text-secondary);margin:0}.supported-formats-enhanced{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--border-light)}.format-chips{display:flex;gap:var(--s-2);justify-content:center;margin-bottom:var(--s-2)}.format-chip{padding:var(--s-1) var(--s-2);background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);font-size:var(--fs-xs);font-weight:500;color:var(--text-secondary)}.upload-zone-border{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none}.border-animation{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-sm);opacity:0}.upload-zone-enhanced.drag-over .border-animation{opacity:1;animation:pulse 2s ease-in-out infinite}.image-uploaded{display:flex;flex-direction:column;gap:var(--s-3)}.image-preview-compact{border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-secondary)}.image-preview-compact img{width:100%;height:auto;display:block}.success-message{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3);background:#10b9811a;border:1px solid var(--success);border-radius:var(--radius);color:var(--success);font-size:var(--fs-sm);font-weight:500}@media(max-width:768px){.plan-image-placeholder,.plan-image-loading,.loading-state{padding:var(--s-8)}.upload-zone-enhanced{padding:var(--s-6)}.upload-icon-container{width:60px;height:60px}.format-chips{flex-wrap:wrap}.plan-image-controls{flex-direction:column}.upload-image-button{flex:none}}@media(max-width:480px){.plan-image-placeholder,.plan-image-loading,.loading-state{padding:var(--s-6)}.upload-zone-enhanced{padding:var(--s-4)}.upload-text h3{font-size:var(--fs-base)}}.plan-section-content,.plan-reference-line-controls{display:flex;flex-direction:column;gap:var(--s-3)}.plan-button{display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);background:var(--bg-secondary);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:var(--transition)}.plan-button:hover{background:var(--bg-hover);border-color:var(--primary)}.plan-active-button{background:var(--primary);color:#fff;border-color:var(--primary)}.plan-active-button:hover{background:var(--primary-hover)}.plan-reference-status{padding:var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.plan-reference-status p{margin:0;font-size:var(--fs-sm);color:var(--text-secondary)}.plan-reference-line-complete{display:flex;flex-direction:column;gap:var(--s-2)}.plan-reference-line-complete p:first-child{color:var(--success);font-weight:600}.plan-reference-current{padding:var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.plan-reference-current h5{margin:0 0 var(--s-2) 0;font-size:var(--fs-base);font-weight:600;color:var(--text)}.plan-reference-current p{margin:var(--s-1) 0;font-size:var(--fs-sm);color:var(--text-secondary)}.plan-reference-current strong{color:var(--text);font-weight:600}.plan-saved-reference-lines{padding:var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.plan-saved-reference-lines h5{margin:0 0 var(--s-2) 0;font-size:var(--fs-base);font-weight:600;color:var(--text)}.plan-reference-line-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-2)}.plan-reference-line-item{display:flex;align-items:center;justify-content:space-between;padding:var(--s-2) var(--s-3);background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.plan-reference-line-item span{font-size:var(--fs-sm);color:var(--text-secondary)}.plan-reference-line-item strong{color:var(--text);font-weight:600}.plan-delete-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.plan-delete-button:hover{background:var(--bg-hover);color:var(--danger)}.plan-current-scale{padding:var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.plan-current-scale p{margin:var(--s-1) 0;font-size:var(--fs-sm);color:var(--text-secondary)}.plan-current-scale strong{color:var(--text);font-weight:600}.reset-button{padding:var(--s-3) var(--s-4);background:var(--bg-secondary);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:var(--transition)}.reset-button:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.plan-configurator-info{padding:var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.plan-info-text{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-sm);color:var(--text-secondary)}.plan-info-text svg{flex-shrink:0;color:var(--warning)}.plan-scale-indicator{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.plan-scale-indicator-line{width:50px;height:2px;background:var(--text);position:relative}.plan-scale-indicator-line:before,.plan-scale-indicator-line:after{content:"";position:absolute;width:2px;height:8px;background:var(--text);top:-3px}.plan-scale-indicator-line:before{left:0}.plan-scale-indicator-line:after{right:0}.plan-scale-indicator span{font-size:var(--fs-xs);font-weight:600;color:var(--text)}.configurator::-webkit-scrollbar{width:6px}.configurator::-webkit-scrollbar-track{background:var(--bg-secondary)}.configurator::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}.configurator::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.pl-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:pl-fade-in .2s ease forwards}.pl-card{background:var(--bg, #fff);border:1px solid var(--border-light, #e0e0e0);border-radius:var(--radius-lg, 8px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .07));padding:2rem 2.25rem 1.5rem;width:min(380px,90vw);text-align:center;font-family:var(--font-family, sans-serif)}.pl-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.25rem}.pl-dot{width:10px;height:10px;border-radius:50%;background:var(--accent, #aab203);animation:pl-bounce 1.3s infinite ease-in-out both}.pl-dot:nth-child(1){animation-delay:-.32s}.pl-dot:nth-child(2){animation-delay:-.16s}.pl-dot:nth-child(3){animation-delay:0s}.pl-message{font-size:var(--fs-sm, .875rem);font-weight:600;color:var(--text, #000);margin:0 0 1.25rem;letter-spacing:.01em}.pl-steps{list-style:none;margin:0 0 1.25rem;padding:0;text-align:left;display:flex;flex-direction:column;gap:.6rem}.pl-step{display:flex;align-items:center;gap:.625rem;color:var(--text-light, #999);font-size:var(--fs-xs, .75rem);transition:color .2s ease}.pl-step.active{color:var(--text, #000)}.pl-step.done{color:var(--success, #10b981)}.pl-step-icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.pl-step.done .pl-step-icon svg{width:12px;height:12px;color:var(--success, #10b981)}.pl-step-spinner{display:block;width:12px;height:12px;border:1.5px solid var(--border-light, #e0e0e0);border-top-color:var(--accent, #aab203);border-radius:50%;animation:pl-spin .8s linear infinite}.pl-step-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--border-light, #e0e0e0);margin:0 3px}.pl-step-label{line-height:1.3}.pl-progress-track{height:3px;border-radius:999px;background:var(--bg-tertiary, #f0f0f0);overflow:hidden}.pl-progress-fill{height:100%;background:var(--accent, #aab203);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}@keyframes pl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pl-bounce{0%,80%,to{transform:scale(0);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes pl-spin{to{transform:rotate(360deg)}}.capture-wrap{position:relative;display:flex;flex-direction:column;align-items:flex-end}.capture-preview{position:absolute;top:calc(100% + var(--s-2));right:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:var(--s-2) var(--s-2) var(--s-2);display:flex;flex-direction:column;gap:var(--s-1);width:160px}.capture-preview-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.04em}.capture-preview-img-wrap{border-radius:calc(var(--radius) - 2px);border:1px solid var(--border-light);overflow:hidden;background-image:linear-gradient(45deg,#d0d0d0 25%,transparent 25%),linear-gradient(-45deg,#d0d0d0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d0d0d0 75%),linear-gradient(-45deg,transparent 75%,#d0d0d0 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px;background-color:#fff}.capture-preview-img{width:100%;height:auto;display:block}.capture-preview-actions{display:flex;gap:var(--s-1)}.capture-preview-actions .btn{flex:1}.capture-bg-row{display:flex;align-items:center;gap:var(--s-1);margin-bottom:var(--s-1)}.capture-bg-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.capture-bg-transparent{width:22px;height:22px;border-radius:4px;border:2px solid var(--border);padding:0;cursor:pointer;flex-shrink:0;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#fff}.capture-bg-transparent.capture-bg-active{border-color:var(--primary, #3b82f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary, #3b82f6) 30%,transparent)}.capture-bg-input{width:22px;height:22px;padding:0;border:2px solid var(--border);border-radius:4px;cursor:pointer;flex-shrink:0;background:none}.capture-bg-input.capture-bg-active{border-color:var(--primary, #3b82f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary, #3b82f6) 30%,transparent)}.first-person-joystick{position:absolute;top:auto;display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(2,60px);gap:var(--s-2);z-index:var(--z-tooltip);pointer-events:auto}.joystick-btn{width:60px;height:60px;background:var(--bg);border:var(--border-medium) solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);color:var(--text);box-shadow:var(--shadow-md);user-select:none;-webkit-user-select:none;touch-action:none}.joystick-btn:hover{background:var(--bg-secondary);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.joystick-btn:active,.joystick-btn.active{background:var(--primary);color:#fff;transform:translateY(0);box-shadow:var(--shadow-sm)}.joystick-up{grid-column:2;grid-row:1}.joystick-row{grid-column:1 / -1;grid-row:2;display:flex;gap:var(--s-2)}.joystick-left,.joystick-down,.joystick-right{flex:1}.joystick-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--accent);border-radius:50%;pointer-events:none;opacity:.5}@media(max-width:768px){.first-person-joystick{bottom:20px;right:20px;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(2,50px)}.joystick-btn{width:50px;height:50px}}@media(min-width:769px)and (max-width:1024px){.first-person-joystick{bottom:30px;right:30px}}.fp-entry-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:200;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fp-entry-card{background:var(--bg);border:var(--border-thin) solid var(--border);border-radius:var(--radius-lg, 12px);padding:var(--s-8, 32px);display:flex;flex-direction:column;align-items:center;gap:var(--s-5, 20px);min-width:300px;box-shadow:var(--shadow-lg)}.fp-entry-header{display:flex;align-items:center;gap:var(--s-3, 12px)}.fp-entry-icon{font-size:28px}.fp-entry-title{font-size:var(--fs-xl, 20px);font-weight:700;margin:0;color:var(--text)}.fp-entry-wasd{display:flex;flex-direction:column;align-items:center;gap:var(--s-2, 8px)}.fp-wasd-grid{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(2,40px);gap:4px}.fp-key{width:40px;height:40px;background:var(--bg-secondary, #f5f5f5);border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text);box-shadow:0 2px 0 var(--border)}.fp-key-inactive{background:transparent;border-color:transparent;box-shadow:none}.fp-entry-wasd-label{font-size:var(--fs-xs, 11px);color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.08em}.fp-entry-bindings{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:var(--s-2, 8px)}.fp-entry-bindings li{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-sm, 13px);color:var(--text-secondary)}.fp-entry-bindings kbd{background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border);border-bottom:3px solid var(--border);border-radius:5px;padding:2px 8px;font-size:var(--fs-xs, 11px);font-family:monospace;font-weight:600;color:var(--text);min-width:60px;text-align:center}.fp-entry-btn{width:100%;padding:var(--s-3, 12px);background:var(--primary);color:var(--primary-text, #fff);border:none;border-radius:var(--radius);font-size:var(--fs-md, 15px);font-weight:600;cursor:pointer;transition:var(--transition)}.fp-entry-btn:hover{opacity:.85}.fp-entry-exit{display:flex;align-items:center;gap:var(--s-1, 4px);background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:var(--fs-sm, 13px);padding:0;transition:var(--transition)}.fp-entry-exit:hover{color:var(--text)}.fp-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;pointer-events:none;z-index:200}.fp-crosshair-h{position:absolute;top:50%;left:0;width:100%;height:2px;background:#ffffffd9;transform:translateY(-50%);border-radius:1px;box-shadow:0 0 3px #0009}.fp-crosshair-v{position:absolute;left:50%;top:0;height:100%;width:2px;background:#ffffffd9;transform:translate(-50%);border-radius:1px;box-shadow:0 0 3px #0009}.fp-hud-bar{position:absolute;bottom:var(--s-5, 20px);left:50%;transform:translate(-50%);display:flex;gap:var(--s-5, 20px);background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:99px;padding:var(--s-2, 8px) var(--s-5, 20px);z-index:200;pointer-events:none;font-size:var(--fs-xs, 11px);color:#ffffffd9}.fp-hud-bar kbd{background:#ffffff26;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:inherit;margin-right:4px}.fp-joystick-wrapper{position:absolute;bottom:var(--s-8, 32px);right:var(--s-8, 32px);z-index:200}@media(pointer:fine){.fp-joystick-wrapper{display:none}}.woodcam-container{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}.woodcam-content-wrapper{display:flex;flex:1;overflow:hidden;position:relative}.header-top{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-light)}.header-left{display:flex;align-items:center;gap:1.5rem}.logo{height:2.5rem;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.main-nav{display:flex;gap:1.5rem}.nav-button{background:none;border:none;color:var(--text-dark);cursor:pointer;padding:.75rem 1rem;font-weight:500;position:relative;transition:color .3s ease}.nav-button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary);transition:width .3s ease}.nav-button:hover:after{width:100%}.profile-button{display:flex;align-items:center;gap:.75rem;background:none;border:2px solid transparent;cursor:pointer;padding:.5rem 1rem;border-radius:50px;transition:all .3s ease}.profile-button:hover{border-color:var(--primary-light);background-color:var(--background-light)}.profile-image{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--primary);transition:transform .3s ease}.profile-button:hover .profile-image{transform:scale(1.1)}.steps-container{display:flex;gap:5px}.step-button{display:flex;align-items:center;padding:6px 14px;border:none;background:none;cursor:pointer;border-radius:var(--radius-md);font-weight:500;color:#555;position:relative;transition:all var(--transition-fast)}.step-button.active{background-color:#878e0226;color:#111827;font-weight:600}.step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#e9ecef;margin-right:8px;font-size:.85rem;transition:background-color var(--transition-fast),color var(--transition-fast)}.step-button.completed{color:#212529}.step-button.completed .step-number{background-color:var(--primary-color);color:#fff}.step-button:hover .step-number{background-color:var(--primary-lighter);border-color:var(--primary);transform:translateY(-2px)}.step-button.active .step-number{background-color:var(--primary-color);color:#fff}.step-indicator{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:40px;height:3px;background-color:var(--primary-color);border-radius:3px}.step-title{font-weight:500;position:relative}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.next-button{background-color:var(--primary);color:#fff;box-shadow:0 4px 12px #a9b20333}.next-button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #a9b2034d}.woodcam-main{flex:1;display:flex;position:relative;overflow:hidden}.main-content-area{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.canvas-area{flex:1;overflow:hidden;position:relative;transition:opacity var(--transition-normal);width:100%;height:100%}.canvas-area.transitioning{opacity:.7}.resizing{-webkit-user-select:none!important;user-select:none!important;cursor:col-resize!important}.woodcam-sidebar{background-color:#fff;box-shadow:-4px 0 15px #00000012;height:100%;overflow:hidden;position:relative;transition:width var(--transition-fast);display:flex;flex-direction:column;z-index:5;border-left:1px solid var(--border-color);padding:10px}.woodcam-sidebar.focus-mode-active{display:none}.sidebar-content{display:flex;flex-direction:column;height:100%;scrollbar-width:thin;scrollbar-color:var(--secondary-color) transparent}.woodcam-sidebar.resizing{transition:none}.resize-handle{position:absolute;width:5px;height:100%;cursor:col-resize;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),opacity var(--transition-fast)}.resize-handle:hover,.resize-handle.active{background-color:#878e021a}.resize-handle:hover .resize-handle-inner{opacity:1;transform:scaleX(2)}.shapes-panel{height:100%;position:relative}.panel-title{font-size:1.2rem;font-weight:600;color:var(--accent-color);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary-color);position:relative}.panel-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background-color:var(--secondary-color)}.average-button{margin-left:8px;padding:4px 8px;border-radius:4px;background-color:var(--primary);border:1px solid #ccc;cursor:pointer}.average-button:hover{background-color:#e0e0e0;color:#111827}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.step-button.active{animation:pulse .3s ease}.elements-title{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--text-dark)}.element-image{padding:24px;background:#f5f5f5}.element-image img{width:100%;height:100%;object-fit:contain;transition:transform .2s ease}.element-title{padding:12px;text-align:center;border-top:1px solid #e0e0e0;font-size:14px;color:#333}@media(max-width:480px){.elements-title{font-size:18px}}@media(prefers-color-scheme:dark){.elements-title{color:var(--text-dark)}.element-image{background:var(--background-light)}}.element-dimensions{padding:4px 8px;font-size:12px;color:#666;text-align:center;border-top:1px solid #eee}.info-icon{font-size:14px;opacity:.6;cursor:help}.current-texture,.current-color{color:#666;font-size:14px;margin-bottom:12px}.texture-grid,.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-bottom:16px}.texture-item,.color-item{border:2px solid transparent;border-radius:4px;padding:4px;cursor:pointer;transition:all .2s ease}.texture-item:hover,.color-item:hover{background-color:#f5f5f5}.texture-item.selected,.color-item.selected{border-color:#a9b203}.texture-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px}.texture-name,.color-name{font-size:12px;text-align:center;margin-top:4px;color:#666}.color-swatch{width:100%;aspect-ratio:1;border-radius:2px;border:1px solid #ddd}.texture-library{display:flex;justify-content:space-between;align-items:center;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.select-button{padding:4px 12px;border:none;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease}.select-button:hover{background-color:#f5f5f5}@media(prefers-color-scheme:dark){.current-texture,.current-color,.texture-name,.color-name{color:#999}.texture-item:hover,.color-item:hover{background-color:var(--border-light)}.texture-library{border-color:var(--primary-lighter)}.select-button{background-color:#2a2a2a;border-color:#404040;color:#fff}.select-button:hover{background-color:#333}.color-swatch{border-color:#404040}}.general-settings{height:100%;overflow-y:auto}.settings-title{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:1.5rem}.settings-group{padding:1rem 0;border-bottom:1px solid var(--border-light)}.settings-group:last-child{border-bottom:none}.setting-item{margin-bottom:1rem}.setting-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.setting-label{font-size:.875rem;color:var(--text-dark)}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center}.info-icon{color:var(--primary-dark);cursor:help}.tooltip{visibility:hidden;position:absolute;left:20px;top:50%;transform:translateY(-50%);background-color:var(--text-dark);color:var(--text-light);padding:.5rem;border-radius:.25rem;font-size:.75rem;z-index:10;opacity:0;transition:opacity .2s ease;min-width:200px}.tooltip-wrapper:hover .tooltip{visibility:visible;opacity:1}.input-wrapper,.select-wrapper,.toggle-wrapper{position:relative;display:flex;align-items:center}.number-input,.setting-select,.toggle-select{width:100%;padding:.5rem;border:1px solid var(--border-light);border-radius:.25rem;background-color:var(--text-light);color:var(--text-dark);font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.number-input:focus,.setting-select:focus,.toggle-select:focus{outline:none;border-color:var(--primary)}.select-icon{position:absolute;right:.5rem;color:var(--text-dark);pointer-events:none}.unit{position:absolute;right:.5rem;color:var(--text-dark);font-size:.875rem}.number-input{padding-right:2.5rem}@media(hover:hover){.setting-item:hover .setting-label{color:var(--primary-dark)}}.article-properties{overflow:auto}.title{font-size:1.125rem;font-weight:600;color:var(--text-dark)}.close-button{padding:.25rem .5rem;border:none;background:none;cursor:pointer;color:var(--text-dark)}.properties-group{padding:1rem}.property-item{margin-bottom:1rem}.property-item label{display:block;font-size:.875rem;color:var(--text-dark);margin-bottom:.5rem}.project_information{width:70%}.project_quotation{border-radius:.75rem;padding:.5rem;max-width:100%;display:flex;gap:20px}.image_icons{display:flex;align-items:center;gap:.75rem;font-weight:500;color:#374151}.image_icons img{width:1.5rem;height:1.5rem;padding:.5rem;background:#dbeafe;border-radius:.5rem}.project_area,.project_price{font-size:1.25rem;font-weight:700;color:#111827}.project_information>span{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem}.image_icons{display:flex;align-items:center}.with-controls{display:flex;grid-template-columns:1fr auto;gap:10px}.controls{display:flex;gap:.25rem}.controls button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--border-light);border-radius:50%;background-color:var(--text-light);color:var(--text-dark);cursor:pointer;transition:all .2s ease}.controls button:hover{background-color:var(--primary-lighter);border-color:var(--primary);color:var(--primary-dark)}.hint{display:block;font-size:.75rem;color:#666;margin-top:.25rem}.select-wrapper{position:relative}.select-wrapper select{width:100%;padding:.5rem 2rem .5rem .5rem;border:1px solid var(--border-light);border-radius:.25rem;background-color:var(--text-light);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:.875rem}.select-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-dark)}.toggles-group{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.substrate-inputs{display:flex;gap:1rem}.checkbox-field{display:flex;align-items:center;gap:1rem}.checkbox-field label{margin-bottom:0}.properties-section{display:flex;flex-direction:column;height:100%}.header{border-bottom:1px solid #e9ecef;background:#fff;position:sticky;top:0;z-index:10}.category-title{margin:0 0 0 8px;font-size:18px;font-weight:600;color:#2d3748}@media(max-width:768px){.woodcam-sidebar{width:100%!important;height:300px;border-left:none;border-top:1px solid var(--border-color);display:none}.resize-handle{display:none}.steps-container{overflow-x:auto;width:100%;padding-bottom:5px}}.woodcam-container{--sidebar-width: 400px;--sidebar-collapsed-width: 50px;--footer-height: 80px;--footer-collapsed-height: 35px;--transition-speed: .3s}.woodcam-sidebar{transition:width var(--transition-speed) ease,transform var(--transition-speed) ease;position:relative;overflow:visible}.woodcam-sidebar.collapsed{width:var(--sidebar-collapsed-width)!important}.sidebar-toggle{position:absolute;left:-30px;top:25%;transform:translateY(-50%);width:30px;height:60px;background-color:#fff;border:1px solid var(--border-light);border-radius:30px 0 0 30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:200;box-shadow:-3px 0 10px #0000000d;transition:all .2s ease}.sidebar-toggle:hover{background-color:var(--primary-lighter)}.sidebar-toggle-icon{transition:transform .3s ease}.sidebar-content{width:100%;opacity:1;transition:opacity .2s ease}.woodcam-sidebar.collapsed .sidebar-content{opacity:0}.sidebar-collapsed-indicators{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:20px;opacity:0;transition:opacity .2s ease}.woodcam-sidebar.collapsed .sidebar-collapsed-indicators{opacity:1}.collapsed-indicator{width:8px;height:8px;background-color:var(--primary);border-radius:50%;margin-bottom:10px}.footer-container{transition:height var(--transition-speed) ease,transform var(--transition-speed) ease;position:relative}.footer-container.focus-mode-active{transform:translateY(100%);transition:transform var(--transition-speed) ease;display:none}.woodcam-footer{transition:transform var(--transition-speed) ease,height var(--transition-speed) ease,padding var(--transition-speed) ease;position:relative}.woodcam-footer.collapsed{height:var(--footer-collapsed-height);padding:.25rem 1rem}.woodcam-footer.collapsed.focus-mode-active{display:none}.footer-toggle{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:60px;height:30px;background-color:#fff;border:1px solid var(--border-light);border-radius:30px 30px 0 0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:0;box-shadow:0 -3px 10px #0000000d;transition:all .2s ease}.footer-toggle:hover{background-color:var(--primary-lighter)}.footer-toggle-icon{transition:transform .3s ease}.footer-toggle.collapsed .footer-toggle-icon{transform:rotate(180deg)}.woodcam-footer.collapsed .project_quotation,.woodcam-footer.collapsed .footer-right{transform:translateY(50px);opacity:0}.canvas-area{transition:margin var(--transition-speed) ease}.canvas-expanded .canvas-area{margin-right:calc(-1 * var(--sidebar-width) + var(--sidebar-collapsed-width))}.focus-toggle{background-color:#fff;border:1px solid var(--border-light);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px #0000000d;transition:all .2s ease;opacity:.7}.focus-toggle:hover{background-color:var(--primary-lighter);opacity:1}.focus-toggle-icon{transition:transform .3s ease}.float-tools-container{position:fixed;left:60px;top:50%;transform:translateY(-50%);background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:10px;z-index:80;display:flex;flex-direction:column;gap:15px;transition:opacity .3s ease,transform .3s ease;opacity:0;pointer-events:none;transform:translateY(-50%) translate(-20px)}.woodcam-sidebar.collapsed~.float-tools-container{opacity:1;pointer-events:all;transform:translateY(-50%) translate(0)}.float-tool-btn{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#fff;color:#666;border:1px solid var(--border-light);transition:all .2s ease}.float-tool-btn:hover{background-color:var(--primary-lighter);color:var(--primary-dark);transform:translateY(-2px)}.float-tool-btn.active{background-color:var(--primary);color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--s-4);animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg);border:var(--border-thin) solid var(--border);border-radius:var(--radius-sm);box-shadow:0 20px 25px #00000026;max-height:90vh;overflow-y:auto;animation:fadeIn .2s ease-out;position:relative;width:fit-content}.modal-header{padding:var(--s-6);border-bottom:var(--border-thin) solid var(--border-light)}.modal-header h2{font-size:var(--fs-xl);font-weight:500;color:var(--text);margin:0;letter-spacing:.05em;text-transform:uppercase}.modal-body{padding:var(--s-6)}.modal-body p{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.6;margin:0}.modal-body p strong{color:var(--text);font-weight:600}.modal-footer{padding:var(--s-6);border-top:var(--border-thin) solid var(--border-light);display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.modal-close{position:absolute;top:var(--s-4);right:var(--s-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:var(--transition);padding:0}.modal-close:hover{border-color:var(--border);color:var(--text);background:var(--bg-secondary)}.modal-close svg{width:16px;height:16px}@media(max-width:640px){.modal-overlay{padding:var(--s-2)}.modal-content{max-height:95vh}.modal-header{padding:var(--s-4)}.modal-header h2{font-size:var(--fs-lg)}.modal-body{padding:var(--s-4)}.modal-footer{padding:var(--s-4);flex-direction:column}.modal-footer .btn{width:100%}}.project-form{width:100%;max-width:600px;margin:0 auto;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md);padding:1rem;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-bar{display:flex;gap:8px;margin-bottom:2rem}.progress-step{flex:1;height:4px;background-color:#f1f1f1;border-radius:2px;transition:var(--transition)}.progress-step.active{background-color:var(--primary-color)}.configurator-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);text-align:center;margin:1rem;letter-spacing:-.02em}.form-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.form-section section{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.error-message{font-size:.8rem;color:var(--error-color);margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:var(--s-4);padding-top:1.5rem;border-top:1px solid #f1f1f1}.cancel-btn,.apply-btn{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition);border:none;min-width:120px}.cancel-btn{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-btn:hover{background-color:#f8f9fa;color:var(--text-primary)}.apply-btn{background-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.apply-btn:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.apply-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.apply-btn:disabled:hover{box-shadow:var(--shadow-sm)}.icon-left{margin-right:.5rem}.icon-right{margin-left:.5rem}@media(max-width:768px){.project-form{margin:1rem;padding:1.5rem;max-width:calc(100% - 2rem)}.configurator-title{font-size:1.5rem}.color-inputs{flex-direction:column}.color-inputs .small{flex:1}}@media(max-width:480px){.project-form{margin:.5rem;padding:1.25rem}.form-actions{flex-direction:column-reverse;gap:.75rem}.cancel-btn,.apply-btn{width:100%;min-width:unset}.configurator-title{font-size:1.375rem}}.form-loading{position:relative;pointer-events:none}.form-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;border-radius:var(--radius);z-index:10}.error-modal{position:relative;min-width:400px}.error-modal-header{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-6);border-bottom:var(--border-thin) solid var(--error);background:var(--bg);position:relative}.error-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ef44441a;border:var(--border-thin) solid var(--error);border-radius:var(--radius-sm);color:var(--error);flex-shrink:0}.error-icon svg{width:24px;height:24px}.error-modal-header h3{flex:1;font-size:var(--fs-xl);font-weight:500;color:var(--text);margin:0;text-transform:uppercase;letter-spacing:.05em}.error-modal-header .close-button{position:absolute;top:var(--s-4);right:var(--s-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.error-modal-header .close-button:hover{border-color:var(--error);background:#ef44440d;color:var(--error)}.error-modal-header .close-button svg{width:18px;height:18px}.error-modal-body{padding:var(--s-6);background:var(--bg)}.error-modal-body p{font-size:var(--fs-base);color:var(--text);line-height:1.6;margin:0;word-break:break-word}.error-modal-footer{padding:var(--s-6);border-top:var(--border-thin) solid var(--border-light);background:var(--bg-secondary);display:flex;justify-content:flex-end}.dismiss-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--s-3) var(--s-6);border:var(--border-thin) solid var(--error);border-radius:var(--radius-sm);background:var(--error);color:#fff;font-size:var(--fs-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.05em;min-width:120px}.dismiss-button:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.dismiss-button:focus{outline:none;box-shadow:0 0 0 3px #ef444433}.dismiss-button:active{transform:translateY(0)}.error-modal.warning .error-modal-header{border-bottom-color:var(--warning)}.error-modal.warning .error-icon{background:#f59e0b1a;border-color:var(--warning);color:var(--warning)}.error-modal.warning .dismiss-button{background:var(--warning);border-color:var(--warning)}.error-modal.warning .dismiss-button:hover{background:#d97706;border-color:#d97706}.error-modal.info .error-modal-header{border-bottom-color:var(--text)}.error-modal.info .error-icon{background:#0000000d;border-color:var(--text);color:var(--text)}.error-modal.info .dismiss-button{background:var(--primary);border-color:var(--primary)}.error-modal.info .dismiss-button:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.error-details{margin-top:var(--s-4);padding:var(--s-4);background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm)}.error-details-toggle{display:flex;align-items:center;gap:var(--s-2);padding:0;border:none;background:none;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.05em}.error-details-toggle:hover{color:var(--text)}.error-details-toggle svg{width:16px;height:16px;transition:var(--transition)}.error-details-toggle.expanded svg{transform:rotate(180deg)}.error-details-content{margin-top:var(--s-3);padding:var(--s-3);background:#fff;border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-family:Courier New,monospace;color:var(--text-secondary);max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}@media(max-width:640px){.error-modal{min-width:unset}.error-modal-header{padding:var(--s-4);flex-wrap:wrap}.error-modal-header h3{font-size:var(--fs-lg);flex-basis:100%;margin-top:var(--s-2)}.error-modal-body{padding:var(--s-4)}.error-modal-body p{font-size:var(--fs-sm)}.error-modal-footer{padding:var(--s-4)}.dismiss-button{width:100%}}@media(max-width:480px){.error-icon{width:36px;height:36px}.error-icon svg{width:20px;height:20px}.error-modal-header h3{font-size:var(--fs-base)}.error-modal-header .close-button{width:28px;height:28px}.error-modal-header .close-button svg{width:16px;height:16px}}.error-modal{animation:errorShake .4s ease-in-out}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.it-container{display:flex;flex-direction:column;height:100%;overflow:hidden;font-family:var(--font-family);background:var(--bg);color:var(--text)}.it-header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:var(--border-thin) solid var(--border-light);padding:var(--s-3) var(--s-4);display:flex;flex-direction:column;gap:var(--s-2)}.it-meta{display:flex;align-items:center;gap:var(--s-2)}.it-project{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.it-version{font-size:var(--fs-xs);background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius);padding:1px var(--s-2);color:var(--text-secondary)}.it-count{font-size:var(--fs-xs);color:var(--text-light);margin-left:auto}.it-search-row{display:flex;align-items:center;gap:var(--s-2)}.it-search-row>:first-child{flex:1;min-width:0}.it-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:var(--border-thin) solid var(--border-light);border-radius:var(--radius);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.it-btn:hover{border-color:var(--border);color:var(--text);background:var(--bg-secondary)}.it-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.it-btn--active:hover{opacity:.9}.it-btn:disabled{opacity:.4;cursor:default}.it-refreshing{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-secondary);border-bottom:var(--border-thin) solid var(--border-light)}.it-timeline{flex:1;overflow-y:auto;padding:var(--s-4);display:flex;flex-direction:column;position:relative}.it-timeline:before{content:"";position:absolute;top:var(--s-4);bottom:var(--s-4);left:calc(var(--s-4) + 5px);width:1px;background:var(--border-light)}.it-item{display:flex;gap:var(--s-3);padding:var(--s-2) 0;position:relative}.it-dot{width:12px;height:12px;flex-shrink:0;margin-top:var(--s-1);border-radius:50%;background:var(--bg);border:2px solid var(--accent);position:relative;z-index:1;transition:var(--transition)}.it-item:hover .it-dot{background:var(--accent)}.it-card{flex:1;background:var(--bg);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius);padding:var(--s-3);transition:var(--transition)}.it-card:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.it-card-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-2)}.it-user{display:flex;align-items:center;gap:var(--s-1);font-size:var(--fs-sm);color:var(--text)}.it-user-name{font-weight:600}.it-role{font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius);padding:1px var(--s-2)}.it-time{display:flex;align-items:center;gap:var(--s-1);font-size:var(--fs-xs);color:var(--text-light);white-space:nowrap}.it-action{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.5}.it-tags{display:flex;flex-wrap:wrap;gap:var(--s-1);margin-top:var(--s-2)}.it-tag{display:flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius);padding:2px var(--s-2)}.it-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);color:var(--text-light);padding:var(--s-8);text-align:center}.it-empty p{font-size:var(--fs-sm)}.it-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--s-3);color:var(--text-secondary);font-size:var(--fs-sm)}.it-spinner{width:24px;height:24px;border:2px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:it-spin .7s linear infinite}@keyframes it-spin{to{transform:rotate(360deg)}}.it-spin{animation:it-spin .7s linear infinite}.it-load-more{display:flex;justify-content:center;padding:var(--s-3) var(--s-4);border-top:var(--border-thin) solid var(--border-light)}.it-load-more button{padding:var(--s-2) var(--s-5);background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius);font-size:var(--fs-sm);font-weight:500;color:var(--text);cursor:pointer;transition:var(--transition);font-family:var(--font-family)}.it-load-more button:hover{border-color:var(--border);background:var(--bg-tertiary)}.it-footer{font-size:var(--fs-xs);color:var(--text-light);text-align:center;padding:var(--s-2) var(--s-4);border-top:var(--border-thin) solid var(--border-light);background:var(--bg-secondary)}.it-timeline::-webkit-scrollbar{width:4px}.it-timeline::-webkit-scrollbar-track{background:transparent}.it-timeline::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.it-timeline::-webkit-scrollbar-thumb:hover{background:var(--border)}@media(max-width:480px){.it-card-header{flex-direction:column;align-items:flex-start}.it-time{white-space:normal}}.cp-container{display:flex;flex-direction:column;height:100%;overflow:hidden;font-family:var(--font-family);background:var(--bg);color:var(--text)}.cp-error{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:color-mix(in srgb,var(--error) 10%,transparent);border-bottom:var(--border-thin) solid color-mix(in srgb,var(--error) 30%,transparent);font-size:var(--fs-xs);color:var(--error);flex-shrink:0}.cp-error span{flex:1}.cp-error button{display:flex;align-items:center;background:none;border:none;color:var(--error);cursor:pointer;padding:0;opacity:.7}.cp-error button:hover{opacity:1}.cp-toolbar{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:var(--border-thin) solid var(--border-light);flex-shrink:0}.cp-status-filter{display:flex;gap:var(--s-1)}.cp-filter-pill{padding:3px var(--s-3);font-size:var(--fs-xs);font-weight:500;border:var(--border-thin) solid var(--border-light);border-radius:999px;background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-family:var(--font-family)}.cp-filter-pill:hover{border-color:var(--border);color:var(--text)}.cp-filter-pill.active{background:var(--primary);border-color:var(--primary);color:var(--bg)}.cp-stats{display:flex;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:var(--border-thin) solid var(--border-light);flex-shrink:0}.cp-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s-2);background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius)}.cp-stat-value{font-size:var(--fs-xl);font-weight:700;color:var(--text);line-height:1}.cp-stat-label{font-size:var(--fs-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.cp-stat--open .cp-stat-value{color:var(--warning)}.cp-stat--resolved .cp-stat-value{color:var(--success)}.cp-versions{padding:var(--s-3) var(--s-4);border-bottom:var(--border-thin) solid var(--border-light);flex-shrink:0;max-height:160px;overflow-y:auto}.cp-versions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-2)}.cp-versions-label{display:flex;align-items:center;gap:var(--s-1);font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.cp-versions-toggle{display:flex;align-items:center;gap:var(--s-1);font-size:var(--fs-xs);color:var(--text-secondary);background:none;border:var(--border-thin) solid var(--border-light);border-radius:var(--radius);padding:2px var(--s-2);cursor:pointer;transition:var(--transition);font-family:var(--font-family)}.cp-versions-toggle:hover{border-color:var(--border);color:var(--text)}.cp-versions-list{display:flex;flex-direction:column;gap:var(--s-1)}.cp-version-row{display:flex;align-items:center;gap:var(--s-2);padding:3px 0;cursor:pointer;font-size:var(--fs-sm);color:var(--text-secondary)}.cp-version-row input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px;cursor:pointer;flex-shrink:0}.cp-version-name{flex:1;font-size:var(--fs-xs);color:var(--text)}.cp-version-name--current{font-weight:600;display:flex;align-items:center;gap:var(--s-1)}.cp-version-badge{font-size:10px;font-weight:500;background:var(--accent);color:#fff;border-radius:var(--radius);padding:1px var(--s-1);text-transform:uppercase;letter-spacing:.04em}.cp-version-count{font-size:var(--fs-xs);color:var(--text-light);background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);border-radius:999px;padding:0 var(--s-2);min-width:20px;text-align:center}.cp-cross-version-alert{display:flex;align-items:center;gap:var(--s-1);margin-top:var(--s-2);padding:var(--s-1) var(--s-2);background:color-mix(in srgb,var(--warning) 12%,transparent);border:var(--border-thin) solid color-mix(in srgb,var(--warning) 30%,transparent);border-radius:var(--radius);font-size:var(--fs-xs);color:var(--warning)}.cp-table-wrapper{flex:1;overflow:auto;position:relative;min-height:120px}.cp-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 80%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);z-index:5;font-size:var(--fs-xs);color:var(--text-secondary)}.cp-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.cp-th{position:sticky;top:0;z-index:2;background:var(--bg-secondary);padding:var(--s-2) var(--s-3);text-align:left;font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border-thin) solid var(--border-light);white-space:nowrap}.cp-th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition)}.cp-th--sortable:hover{color:var(--text);background:var(--bg-tertiary)}.cp-th--sorted{color:var(--accent)}.cp-sort-icon{opacity:.4;margin-left:4px;vertical-align:middle}.cp-sort-dir{margin-left:2px;color:var(--accent)}.cp-td{padding:var(--s-2) var(--s-3);border-bottom:var(--border-thin) solid var(--border-light);color:var(--text-secondary);vertical-align:middle;max-width:220px}.cp-td--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-td--date{font-size:var(--fs-xs);color:var(--text-light);white-space:nowrap}.cp-td--actions{display:flex;gap:var(--s-1);white-space:nowrap}.cp-row:hover .cp-td{background:var(--bg-secondary)}.cp-empty-cell{text-align:center;padding:var(--s-8) var(--s-4);color:var(--text-light);font-size:var(--fs-sm);font-style:italic}.cp-current-badge{position:relative;font-weight:500;color:var(--text)}.cp-current-badge:after{content:"";display:inline-block;width:5px;height:5px;background:var(--success);border-radius:50%;margin-left:5px;vertical-align:middle}.cp-action-btn{padding:2px var(--s-2);font-size:var(--fs-xs);font-weight:500;border-radius:var(--radius);border:var(--border-thin) solid transparent;cursor:pointer;transition:var(--transition);font-family:var(--font-family);white-space:nowrap}.cp-action-btn:disabled{opacity:.4;cursor:default}.cp-action-btn--resolve{background:color-mix(in srgb,var(--success) 12%,transparent);border-color:color-mix(in srgb,var(--success) 30%,transparent);color:var(--success)}.cp-action-btn--resolve:hover:not(:disabled){background:color-mix(in srgb,var(--success) 22%,transparent)}.cp-action-btn--reopen{background:color-mix(in srgb,var(--warning) 12%,transparent);border-color:color-mix(in srgb,var(--warning) 30%,transparent);color:var(--warning)}.cp-action-btn--reopen:hover:not(:disabled){background:color-mix(in srgb,var(--warning) 22%,transparent)}.cp-action-btn--delete{background:color-mix(in srgb,var(--error) 10%,transparent);border-color:color-mix(in srgb,var(--error) 25%,transparent);color:var(--error)}.cp-action-btn--delete:hover:not(:disabled){background:color-mix(in srgb,var(--error) 20%,transparent)}.cp-footer{display:flex;justify-content:flex-end;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-top:var(--border-thin) solid var(--border-light);flex-shrink:0;background:var(--bg-secondary)}.cp-footer-btn{display:flex;align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-3);font-size:var(--fs-xs);font-weight:500;background:var(--bg);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-family:var(--font-family)}.cp-footer-btn:hover:not(.disabled){border-color:var(--border);color:var(--text)}.cp-footer-btn.disabled{opacity:.4;cursor:default}.cp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);height:100%;min-height:200px;color:var(--text-light);font-size:var(--fs-sm)}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-spin{animation:cp-spin .8s linear infinite}.cp-table-wrapper::-webkit-scrollbar,.cp-versions::-webkit-scrollbar{width:4px;height:4px}.cp-table-wrapper::-webkit-scrollbar-track,.cp-versions::-webkit-scrollbar-track{background:transparent}.cp-table-wrapper::-webkit-scrollbar-thumb,.cp-versions::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.cp-table-wrapper::-webkit-scrollbar-thumb:hover,.cp-versions::-webkit-scrollbar-thumb:hover{background:var(--border)}.mlm-container{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-4);font-family:var(--font-family);color:var(--text);background:var(--bg);height:100%;overflow-y:auto}.mlm-section{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);background:var(--bg);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius)}.mlm-section-title{font-size:var(--fs-sm);font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin:0}.mlm-config-row{display:flex;flex-wrap:wrap;gap:var(--s-4);align-items:flex-start}.mlm-field{display:flex;flex-direction:column;gap:var(--s-1);flex:1;min-width:160px}.mlm-field--narrow{flex:0 0 140px;min-width:unset}.mlm-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.mlm-hint{font-size:var(--fs-xs);color:var(--text-light);font-style:italic}.mlm-input,.mlm-select{width:100%;padding:var(--s-2) var(--s-3);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:var(--fs-sm);font-family:var(--font-family);transition:var(--transition);box-sizing:border-box}.mlm-input:focus,.mlm-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.mlm-pills{display:flex;gap:var(--s-1);flex-wrap:wrap}.mlm-pill{padding:3px var(--s-3);font-size:var(--fs-xs);font-weight:500;border:var(--border-thin) solid var(--border-light);border-radius:999px;background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-family:var(--font-family)}.mlm-pill:hover{border-color:var(--border);color:var(--text)}.mlm-pill.active{background:var(--primary);border-color:var(--primary);color:var(--bg)}.mlm-code-block{padding:var(--s-3);background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius);font-size:var(--fs-xs);font-family:monospace;color:var(--text-secondary);line-height:1.6}.mlm-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2)}@media(max-width:480px){.mlm-metrics{grid-template-columns:repeat(2,1fr)}}.mlm-metric{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s-3) var(--s-2);background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius);text-align:center}.mlm-metric-value{font-size:var(--fs-xl);font-weight:700;line-height:1}.mlm-metric-label{font-size:var(--fs-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.mlm-metric--info{color:var(--primary)}.mlm-metric--good{color:var(--success)}.mlm-metric--warn{color:var(--warning)}.mlm-metric--bad{color:var(--error)}.mlm-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}@media(max-width:480px){.mlm-flow-grid{grid-template-columns:1fr}}.mlm-flow-card{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);border-radius:var(--radius);border:var(--border-thin) solid var(--border-light)}.mlm-flow-card--used{background:color-mix(in srgb,var(--primary) 4%,transparent);border-color:color-mix(in srgb,var(--primary) 20%,transparent)}.mlm-flow-card--stock{background:color-mix(in srgb,var(--success) 6%,transparent);border-color:color-mix(in srgb,var(--success) 25%,transparent)}.mlm-flow-header{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary)}.mlm-pieces{display:flex;flex-wrap:wrap;gap:var(--s-1)}.mlm-piece{padding:3px var(--s-2);border-radius:999px;font-size:var(--fs-xs);font-weight:600;color:#fff;min-width:48px;text-align:center}.mlm-piece--used-full{background:var(--primary)}.mlm-piece--used-partial{background:color-mix(in srgb,var(--primary) 70%,var(--accent))}.mlm-piece--stock-usable{background:var(--success)}.mlm-piece--stock-waste{background:var(--error)}.mlm-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}@media(max-width:480px){.mlm-detail-grid{grid-template-columns:1fr}}.mlm-detail-card{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius)}.mlm-detail-title{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.mlm-detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-1)}.mlm-detail-list li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-2);font-size:var(--fs-xs);color:var(--text-secondary);border-bottom:var(--border-thin) solid var(--border-light);padding-bottom:var(--s-1)}.mlm-detail-list li:last-child{border-bottom:none;padding-bottom:0}.mlm-detail-list li strong{font-weight:600;color:var(--text);white-space:nowrap}.mlm-recommendations{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius)}.mlm-rec-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-1)}.mlm-rec-item{font-size:var(--fs-xs);color:var(--text-secondary);padding:var(--s-2) var(--s-3);background:var(--bg);border-left:2px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;line-height:1.5}.mlm-error{display:flex;align-items:center;justify-content:center;padding:var(--s-8);font-size:var(--fs-sm);color:var(--error);background:color-mix(in srgb,var(--error) 8%,transparent);border:var(--border-thin) solid color-mix(in srgb,var(--error) 25%,transparent);border-radius:var(--radius);margin:var(--s-4)}.mlm-container::-webkit-scrollbar{width:4px}.mlm-container::-webkit-scrollbar-track{background:transparent}.mlm-container::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.mlm-container::-webkit-scrollbar-thumb:hover{background:var(--border)}.article-item{position:relative;background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer}.article-item:hover{border-color:var(--border)}.article-item--active{border-color:var(--primary);box-shadow:0 0 0 var(--s-0) var(--primary)}.article-item--list{display:flex;flex-direction:column}.article-item__existing-badge{position:absolute;top:var(--s-1);right:var(--s-1);padding:var(--s-1);background:var(--warning);color:#fff;font-size:var(--fs-xs);border-radius:var(--radius);z-index:1}.article-item__main-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3)}.article-item__expand-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-secondary);transition:var(--transition)}.article-item__expand-icon:hover{color:var(--text)}.article-item__primary-info{display:flex;align-items:center;gap:var(--s-3);flex:1;min-width:0}.compact-image{width:50px;height:50px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-light)}.compact-image img{width:100%;height:100%;object-fit:cover}.article-item__name{font-weight:500;color:var(--text);font-size:var(--fs-sm)}.article-item__id{font-size:var(--fs-xs);color:var(--text-secondary)}.article-item__dimensions{flex-shrink:0;padding:var(--s-2) var(--s-3);background:var(--bg-secondary);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--text-secondary)}.article-item__price{flex-shrink:0;padding:var(--s-2) var(--s-3);font-weight:600;color:var(--text);font-size:var(--fs-sm)}.article-item__delete-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-light);border-radius:var(--radius);background:var(--bg);color:var(--error);cursor:pointer;transition:var(--transition)}.article-item__delete-btn:hover{background:var(--error);color:#fff;border-color:var(--error)}.article-item--grid{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4)}.article-item__header{display:flex;align-items:center;gap:var(--s-3)}.article-item__icon{font-size:var(--fs-2xl);flex-shrink:0}.article-item__title-section{flex:1;min-width:0}.article-item__title{font-size:var(--fs-base);font-weight:600;color:var(--text);margin:0}.article-item__expand-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.article-item__expand-btn:hover{color:var(--text)}.article-item__delete-btn--grid{margin-left:auto}.article-item__summary{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);background:var(--bg-secondary);border-radius:var(--radius)}.article-item__summary>div{display:flex;justify-content:space-between;align-items:center}.article-item__label{font-size:var(--fs-xs);color:var(--text-secondary)}.article-item__value{font-size:var(--fs-sm);font-weight:500;color:var(--text)}.article-item__value--price{font-weight:600}.article-item__details,.article-item__details-section{padding:var(--s-4);border-top:1px solid var(--border-light);background:var(--bg-secondary)}.property-section{margin-bottom:var(--s-4)}.property-section:last-child{margin-bottom:0}.section-title{font-size:var(--fs-sm);font-weight:600;color:var(--text);margin:0 0 var(--s-2) 0}.properties-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s-2);padding:var(--s-3);background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius)}.property-row{display:flex;justify-content:space-between;gap:var(--s-2);font-size:var(--fs-xs)}.property-label{color:var(--text-secondary);font-weight:500}.property-value{color:var(--text);text-align:right}.subsections-container{margin-top:var(--s-3);padding-left:var(--s-4);border-left:2px solid var(--border-light)}.section-depth-1{padding-left:var(--s-2)}.section-depth-2{padding-left:var(--s-4)}.article-item__backorder-badge{top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#fb923c26;color:#f97316;border:1px solid rgba(251,146,60,.4);border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;z-index:2}.article-item__backorder-badge svg{flex-shrink:0}.article-item--list.article-item--backorder .article-item__backorder-badge{right:48px}.article-item--list .article-item__existing-badge~.article-item__backorder-badge{top:40px}.article-item--grid .article-item__backorder-badge{top:12px;right:12px}.article-item--backorder{border-left:3px solid #f97316!important}.article-item--backorder .article-item__main-row{background:#fb923c05}.article-item__configured-badge{top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.4);border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;z-index:2}.article-item__configured-badge svg{flex-shrink:0}.article-item__backorder-badge~.article-item__configured-badge{top:40px}.article-item--list .article-item__configured-badge{right:48px}.article-item--list .article-item__backorder-badge~.article-item__configured-badge{top:8px;right:160px}@media(max-width:768px){.article-item__main-row{flex-wrap:wrap}.article-item__dimensions,.article-item__price{flex:1 1 auto}.properties-grid{grid-template-columns:1fr}.article-item--grid{padding:var(--s-3)}.article-item__summary{padding:var(--s-2)}}@media(max-width:480px){.article-item__main-row{padding:var(--s-2)}.compact-image{width:40px;height:40px}.article-item__name{font-size:var(--fs-xs)}.article-item__dimensions,.article-item__price{font-size:var(--fs-xs);padding:var(--s-1) var(--s-2)}}.data-table-container{width:100%;background:var(--bg)}.data-table-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-6);padding-bottom:var(--s-4);border-bottom:var(--border-thin) solid var(--border-light)}.data-table-title{font-size:var(--fs-xl);font-weight:500;color:var(--text);margin:0;text-transform:uppercase;letter-spacing:.05em}.data-table-actions{display:flex;align-items:center;gap:var(--s-4)}.data-table-search-container{margin-bottom:var(--s-6)}.table-search-input{padding-left:var(--s-10)}.table-search-icon{position:absolute;left:var(--s-3);color:var(--text-secondary);pointer-events:none}.clear-search-button{position:absolute;right:var(--s-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-secondary);font-size:var(--fs-xl);cursor:pointer;transition:var(--transition)}.clear-search-button:hover{color:var(--text)}.filters-container{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-4);padding:var(--s-3);background:var(--bg-secondary);border-radius:var(--radius-sm)}.filter-icon{color:var(--text-secondary)}.filter-item{display:flex;align-items:center;gap:var(--s-2)}.filter-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.filter-select{padding:var(--s-2) var(--s-3);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg);font-size:var(--fs-sm);font-family:var(--font-family);cursor:pointer}.data-table-wrapper{overflow-x:auto;border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--bg-secondary)}.table-header-cell{padding:var(--s-2);text-align:left;font-size:var(--fs-xs);font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border-thin) solid var(--border-light);white-space:nowrap}.table-header-cell.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-cell.sortable:hover{background:var(--bg-tertiary)}.header-content{display:flex;align-items:center;gap:var(--s-2)}.sort-indicator{display:flex;align-items:center;color:var(--text-secondary)}.data-table-row{border-bottom:var(--border-thin) solid var(--border-light);transition:var(--transition);cursor:pointer}.data-table-row:hover{background:var(--bg-secondary)}.table-cell{padding:var(--s-3) var(--s-4);font-size:var(--fs-sm);color:var(--text)}.empty-state-cell{padding:var(--s-12);text-align:center;color:var(--text-secondary)}.data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s-4)}.grid-item-wrapper{cursor:pointer;transition:var(--transition)}.default-grid-item{padding:var(--s-4);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg);transition:var(--transition)}.default-grid-item:hover{border-color:var(--border);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.grid-item-field{display:flex;gap:var(--s-2);margin-bottom:var(--s-2)}.field-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.field-value{font-size:var(--fs-sm);color:var(--text)}.empty-state,.loading-state{padding:var(--s-12);text-align:center;color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-6);padding-top:var(--s-4);border-top:var(--border-thin) solid var(--border-light);position:sticky;bottom:0;width:100%;background:var(--bg);z-index:101}.pagination-info{font-size:var(--fs-sm);color:var(--text-secondary)}.pagination-buttons{display:flex;align-items:center;gap:var(--s-2)}.pagination-button{padding:var(--s-2) var(--s-4);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--fs-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.05em}.pagination-button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border)}.pagination-button:disabled{opacity:.3;cursor:not-allowed}.pagination-current{padding:0 var(--s-3);font-size:var(--fs-sm);font-weight:500;color:var(--text)}.items-per-page{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-sm);color:var(--text-secondary)}.items-per-page select{padding:var(--s-2) var(--s-3);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg);font-size:var(--fs-sm);font-family:var(--font-family);cursor:pointer}@media(max-width:768px){.data-table-header{flex-direction:column;align-items:flex-start}.data-table-actions{width:100%;justify-content:space-between}.pagination-controls{flex-direction:column;gap:var(--s-3)}.pagination-buttons{flex-wrap:wrap}.data-grid{grid-template-columns:1fr}}@media(max-width:480px){.data-table-title{font-size:var(--fs-lg)}.pagination-button{padding:var(--s-2) var(--s-3);font-size:var(--fs-xs)}.filters-container{flex-direction:column;align-items:flex-start}}.fsf-wrapper{position:absolute;top:var(--s-2);left:var(--s-2);z-index:var(--z-dropdown);display:flex;flex-direction:column;gap:var(--s-2);max-width:440px}.fsf-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:var(--s-3) var(--s-4);display:flex;flex-direction:column;gap:var(--s-3);transition:border-color var(--transition)}.fsf-card.step_has_error{border-color:var(--error)}.fsf-card--preview{border-left:3px solid var(--text-secondary)}.fsf-card--edit{border-left:3px solid var(--primary)}.fsf-project-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.fsf-project-info{display:flex;align-items:center;gap:var(--s-2);min-width:0;flex:1}.fsf-project-name{font-size:var(--fs-sm);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.fsf-status-wrap{flex-shrink:0}.fsf-status-wrap .status_change_container>button{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:999px;font-size:var(--fs-xs);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition)}.fsf-status-wrap .status_change_container>button:hover{border-color:var(--primary);color:var(--primary);background:var(--bg)}.fsf-status-wrap .status_change_container>button .status-badge{background:none!important;padding:0;font-size:var(--fs-xs);font-weight:600;color:inherit;opacity:1}.fsf-status-wrap .status-menu{position:absolute;top:calc(100% + 6px);bottom:auto!important;left:0;min-width:max-content;z-index:var(--z-modal)}.fsf-status-wrap .status-menu-item{padding:var(--s-1) var(--s-2);border-radius:var(--radius-sm);white-space:nowrap}.fsf-status-wrap .status-menu-item .status-badge{font-size:var(--fs-xs);white-space:nowrap}.fsf-version-wrap{position:relative;flex-shrink:0}.fsf-version-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:999px;font-size:var(--fs-xs);color:var(--text-secondary);cursor:default;white-space:nowrap;transition:var(--transition)}.fsf-version-badge--clickable{cursor:pointer}.fsf-version-badge--clickable:hover{border-color:var(--primary);color:var(--primary);background:var(--bg)}.fsf-version-desc{color:var(--text-secondary);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fsf-version-chevron{transition:transform var(--transition)}.fsf-version-chevron.open{transform:rotate(180deg)}.fsf-version-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:var(--z-modal);overflow:hidden}.fsf-version-dropdown-header{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light)}.fsf-version-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:transparent;border:none;cursor:pointer;font-size:var(--fs-sm);color:var(--text);text-align:left;transition:background var(--transition)}.fsf-version-option:hover{background:var(--bg-secondary)}.fsf-version-option.active{background:color-mix(in srgb,var(--primary) 8%,transparent)}.fsf-version-option-main{display:flex;align-items:center;gap:var(--s-2);min-width:0;flex:1}.fsf-version-check{color:var(--primary);flex-shrink:0}.fsf-version-circle{color:var(--border);flex-shrink:0}.fsf-version-option-label{font-weight:500;flex-shrink:0}.fsf-version-option-desc{color:var(--text-secondary);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fsf-version-option-date{font-size:var(--fs-xs);color:var(--text-secondary);flex-shrink:0}.fsf-stats{display:flex;align-items:center;gap:var(--s-1);flex-shrink:0}.fsf-stat-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:999px;font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap}.fsf-stat-chip--error{border-color:var(--error);color:var(--error);background:color-mix(in srgb,var(--error) 8%,transparent)}.fsf-divider{height:1px;background:var(--border-light);margin:0 calc(-1 * var(--s-4))}.fsf-preview-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.fsf-mode-info{display:flex;align-items:center;gap:var(--s-2);color:var(--text-secondary)}.fsf-mode-label{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.fsf-mode-desc{font-size:var(--fs-xs);color:var(--text-secondary)}.fsf-edit-row{display:flex;flex-direction:column;gap:var(--s-2)}.fsf-steps{display:flex;align-items:center;gap:0}.fsf-connector{height:2px;width:20px;background:var(--border-light);flex-shrink:0;transition:background var(--transition)}.fsf-connector--done{background:var(--primary)}.fsf-step-pill{position:relative;display:inline-flex;align-items:center;gap:var(--s-1);padding:4px 10px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:999px;font-size:var(--fs-xs);font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition);overflow:hidden}.fsf-step-pill:hover{border-color:var(--border);color:var(--text);background:var(--bg)}.fsf-step-pill.done{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:var(--primary);color:var(--primary)}.fsf-step-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.fsf-step-pill-num{display:flex;align-items:center}.fsf-step-pill-label{line-height:1}.fsf-step-pulse{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:999px;border:2px solid var(--primary);animation:fsf-pulse 2s ease-out infinite;pointer-events:none}@keyframes fsf-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.fsf-current-desc{font-size:var(--fs-xs);color:var(--text-secondary);padding-left:var(--s-1)}.fsf-esc-wrap{margin-top:calc(-1 * var(--s-1))}.fsf-compact-bar{display:inline-flex;align-items:center;gap:var(--s-1);padding:5px 10px;background:var(--bg);border:1px solid var(--border);border-radius:999px;font-size:var(--fs-xs);font-weight:600;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;transition:var(--transition)}.fsf-compact-bar:hover{border-color:var(--primary);color:var(--primary)}.fsf-compact-bar.step_has_error{border-color:var(--error)}.fsf-compact-label{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fsf-compact-error{color:var(--error);flex-shrink:0}.fsf-mobile-collapse{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);margin-left:var(--s-1);transition:var(--transition)}.fsf-mobile-collapse:hover{background:var(--bg-secondary);color:var(--text)}.fsf-card{position:relative}.fsf-mobile-backdrop{display:none}@media(max-width:768px){.fsf-wrapper{max-width:calc(100vw - 48px - var(--s-2) * 2)}.fsf-mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:calc(var(--z-dropdown) - 1);animation:fsf-backdrop-in .15s ease}@keyframes fsf-backdrop-in{0%{opacity:0}to{opacity:1}}}.focus-esc-reminder{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1);font-size:var(--fs-xs);color:var(--text-secondary);opacity:0;transform:translateY(-8px);animation:dropIn .3s ease-out .5s forwards}.focus-esc-reminder svg{flex-shrink:0;color:var(--warning, #878e02)}.focus-esc-reminder kbd{display:inline-block;padding:2px var(--s-2);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xs);font-family:var(--font-mono, monospace);font-size:var(--fs-xs);font-weight:600;color:var(--text);box-shadow:0 1px 2px #0000000d}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.focus-esc-reminder{padding:var(--s-2) var(--s-3);font-size:11px}.focus-esc-reminder kbd{padding:1px var(--s-1);font-size:10px}}@media(max-width:480px){.focus-esc-reminder span{display:none}.focus-esc-reminder:after{content:"ESC to cancel";font-size:10px}}.focus-error-summary{max-height:300px;overflow-y:auto}.focus-error-header{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1);font-size:var(--fs-xs);font-weight:600;color:var(--error, #dc2626);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none}.focus-error-header:hover{background:var(--bg-secondary)}.focus-error-header svg:first-child{flex-shrink:0}.focus-error-header svg:last-child{margin-left:auto;color:var(--text-secondary)}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:300px;padding-top:var(--s-3);padding-bottom:var(--s-3)}}.focus-error-item{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xs)}.focus-error-item-header{display:flex;align-items:center;gap:var(--s-2)}.focus-error-emoji{font-size:14px;flex-shrink:0}.focus-error-connection{font-size:var(--fs-xs);font-weight:600;color:var(--text);text-transform:capitalize}.focus-error-descriptor{font-size:11px;font-family:var(--font-mono, monospace);color:var(--text-secondary);background:var(--bg);padding:var(--s-1) var(--s-2);border-radius:var(--radius-xs);border:1px solid var(--border-light)}.focus-error-debug{display:flex;flex-direction:column;gap:var(--s-1);font-size:11px}.focus-error-debug-row{display:flex;align-items:center;gap:var(--s-2)}.focus-error-label{font-weight:600;color:var(--text-secondary);min-width:60px}.focus-error-value{color:var(--text);font-family:var(--font-mono, monospace)}.focus-error-logs{display:flex;flex-direction:column;gap:var(--s-1);padding-top:var(--s-2);border-top:1px solid var(--border-light)}.focus-error-log{font-size:11px;color:var(--text-secondary);padding:var(--s-1) var(--s-2);background:var(--bg);border-radius:var(--radius-xs);font-family:var(--font-mono, monospace)}.focus-error-item{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition)}.focus-error-item:hover{background:var(--bg);border-color:var(--error);transform:translate(2px);box-shadow:var(--shadow-sm)}.focus-error-nav-icon{margin-left:auto;color:var(--primary);opacity:0;transition:var(--transition)}.focus-error-item:hover .focus-error-nav-icon{opacity:1}@media(max-width:768px){.focus-error-details{max-height:200px}.focus-error-debug-row{flex-direction:column;align-items:flex-start;gap:2px}.focus-error-label{min-width:auto;font-size:10px}}@media(max-width:480px){.focus-error-header span{font-size:11px}.focus-error-details{max-height:150px}.focus-error-logs{display:none}}.focus-articles-header{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1);font-size:var(--fs-xs);font-weight:600;cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none}.focus-articles-group{margin-bottom:var(--s-2);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius-xs);overflow:hidden;transition:var(--transition)}.focus-articles-group:hover{box-shadow:var(--shadow-sm)}.focus-articles-group-header{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2);background:var(--bg-secondary);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;min-height:32px}.focus-articles-group-header:hover{background:var(--bg)}.focus-articles-group-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.focus-articles-group-body{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.focus-articles-group-name{font-weight:600;font-size:var(--fs-xs);color:var(--text);display:flex;align-items:center;gap:var(--s-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-articles-group-count{font-size:10px;color:var(--text-secondary);font-weight:400}.focus-articles-group-arrow{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;background:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;color:var(--text-secondary);padding:0;transition:var(--transition)}.focus-articles-group-arrow:hover{background:var(--border);color:var(--text)}.focus-articles-custom-badge{display:inline-block;padding:2px var(--s-2);background:var(--primary-light, #dbeafe);color:var(--primary);border-radius:var(--radius-xs);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.focus-articles-group-content{padding:var(--s-3);background:var(--bg);border-top:1px solid var(--border-light);animation:slideDown .2s ease-out;max-height:250px;overflow:auto}.focus-articles-subsection{margin-bottom:var(--s-3)}.focus-articles-subsection:last-child{margin-bottom:0}.focus-articles-subsection-title{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);padding:var(--s-2) var(--s-3);background:var(--bg-secondary);border-radius:var(--radius-xs);margin-bottom:var(--s-2);border:1px solid var(--border-light)}.focus-articles-group-content .focus-article-item{padding:var(--s-3);margin-bottom:var(--s-2);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition)}.focus-articles-group-content .focus-article-item:hover{background:var(--bg);border-color:var(--primary);transform:translate(2px);box-shadow:var(--shadow-sm)}.focus-articles-group-content .focus-article-item:last-child{margin-bottom:0}.focus-articles-group-content .focus-article-item-header{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-2)}.focus-articles-group-content .focus-article-name{font-weight:500;font-size:var(--fs-xs);color:var(--text)}.focus-articles-group-content .focus-article-details-row{display:flex;gap:var(--s-3);flex-wrap:wrap}.focus-articles-group-content .focus-article-detail{display:flex;gap:var(--s-2);font-size:11px;align-items:center}.focus-articles-group-content .focus-article-label{font-weight:600;color:var(--text-secondary)}.focus-articles-group-content .focus-article-value{color:var(--text);font-family:var(--font-mono, monospace)}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.focus-articles-group-header{padding:var(--s-2) var(--s-3)}.focus-articles-group-content,.focus-articles-group-content .focus-article-item{padding:var(--s-2)}.focus-articles-group-content .focus-article-details-row{flex-direction:column;gap:var(--s-1)}}@media(max-width:480px){.focus-articles-group-name{font-size:11px}.focus-articles-group-count{font-size:10px}.focus-articles-custom-badge{font-size:9px;padding:1px var(--s-1)}}.color-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;transition:var(--transition)}.color-tag-small{padding:2px 6px;font-size:9px}.color-tag-medium{padding:4px 10px;font-size:11px}.color-tag-large{padding:6px 12px;font-size:12px}.color-tag-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.color-tag:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.status_change_container{position:relative;display:inline-block}.status_change_container>button{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.status_change_container>button:hover{background:var(--bg-secondary);border-color:var(--border)}.status-menu{position:absolute;bottom:calc(100% + var(--s-2));left:0;min-width:150px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);padding:var(--s-2)}.status-menu-item{cursor:pointer;transition:var(--transition)}.status-menu-item:hover{background:var(--bg-secondary)}.status-badge{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:var(--transition);opacity:.9;width:fit-content;padding:var(--s-1)}.status-badge:hover{opacity:1}.status-badge.small{padding:var(--s-1) var(--s-2);font-size:10px;gap:var(--s-1)}.status-badge.large{padding:var(--s-3) var(--s-4);font-size:var(--fs-sm);gap:var(--s-3)}@media(max-width:768px){.status-badge{padding:var(--s-1) var(--s-2);font-size:10px;gap:var(--s-1)}}@media(max-width:768px){.status_change_container>button{padding:var(--s-1) var(--s-2)}.status-menu{min-width:130px}.status-menu-item{padding:var(--s-1)}}.focus-config{position:fixed;top:0;height:100vh;background-color:#fff;z-index:var(--z-aside);display:flex;flex-direction:column;transition:transform .3s ease-in-out}.focus-config--normal-mode{position:relative;flex-shrink:0;border-left:1px solid #e5e7eb}.focus-config--focus-mode{position:fixed;bottom:0;right:1rem;min-width:300px;max-width:800px;min-height:calc(85vh + 1rem);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);z-index:var(--z-focus-panel);transform:translateY(calc(100% - 60px));background:linear-gradient(to bottom,#fffffff7,#ffffffed);border:1px solid var(--primary-border-color)}.focus-config--focus-mode.focus-config--expanded{transform:translateY(0)}.focus-config--minimized{display:none}.focus-config--resizing{transition:none;-webkit-user-select:none;user-select:none}.focus-config__header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4);border-bottom:var(--border-thin) solid var(--border-light);background:var(--bg-secondary);flex-shrink:0}.focus-config--focus-mode .focus-config__header{border-radius:12px 12px 0 0;cursor:pointer}.focus-config__title{font-size:var(--fs-base);font-weight:600;color:var(--text);margin:0;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-config__controls{display:flex;gap:.5rem}.focus-config__control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease}.focus-config__control-btn:hover{background:#e5e7eb;color:#374151}.focus-config__minimize-btn:hover{background:#dbeafe;color:var(--primary-border-color)}.focus-config__content{flex:1;overflow-y:auto;overflow-x:hidden}.focus-config--focus-mode .focus-config__content{max-height:calc(100vh - 180px)}.focus-config__resize-handle{position:absolute;left:-4px;top:0;width:3px;height:100%;cursor:ew-resize;background:var(--shadow-sm);z-index:10}.focus-config__resize-handle:hover{background:var(--primary)}.focus-config__resize-handle:after{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:2px;height:30px;background:#d1d5db;border-radius:1px;opacity:0;transition:opacity .2s ease}.focus-config__resize-handle:hover:after{opacity:1}.focus-config--resizing .focus-config__resize-handle:after{background:var(--primary-light);opacity:1;border-radius:var(--radius-xl)}.focus-config-tab{position:fixed;cursor:pointer;background:#fff;border:1px solid #e5e7eb;padding:.75rem 1rem;font-weight:600;color:#374151;transition:all .2s ease;z-index:9999}.focus-config-tab--normal-mode{right:0;top:50%;transform-origin:right center;border-radius:8px 8px 0 0;writing-mode:vertical-rl;text-orientation:mixed}.focus-config-tab--focus-mode{bottom:0;right:1rem}.focus-config-tab:hover{background:#f3f4f6;color:#1f2937}.focus-config-tab--focus-mode:hover{transform:translateY(-2px)}.focus-config__content::-webkit-scrollbar{width:6px}.focus-config__content::-webkit-scrollbar-track{background:transparent}.focus-config__content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.focus-config__content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.focus-config__resize-handle{display:none}.focus-config-tab--normal-mode{right:0;top:50%;transform:translateY(-50%);bottom:auto;left:auto;border-radius:8px 0 0 8px;writing-mode:vertical-rl;text-orientation:mixed;padding:.9rem .45rem;font-size:.7rem;letter-spacing:.06em;box-shadow:-3px 0 10px #0000001f}}.focus-config--mobile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-aside);background:var(--bg, #fff);display:flex;flex-direction:column;animation:fc-slide-in .22s cubic-bezier(.4,0,.2,1)}@keyframes fc-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.focus-config-mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:calc(var(--z-aside) - 1);animation:fc-backdrop-in .2s ease}@keyframes fc-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(calc(100% - 60px))}to{transform:translateY(0)}}.focus-config--focus-mode.focus-config--expanded{animation:slideUp .3s ease-out}.focus-footer-chip{position:absolute;bottom:var(--s-3);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--s-2);z-index:10}.focus-footer-stats{display:flex;align-items:center;gap:var(--s-1);background:var(--bg, #fff);border:1px solid var(--border-light, #e5e7eb);border-radius:999px;padding:var(--s-1) var(--s-2);box-shadow:0 2px 10px #0000001a;white-space:nowrap}.focus-footer-stat{display:flex;align-items:center;gap:4px;padding:3px 8px;font-size:12px;color:var(--text-secondary, #6b7280);border-radius:999px}.stat-value{font-weight:600;color:var(--text, #111827)}.focus-footer-divider{width:1px;height:16px;background:var(--border-light, #e5e7eb);margin:0 2px;flex-shrink:0}.focus-footer-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--text, #111827);background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border, #d1d5db);border-radius:999px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;line-height:1;white-space:nowrap}.focus-footer-btn:hover{background:var(--bg-hover, #e5e7eb);border-color:var(--border, #9ca3af)}.focus-footer-btn.active{background:var(--accent, #2563eb);border-color:var(--accent, #2563eb);color:#fff}.focus-footer-btn.active:hover{opacity:.9}@media(max-width:768px){.focus-footer-chip{left:50px;right:42px;transform:none;align-items:center;bottom:var(--s-2)}.focus-footer-stats{white-space:nowrap;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;font-size:11px;gap:2px;padding:3px 8px}.focus-footer-stats::-webkit-scrollbar{display:none}.focus-footer-stat{padding:2px 4px;font-size:11px}.focus-footer-btn{font-size:11px;padding:2px 7px}}.footer-prompt-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;width:480px;max-width:100%}.footer-prompt-box{width:100%;max-width:340px;background:var(--background-primary);border:1px solid var(--border-color);border-radius:20px;display:flex;flex-direction:column;padding:5px 6px 5px 14px;gap:6px;box-shadow:0 2px 8px #0000001a,0 0 0 1px #0000000a;transition:max-width .2s ease,border-radius .2s ease,box-shadow .2s ease;cursor:text}.footer-prompt-box.expanded,.footer-prompt-box.has-attachments{border-radius:14px;max-width:480px;box-shadow:0 -6px 28px #00000024,0 0 0 1px #0000000f}.footer-prompt-attachments{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 2px}.footer-prompt-attachment{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid var(--border-color)}.footer-prompt-attachment img{width:100%;height:100%;object-fit:cover;display:block}.footer-prompt-attachment-remove{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#0000008c;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .12s ease}.footer-prompt-attachment-remove:hover{background:#000c}.footer-prompt-input-row{display:flex;align-items:flex-end;gap:4px}.footer-prompt-textarea{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:13px;color:var(--text-primary);resize:none;min-height:22px;max-height:140px;overflow-y:auto;line-height:1.5;padding:0;font-family:inherit}.footer-prompt-textarea::placeholder{color:var(--text-secondary);font-size:12px}.footer-prompt-attach{flex-shrink:0;align-self:flex-end;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--border-color);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease;margin-bottom:1px}.footer-prompt-attach:hover:not(:disabled){background:var(--background-secondary, rgba(0, 0, 0, .05));color:var(--text-primary)}.footer-prompt-attach:disabled{opacity:.4;cursor:default}.footer-prompt-send{flex-shrink:0;align-self:flex-end;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--border-color);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;margin-bottom:1px}.footer-prompt-send.active{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.footer-prompt-send:hover.active{opacity:.85}.footer-prompt-box.loading{opacity:.75;pointer-events:none}@keyframes footer-prompt-spin{to{transform:rotate(360deg)}}.footer-prompt-spinner{animation:footer-prompt-spin .8s linear infinite}.footer-prompt-error{font-size:11px;color:#e53e3e;margin:0;text-align:center;max-width:340px}@keyframes footer-feedback-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.footer-prompt-feedback{display:flex;align-items:center;gap:6px;animation:footer-feedback-fadein .2s ease}.footer-prompt-feedback-label{font-size:11px;color:var(--text-secondary)}.footer-prompt-feedback-btn{background:none;border:1px solid var(--border-color);border-radius:6px;padding:2px 6px;font-size:13px;cursor:pointer;line-height:1.4;transition:background .12s ease}.footer-prompt-feedback-btn:hover{background:var(--background-secondary, rgba(0,0,0,.05))}.footer-prompt-feedback-skip{background:none;border:none;font-size:11px;color:var(--text-secondary);cursor:pointer;padding:0 2px;text-decoration:underline;opacity:.7}.footer-prompt-feedback-skip:hover{opacity:1}@media(max-width:768px){.footer-prompt-wrapper{width:100%}.footer-prompt-box,.footer-prompt-error{max-width:100%}}.articles-summary{position:relative;background:var(--bg);border-left:1px solid var(--border-light);width:500px;height:100%;overflow:hidden;transition:width .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.summary-sidebar{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-4) 0;align-items:center}.summary-sidebar-icon{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding:var(--s-2);color:var(--text-secondary);cursor:pointer;transition:var(--transition);width:100%}.summary-sidebar-icon:hover{color:var(--primary);background:var(--bg-secondary)}.summary-sidebar-count{font-size:var(--fs-xs);font-weight:600;color:var(--text)}.summary-expanded-content{display:flex;flex-direction:column;height:100%;overflow-y:auto}.summary-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-6);border-bottom:1px solid var(--border-light);background:var(--bg-secondary);flex-shrink:0}.summary-header-content{display:flex;align-items:center;gap:var(--s-3)}.summary-header-content h2{font-size:var(--fs-lg);font-weight:600;margin:0}.summary-subtitle{font-size:var(--fs-sm);color:var(--text-secondary);margin:0}.summary-status{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);font-size:var(--fs-xs);color:var(--text-secondary)}.summary-section{border-bottom:1px solid var(--border-light)}.summary-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-6);background:var(--bg-secondary);cursor:pointer;transition:var(--transition)}.summary-section-header:hover{background:var(--bg-tertiary)}.summary-section-title{display:flex;align-items:center;gap:var(--s-2)}.summary-section-title h3{font-size:var(--fs-base);font-weight:600;margin:0}.summary-badge{padding:var(--s-1) var(--s-2);background:var(--primary);color:#fff;border-radius:var(--radius);font-size:var(--fs-xs);font-weight:500}.summary-content{padding:var(--s-4) var(--s-6)}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3)}.summary-card{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);transition:var(--transition)}.summary-card:hover{border-color:var(--border)}.summary-card--highlight{background:var(--primary);color:#fff;border-color:var(--primary)}.summary-card--wide{grid-column:span 2}.summary-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg);border-radius:var(--radius);color:var(--primary);flex-shrink:0}.summary-card--highlight .summary-card-icon{background:#fff3;color:#fff}.summary-card-content{display:flex;flex-direction:column;gap:var(--s-1)}.summary-card-label{font-size:var(--fs-xs);color:var(--text-secondary)}.summary-card--highlight .summary-card-label{color:#fffc}.summary-card-value{font-size:var(--fs-xl);font-weight:600;color:var(--text)}.summary-card--highlight .summary-card-value{color:#fff}.pricing-breakdown{display:flex;flex-direction:column;gap:var(--s-3)}.pricing-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-base)}.pricing-label{color:var(--text-secondary)}.pricing-value{font-weight:600;color:var(--text)}.pricing-divider{height:1px;background:var(--border-light);margin:var(--s-2) 0}.pricing-row--total{padding:var(--s-3);background:var(--bg-secondary);border-radius:var(--radius);font-size:var(--fs-lg)}.pricing-row--total .pricing-label,.pricing-row--total .pricing-value{font-weight:600;color:var(--text)}.material-list{display:flex;flex-direction:column;gap:var(--s-2)}.material-item{display:flex;justify-content:space-between;align-items:center;padding:var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius)}.material-info{display:flex;flex-direction:column;gap:var(--s-1)}.material-name{font-weight:500;color:var(--text)}.material-count{font-size:var(--fs-xs);color:var(--text-secondary)}.material-area{font-weight:600;color:var(--text)}.shop-items-list{display:flex;flex-direction:column;gap:var(--s-2)}.shop-item-row{display:flex;justify-content:space-between;align-items:center;padding:var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius)}.shop-item-info{display:flex;flex-direction:column;gap:var(--s-1)}.shop-item-name{font-weight:500;color:var(--text)}.shop-item-category{font-size:var(--fs-xs);color:var(--text-secondary)}.shop-item-pricing{display:flex;align-items:center;gap:var(--s-4);font-size:var(--fs-sm)}.shop-item-quantity,.shop-item-unit-price{color:var(--text-secondary)}.shop-item-total{font-weight:600;color:var(--text)}.summary-footer{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-6);background:var(--bg-secondary);border-top:1px solid var(--border-light);margin-top:auto;flex-shrink:0;position:sticky;bottom:0}.summary-export-group{position:relative;display:flex;flex-direction:column;gap:var(--s-2)}.export-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:var(--s-2);background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;z-index:1000}.export-dropdown button{display:flex;align-items:center;gap:var(--s-2);width:100%;padding:var(--s-3);background:transparent;border:none;text-align:left;font-size:var(--fs-sm);color:var(--text);cursor:pointer;transition:var(--transition)}.export-dropdown button:hover{background:var(--bg-secondary)}.backorder-badge{display:inline-flex;align-items:center;padding:2px 8px;margin-left:8px;background:#fb923c1a;color:#f97316;border:1px solid rgba(251,146,60,.3);border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}@media(max-width:768px){.articles-summary--expanded{width:100%}}.purchase-order-document{display:flex;flex-direction:column;background:var(--bg);max-height:85vh;overflow:hidden}.po-doc-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--s-6) var(--s-6) var(--s-4);border-bottom:2px solid var(--border);background:var(--bg-secondary);position:sticky;top:0;z-index:100}.po-doc-title h1{margin:0;font-size:var(--fs-2xl);font-weight:700;color:var(--text)}.po-doc-number{display:inline-block;margin-top:var(--s-2);padding:var(--s-1) var(--s-3);background:var(--primary-bg);color:var(--primary);font-size:var(--fs-sm);font-weight:600;border-radius:var(--radius)}.po-doc-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s-2);font-size:var(--fs-sm);color:var(--text-secondary)}.po-status-badge{padding:var(--s-1) var(--s-3);background:var(--warning-bg);color:var(--warning);font-weight:600;border-radius:var(--radius);font-size:var(--fs-xs);text-transform:uppercase}.po-doc-body{flex:1;overflow-y:auto;padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-6)}.po-header-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6);padding:var(--s-4);background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-light)}.po-header-column{display:flex;flex-direction:column;gap:var(--s-3)}.po-column-title{margin:0 0 var(--s-2) 0;padding-bottom:var(--s-2);font-size:var(--fs-sm);font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--primary)}.po-field-compact{display:flex;flex-direction:column;gap:var(--s-2)}.po-field-compact label{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.po-value-display{display:flex;justify-content:space-between;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);min-height:36px}.po-value-display span{flex:1;font-size:var(--fs-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-static-value{padding:var(--s-2) var(--s-3);background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--text);min-height:36px;display:flex;align-items:center}.po-clear-btn{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:var(--fs-base);line-height:1}.po-clear-btn:hover{color:var(--error)}.po-dropdown-content{display:flex;align-items:center;gap:var(--s-2)}.po-dropdown-title{font-size:var(--fs-sm);font-weight:500;color:var(--text)}.po-dropdown-subtitle{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:var(--s-1)}.po-articles-section{display:flex;flex-direction:column;gap:var(--s-3)}.po-section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--s-3);border-bottom:1px solid var(--border-light)}.po-items-count{padding:var(--s-1) var(--s-3);background:var(--primary-bg);color:var(--primary);font-size:var(--fs-xs);font-weight:600;border-radius:var(--radius)}.po-articles-list{display:flex;flex-direction:column;gap:var(--s-2);max-height:300px;overflow-y:auto;padding:var(--s-2);background:var(--bg-secondary);border-radius:var(--radius)}.po-doc-footer-section{display:flex;gap:var(--s-3);width:100%;flex-grow:1}.po-totals-section{justify-content:flex-end;padding:var(--s-4);background:var(--bg-secondary);border-radius:var(--radius);flex:1}.po-totals-grid{min-width:300px;display:flex;flex-direction:column;gap:var(--s-2)}.po-total-row{display:flex;justify-content:space-between;padding:var(--s-2) 0;font-size:var(--fs-sm);color:var(--text-secondary)}.po-total-main{padding-top:var(--s-3);border-top:2px solid var(--border);font-size:var(--fs-lg);font-weight:700;color:var(--text)}.po-notes-section{display:flex;flex-direction:column;gap:var(--s-2);flex:2}.po-notes-section label{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-sm);font-weight:600;color:var(--text)}.po-notes-textarea{width:100%;padding:var(--s-3);border:1px solid var(--border-light);border-radius:var(--radius);font-family:var(--font-family);font-size:var(--fs-sm);color:var(--text);background:var(--bg);resize:vertical;min-height:80px;transition:var(--transition)}.po-notes-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.po-notes-textarea::placeholder{color:var(--text-secondary);opacity:.6}.po-doc-footer{display:flex;gap:var(--s-3);justify-content:flex-end;padding:var(--s-4) var(--s-6);border-top:2px solid var(--border);background:var(--bg-secondary);position:sticky;bottom:0;z-index:100}.purchase-order-error{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-6);background:var(--error-bg);color:var(--error);font-size:var(--fs-sm);font-weight:500;border-bottom:1px solid var(--error)}.purchase-order-success{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-6);background:var(--success-bg, #d4edda);color:var(--success, #155724);font-size:var(--fs-sm);font-weight:500;border-bottom:1px solid var(--success, #155724)}.po-section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--s-3);border-bottom:1px solid var(--border-light);gap:var(--s-4)}.po-section-title-group{display:flex;align-items:center;gap:var(--s-3)}.po-section-header h3{margin:0;font-size:var(--fs-lg);font-weight:600;color:var(--text)}.po-items-count{padding:var(--s-1) var(--s-3);background:var(--primary-bg);color:var(--primary);font-size:var(--fs-xs);font-weight:600;border-radius:var(--radius);white-space:nowrap}.po-filters{display:flex;gap:var(--s-4);align-items:center}.po-filter-checkbox{display:flex;align-items:center;gap:var(--s-2);cursor:pointer;font-size:var(--fs-sm);color:var(--text);-webkit-user-select:none;user-select:none;transition:var(--transition)}.po-filter-checkbox:hover:not(.po-filter-disabled){color:var(--primary)}.po-filter-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.po-filter-checkbox.po-filter-disabled{opacity:.5;cursor:not-allowed}.po-filter-checkbox.po-filter-disabled input{cursor:not-allowed}.po-filter-count{margin-left:var(--s-1);padding:2px var(--s-2);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--fs-xs);font-weight:600;border-radius:var(--radius)}.po-empty-articles{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-6) var(--s-4);text-align:center;color:var(--text-secondary);gap:var(--s-3)}.po-empty-articles svg{color:var(--warning)}.po-empty-articles p{margin:0;font-size:var(--fs-sm);font-weight:500}.po-empty-subtitle{font-size:var(--fs-xs);color:var(--text-secondary);opacity:.8}.purchase-order-success{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-4);margin-bottom:var(--s-4);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius);color:#16a34a}.purchase-order-success svg{flex-shrink:0;margin-top:2px}.purchase-order-success-content{flex:1;display:flex;flex-direction:column;gap:var(--s-2)}.purchase-order-success-content strong{font-weight:600;font-size:var(--fs-base)}.purchase-order-success-content p{margin:0;font-size:var(--fs-sm);opacity:.9}.purchase-order-link{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:#16a34a;color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;transition:var(--transition);margin-top:var(--s-1);align-self:flex-start}.purchase-order-link:hover{background:#15803d;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.purchase-order-link svg{flex-shrink:0}.po-backorder-warning{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-4);margin-bottom:var(--s-4);background:#fb923c1a;border:1px solid rgba(251,146,60,.3);border-radius:var(--radius);color:#f97316}.po-backorder-warning svg{flex-shrink:0;margin-top:2px}.po-backorder-warning strong{display:block;margin-bottom:var(--s-1);font-weight:600}.po-backorder-warning p{margin:0;font-size:var(--fs-sm);opacity:.9}.po-status-badge{padding:var(--s-1) var(--s-2);background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.po-value-editable{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.po-edit-btn{display:flex;align-items:center;justify-content:center;padding:var(--s-1);background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.po-edit-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--primary);border-color:var(--primary)}.po-edit-btn:disabled{opacity:.5;cursor:not-allowed}.po-date-input-wrapper{position:relative;width:100%}.po-date-input{width:100%;padding:var(--s-2) var(--s-3);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--fs-sm);transition:var(--transition)}.po-date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.po-date-input:disabled{opacity:.5;cursor:not-allowed}.po-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:var(--calendar-icon-filter, invert(.5))}.po-date-input:hover:not(:disabled)::-webkit-calendar-picker-indicator{filter:var(--calendar-icon-filter-hover, invert(.3))}@media(max-width:768px){.po-section-header{flex-direction:column;align-items:flex-start}.po-filters{width:100%;justify-content:space-between}.po-filter-checkbox{font-size:var(--fs-xs)}}@media(max-width:1200px){.po-header-fields{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.po-doc-header{flex-direction:column;gap:var(--s-3)}.po-doc-meta{align-items:flex-start}.po-header-fields{grid-template-columns:1fr}.po-doc-body{padding:var(--s-4)}.po-totals-grid{width:100%}}.datepicker{position:relative;width:100%}.datepicker-input{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.datepicker-input:hover:not(.is-disabled){border-color:var(--primary)}.datepicker-input.is-open{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.datepicker-input.is-disabled{opacity:.5;cursor:not-allowed}.datepicker-icon{flex-shrink:0;color:var(--text-secondary)}.datepicker-value{flex:1;font-size:var(--fs-sm);color:var(--text)}.datepicker-placeholder{flex:1;font-size:var(--fs-sm);color:var(--text-tertiary)}.datepicker-clear{display:flex;align-items:center;justify-content:center;padding:var(--s-1);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.datepicker-clear:hover{background:var(--bg-secondary);color:var(--danger)}.datepicker-dropdown{position:absolute;top:calc(100% + var(--s-2));left:0;z-index:1000;min-width:280px;padding:var(--s-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:datepicker-slide-in .2s ease}@keyframes datepicker-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-3)}.datepicker-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.datepicker-nav-btn:hover{background:var(--bg-secondary);color:var(--primary)}.datepicker-title{flex:1;padding:var(--s-2);background:transparent;border:none;font-size:var(--fs-base);font-weight:600;color:var(--text);cursor:pointer;transition:var(--transition);border-radius:var(--radius-sm)}.datepicker-title:hover{background:var(--bg-secondary);color:var(--primary)}.datepicker-body{min-height:240px}.datepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--s-1);margin-bottom:var(--s-2)}.datepicker-weekday{display:flex;align-items:center;justify-content:center;padding:var(--s-1);font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase}.datepicker-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--s-1)}.datepicker-day{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:var(--s-1);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text-tertiary);cursor:pointer;transition:var(--transition)}.datepicker-day.is-current-month{color:var(--text)}.datepicker-day:hover:not(.is-disabled){background:var(--bg-secondary);border-color:var(--primary)}.datepicker-day.is-today{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:600}.datepicker-day.is-selected{background:var(--primary);color:#fff;font-weight:600}.datepicker-day.is-disabled{opacity:.3;cursor:not-allowed}.datepicker-months-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.datepicker-month{display:flex;align-items:center;justify-content:center;padding:var(--s-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;color:var(--text);cursor:pointer;transition:var(--transition)}.datepicker-month:hover:not(.is-disabled){background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.datepicker-month.is-selected{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.datepicker-month.is-disabled{opacity:.3;cursor:not-allowed}.datepicker-years-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.datepicker-year{display:flex;align-items:center;justify-content:center;padding:var(--s-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;color:var(--text);cursor:pointer;transition:var(--transition)}.datepicker-year:hover:not(.is-disabled){background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.datepicker-year.is-selected{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.datepicker-year.is-disabled{opacity:.3;cursor:not-allowed}.datepicker-footer{display:flex;justify-content:center;margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--border)}.datepicker-today-btn{padding:var(--s-2) var(--s-4);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;color:var(--primary);cursor:pointer;transition:var(--transition)}.datepicker-today-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.layout-configurator{height:80vh;display:flex;flex-direction:column;font-family:var(--font-family);background:var(--bg);border:var(--border-medium) solid var(--border)}.layout-configurator-header{display:flex;justify-content:space-between;align-items:center;padding:var(--s-5);border-bottom:var(--border-medium) solid var(--border-light)}.layout-configurator-header h2{margin:0;font-size:var(--fs-xl);color:var(--text)}.layout-configurator-header button{background:none;border:none;cursor:pointer;color:var(--text);transition:var(--transition)}.layout-configurator-header button:hover{color:var(--text-secondary)}.layout-configurator-body{flex:1;display:grid;grid-template-columns:350px 1fr;overflow:hidden}.layout-configurator-controller{border-right:var(--border-medium) solid var(--border-light);overflow-y:auto;padding:var(--s-5)}.layout-configurator-preview{padding:var(--s-5);display:flex;flex-direction:column;background:var(--bg-secondary)}.preview-label{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-4);font-weight:600;font-size:var(--fs-sm);color:var(--text);text-transform:uppercase}.preview-pages{display:flex;flex-direction:column;gap:0;flex:1;overflow-y:auto;scroll-snap-type:y mandatory}.preview-page{min-height:100%;height:100%;border:var(--border-thin) solid var(--border-light);padding:var(--s-3);background:var(--bg);flex-shrink:0;scroll-snap-align:start;display:flex;flex-direction:column;min-width:800px;max-width:800px}.preview-page-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);margin-bottom:var(--s-2);text-transform:uppercase;letter-spacing:.5px}.preview-grid{flex:1;width:100%;gap:var(--s-1);background:var(--bg-tertiary);border:var(--border-thin) solid var(--border-light)}.preview-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:500;padding:var(--s-2);text-align:center;background:var(--bg);border:var(--border-medium) solid var(--border-light);color:var(--text-secondary);transition:var(--transition)}.preview-cell-plan{background:var(--bg);border-color:var(--primary);color:var(--text)}.preview-cell-wall{background:var(--bg-secondary);border-color:var(--text-secondary)}.preview-cell-info{background:var(--bg-tertiary);border-color:var(--accent);color:var(--text)}.preview-cell-elevation{background:var(--bg);border-color:var(--primary)}.preview-cell-sub{font-size:var(--fs-xs);color:var(--text-light);margin-top:var(--s-1)}.preview-empty{display:flex;align-items:center;justify-content:center;height:100px;color:var(--text-light);font-style:italic;font-size:var(--fs-sm)}.layout-configurator-footer{padding:var(--s-5);border-top:var(--border-medium) solid var(--border-light);display:flex;justify-content:flex-end;gap:var(--s-3)}.layout-configurator-footer button{padding:var(--s-3) var(--s-5);border:var(--border-medium) solid var(--primary);cursor:pointer;background:var(--bg);color:var(--text);font-family:var(--font-family);font-size:var(--fs-sm);font-weight:500;transition:var(--transition)}.layout-configurator-footer button:hover{background:var(--bg-secondary)}.layout-configurator-footer .btn-primary{background:var(--primary);color:var(--bg)}.layout-configurator-footer .btn-primary:hover{background:var(--primary-hover)}.grid-controller-panel{display:flex;flex-direction:column;gap:var(--s-5)}.grid-controller-section{display:flex;flex-direction:column;gap:var(--s-2)}.grid-controller-section h4{margin:0;font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding-bottom:var(--s-2);border-bottom:var(--border-thin) solid var(--border-light)}.grid-presets{display:flex;flex-wrap:wrap;gap:var(--s-2)}.grid-preset-btn{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);font-size:var(--fs-xs);font-family:var(--font-family);font-weight:500;border:var(--border-medium) solid var(--border-light);background:var(--bg);color:var(--text);cursor:pointer;transition:var(--transition)}.grid-preset-btn:hover{border-color:var(--primary);background:var(--bg-secondary)}.grid-preset-btn.active{border-color:var(--primary);background:var(--primary);color:var(--bg)}.preset-description{font-size:var(--fs-xs);color:var(--text-light);margin:var(--s-1) 0 0 0;font-style:italic}.grid-controller-section label{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-sm);color:var(--text);cursor:pointer;padding:var(--s-1) 0}.grid-controller-section label:hover{color:var(--primary)}.grid-controller-section input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.number-input{margin-left:var(--s-5)}.number-input input[type=number]{width:60px;padding:var(--s-1) var(--s-2);margin-left:var(--s-2);border:var(--border-thin) solid var(--border-light);font-family:var(--font-family);font-size:var(--fs-sm)}.number-input input[type=number]:focus{outline:none;border-color:var(--primary)}.grid-custom-layout{width:100%;padding:var(--s-2);font-family:monospace;font-size:var(--fs-xs);border:var(--border-thin) solid var(--border-light);resize:vertical;background:var(--bg)}.grid-custom-layout:focus{outline:none;border-color:var(--primary)}.grid-custom-inputs{display:flex;gap:var(--s-3)}.grid-custom-inputs label{flex:1;flex-direction:column;align-items:flex-start;font-size:var(--fs-xs);color:var(--text-secondary)}.grid-custom-inputs input{width:100%;padding:var(--s-1) var(--s-2);margin-top:var(--s-1);border:var(--border-thin) solid var(--border-light);font-family:var(--font-family);font-size:var(--fs-xs)}.grid-custom-inputs input:focus{outline:none;border-color:var(--primary)}.grid-builder{display:flex;flex-direction:column;gap:var(--s-3)}.grid-builder-label{font-size:var(--fs-xs);color:var(--text-secondary)}.grid-builder-tools{display:flex;gap:var(--s-1)}.grid-tool{flex:1;padding:var(--s-2);font-size:var(--fs-xs);font-family:var(--font-family);border:var(--border-medium) solid var(--border-light);background:var(--bg);cursor:pointer;transition:var(--transition)}.grid-tool:hover{border-color:var(--text-secondary)}.grid-tool.active{border-color:var(--primary);background:var(--primary);color:var(--bg)}.grid-builder-canvas{display:flex;flex-direction:column;gap:2px;padding:var(--s-2);background:var(--border-light);border:var(--border-medium) solid var(--border-light)}.grid-builder-row{display:flex;gap:2px}.grid-builder-cell{flex:1;height:50px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;cursor:pointer;transition:var(--transition);background:var(--bg);border:var(--border-thin) solid transparent}.grid-builder-cell:hover{border-color:var(--primary)}.grid-builder-cell-plan{background:#e8e8e8;color:var(--text)}.grid-builder-cell-wall{background:#d0d0d0;color:var(--text)}.grid-builder-cell-info{background:var(--accent);color:var(--text)}.grid-builder-cell-empty{background:var(--bg);color:var(--text-light)}.grid-builder-size{display:flex;gap:var(--s-4)}.grid-builder-size label{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-xs);color:var(--text-secondary)}.grid-builder-size select{padding:var(--s-1) var(--s-2);border:var(--border-thin) solid var(--border-light);font-family:var(--font-family);font-size:var(--fs-sm);background:var(--bg)}.grid-builder-size select:focus{outline:none;border-color:var(--primary)}.orientation-selector{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-2)}.orientation-selector>span{font-size:var(--fs-xs);color:var(--text-secondary)}.orientation-buttons{display:flex;gap:var(--s-2)}.orientation-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding:var(--s-2);font-size:var(--fs-xs);font-family:var(--font-family);font-weight:500;border:var(--border-medium) solid var(--border-light);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.orientation-btn:hover{border-color:var(--text-secondary);color:var(--text)}.orientation-btn.active{border-color:var(--primary);background:var(--primary);color:var(--bg)}.orientation-btn svg{width:32px;height:32px}.button-wrapper{cursor:pointer;padding:5px;transition:opacity .3s ease-in-out;background-color:var(--primary);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;z-index:-0}.button-wrapper.disabled{pointer-events:none;opacity:.5}.export-xml-btn{background-color:#fff3;border:none;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#555}.export-xml-btn:hover:not(:disabled){background-color:#3e8e41;color:#fff}.export-xml-btn:active:not(:disabled){background-color:#357a38}.export-xml-btn.exporting{background-color:#888;cursor:wait}.export-xml-btn.exported{background-color:#2196f3}.export-xml-btn:disabled{opacity:.7;cursor:not-allowed}.check-icon{display:inline-flex;align-items:center;justify-content:center;font-weight:700}.project_action_buttons{display:flex;gap:6px}.buttons_container{display:flex;gap:6px;z-index:2}.articles_with_summary{display:flex;height:100%;overflow:hidden}.project-articles{flex:1;display:flex;flex-direction:column;gap:var(--s-6);min-width:0;min-height:0;overflow:hidden;padding:var(--s-2)}.articles-list{display:flex;flex-direction:column;gap:var(--s-3);overflow-y:auto;flex:1;min-height:0}.articles-list--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s-4)}.articles-list--list{display:flex;flex-direction:column;gap:var(--s-2)}.empty-articles{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-4);padding:var(--s-12);text-align:center;color:var(--text-secondary);flex:1}.empty-articles__content{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.empty-articles__content h3{font-size:var(--fs-lg);font-weight:600;color:var(--text);margin:0}.empty-articles__content p{font-size:var(--fs-sm);color:var(--text-secondary);margin:0}.reset-btn{margin-top:var(--s-3);padding:var(--s-3) var(--s-6);background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:var(--transition)}.reset-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.article-item--merged{position:relative;border-left:3px solid var(--accent);background:var(--bg-secondary)}.article-item__quantity-badge{position:absolute;top:var(--s-1);left:var(--s-1);background:var(--accent);color:var(--primary);padding:var(--s-1) var(--s-1);border-radius:var(--radius);font-size:var(--fs-xs);display:flex;align-items:center;gap:var(--s-1);z-index:10;box-shadow:var(--shadow-sm)}.article-item__unit-price{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:400;margin-top:var(--s-1)}.article-item__total-length{font-size:var(--fs-xs);color:var(--accent);font-weight:600;margin-top:var(--s-1)}.article-item__value--secondary{font-size:var(--fs-xs);color:var(--text-secondary);display:block;margin-top:var(--s-1)}.article-item__merged-info{padding:var(--s-4);background:var(--bg-tertiary);border-radius:var(--radius);margin-bottom:var(--s-4);border:1px solid var(--border-light)}.article-item__merged-info h5{font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--s-3);color:var(--text);display:flex;align-items:center;gap:var(--s-2)}.article-item__merged-info h5:before{content:"📦"}.article-item__merged-list{display:flex;flex-direction:column;gap:var(--s-2);max-height:400px;overflow-y:auto}.article-item__merged-item{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--s-3);padding:var(--s-2) var(--s-3);background:var(--bg);border-radius:var(--radius-sm);font-size:var(--fs-xs);color:var(--text-secondary);border:1px solid var(--border-light);transition:var(--transition)}.article-item__merged-item:hover{border-color:var(--border);background:var(--bg-secondary)}.article-item__merged-item span:first-child{font-weight:500;color:var(--text)}.article-item__merged-item span:last-child{color:var(--accent);font-weight:600;text-align:right}.articles-grouped{display:flex;flex-direction:column;gap:var(--s-6);margin-top:var(--s-4)}.article-group{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden}.article-group__header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.article-group__title{font-size:var(--fs-base);font-weight:600;margin:0;text-transform:capitalize}.article-group__count{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500}@media(max-width:1200px){.project-articles{flex-direction:column}}@media(max-width:768px){.articles-list--grid{grid-template-columns:1fr}.articles-list{padding:var(--s-2)}.empty-articles{padding:var(--s-8)}}@media(max-width:480px){.project-articles{gap:var(--s-4)}.empty-articles{padding:var(--s-6)}.empty-articles__content h3{font-size:var(--fs-base)}}.plan-wizard{background:var(--bg)}.wizard-steps{display:flex;flex-direction:column;gap:var(--s-4)}.step{display:flex;gap:var(--s-4);opacity:.5;transition:var(--transition)}.step.active{opacity:1}.step.completed .step-marker{background:var(--primary);color:#fff}.step-marker{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:50%;font-weight:600;color:var(--text-secondary);transition:var(--transition)}.step.active .step-marker{background:var(--accent);color:var(--text);border-color:var(--accent)}.step-content{flex:1;display:flex;flex-direction:column;gap:var(--s-3)}.step-content h4{font-size:var(--fs-lg);font-weight:600;color:var(--text);margin:0}.step-body{padding:var(--s-2);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.scale-step{display:flex;flex-direction:column;gap:var(--s-4)}.scale-instructions{padding:var(--s-3);background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius)}.scale-instructions p{margin:0;font-size:var(--fs-sm);color:var(--text-secondary)}.reference-input{display:flex;flex-direction:column;gap:var(--s-2)}.reference-input label{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.input-group{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.input-group input{flex:1;border:none;background:none;font-size:var(--fs-base);color:var(--text);outline:none}.input-group .unit{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500}.input-help{font-size:var(--fs-xs);color:var(--text-light)}.draw-btn{display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3) var(--s-6);background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:var(--transition)}.draw-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.drawing-instructions{padding:var(--s-4);background:var(--bg);border:1px solid var(--accent);border-radius:var(--radius)}.instruction-step{display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-sm);color:var(--text)}.instruction-step small{font-size:var(--fs-xs);color:var(--text-light)}.step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:var(--accent);color:var(--text);border-radius:50%;font-weight:600;font-size:var(--fs-sm)}.line-complete{display:flex;align-items:center;gap:var(--s-3)}.success-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:var(--success);color:#fff;border-radius:50%;font-weight:600}.line-complete div{display:flex;flex-direction:column;gap:var(--s-1)}.line-complete strong{color:var(--text)}.line-complete small{font-size:var(--fs-xs);color:var(--text-secondary)}.scale-result{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius)}.calc-line{font-size:var(--fs-sm);color:var(--text-secondary)}.calc-line strong{font-size:var(--fs-lg);color:var(--text)}.scale-result small{font-size:var(--fs-xs);color:var(--text-light)}.complete-btn{display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3) var(--s-6);background:var(--success);color:#fff;border:none;border-radius:var(--radius);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:var(--transition)}.complete-btn:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:768px){.plan-wizard{padding:var(--s-4)}.step{gap:var(--s-3)}.step-marker{width:32px;height:32px}.step-body{padding:var(--s-3)}.step-number,.success-icon{width:24px;height:24px;font-size:var(--fs-xs)}}@media(max-width:480px){.plan-wizard{padding:var(--s-3)}.step-content h4{font-size:var(--fs-base)}.draw-btn,.complete-btn{padding:var(--s-2) var(--s-4)}}.room-details-container{display:flex;flex-direction:column;min-height:0}.catalog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;font-family:var(--font-family, sans-serif);color:var(--text-secondary, #666);font-size:var(--fs-sm, .875rem)}.catalog-loading-spinner{display:block;width:24px;height:24px;border:2px solid var(--border-light, #e0e0e0);border-top-color:var(--accent, #aab203);border-radius:50%;animation:catalog-spin .8s linear infinite}@keyframes catalog-spin{to{transform:rotate(360deg)}}.catalog-loading-label{letter-spacing:.01em}.category-title{font-size:var(--fs-xl);font-weight:600;color:var(--text);margin:0}.variants-header{padding:var(--s-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.variants-header h3{font-size:var(--fs-lg);font-weight:600;color:var(--text);margin:0 0 var(--s-1) 0}.variants-header p{font-size:var(--fs-sm);color:var(--text-secondary);margin:0}.categories-grid,.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--s-4);padding:var(--s-4);overflow-y:auto}.categories-list,.items-list{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);overflow-y:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-12);text-align:center;color:var(--text-secondary)}.empty-state h3{font-size:var(--fs-lg);font-weight:600;color:var(--text);margin:0}.empty-state p{font-size:var(--fs-sm);margin:0}.search-filters-container{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.search-filters-container>*{flex:1}.recently-used-section{padding:var(--s-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.recently-used-section h3{font-size:var(--fs-base);font-weight:600;color:var(--text);margin:0 0 var(--s-3) 0}.recently-used-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s-2)}.subcategories-section{padding:var(--s-4)}.subcategories-section h3{font-size:var(--fs-base);font-weight:600;color:var(--text);margin:0 0 var(--s-3) 0;padding-bottom:var(--s-2);border-bottom:1px solid var(--border-light)}.view-mode-wrapper{display:flex;flex-direction:column;gap:var(--s-4);flex:1;overflow:hidden}.view-mode-content{padding:var(--s-2)}.configurator-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius);pointer-events:all}.configurator-loader__spinner{display:block;width:32px;height:32px;border:3px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:cfg-spin .7s linear infinite}@keyframes cfg-spin{to{transform:rotate(360deg)}}.actions-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.actions-left,.actions-right{display:flex;align-items:center;gap:var(--s-2)}.load_more_articles_section{position:sticky;bottom:0;background:linear-gradient(to bottom,transparent,var(--bg) 60%);padding-top:var(--s-4)}.room-details-container .professional-template-container+.professional-template-container{margin-top:-1px}.room-details-container .professional-template-container:first-child{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.room-details-container .professional-template-container:last-child{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.room-details-container .professional-template-container:only-child{border-radius:var(--radius-sm)}.room-details-container .professional-template-container:hover{z-index:1;position:relative}.netshop-results-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--s-1) var(--s-2);font-size:var(--fs-xs);font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--border-light);background:var(--bg-secondary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;letter-spacing:.02em}@media(max-width:1024px){.categories-grid,.items-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:768px){.category-header,.search-container{padding:var(--s-3)}.category-title{font-size:var(--fs-lg)}.categories-grid,.items-grid{grid-template-columns:1fr;padding:var(--s-2)}.categories-list,.items-list{padding:var(--s-2)}.search-filters-container,.actions-bar{flex-direction:column;align-items:stretch}.actions-left,.actions-right{width:100%;justify-content:space-between}}@media(max-width:480px){.empty-state{padding:var(--s-8)}.variants-header{padding:var(--s-3)}.recently-used-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@keyframes bgLoadBounce{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(-4px);opacity:1}}.input-field-grid-12{width:100%}.input-field-grid-6{width:50%}.input-field-grid-4{width:33.333%}.input-field-grid-3{width:25%}.input-field-wrapper{margin-bottom:1rem;padding:0 .5rem}.input-field-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.input-field-container{position:relative}.input-field-error{display:block;margin-top:.25rem;font-size:.75rem;color:#ef4444}.input-field{width:100%;padding:.75rem;border:1px solid #d1d5db;background:#fff;font-size:.875rem;color:#374151;transition:all .15s ease;outline:none}.input-field::placeholder{color:#9ca3af}.input-field:hover:not(:disabled){border-color:#9ca3af}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.input-field:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed;opacity:.75}.input-field.error{border-color:#ef4444;box-shadow:0 0 0 1px #ef4444}.input-field.error:focus{border-color:#ef4444;box-shadow:0 0 0 1px #ef4444}.slider-container{display:flex;flex-direction:column;gap:.75rem}.input-field-slider{width:100%;height:.5rem;background:#e5e7eb;outline:none;cursor:pointer;transition:all .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-field-slider:hover:not(:disabled){background:#d1d5db}.input-field-slider:disabled{opacity:.5;cursor:not-allowed}.input-field-slider.error{background:#fca5a5}.input-field-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;background:#3b82f6;cursor:pointer;border:2px solid #ffffff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .15s ease}.input-field-slider::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.1)}.input-field-slider::-webkit-slider-thumb:active{background:#1d4ed8;transform:scale(.95)}.input-field-slider.error::-webkit-slider-thumb{background:#ef4444}.input-field-slider.error::-webkit-slider-thumb:hover{background:#dc2626}.input-field-slider::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid #ffffff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .15s ease}.input-field-slider::-moz-range-thumb:hover{background:#2563eb;transform:scale(1.1)}.input-field-slider::-moz-range-thumb:active{background:#1d4ed8;transform:scale(.95)}.input-field-slider.error::-moz-range-thumb{background:#ef4444}.input-field-slider.error::-moz-range-thumb:hover{background:#dc2626}.input-field-slider::-moz-range-track{width:100%;height:.5rem;border-radius:.25rem;background:#e5e7eb;border:none}.input-field-slider::-moz-range-track:hover{background:#d1d5db}.input-field-slider.error::-moz-range-track{background:#fca5a5}.slider-value{display:flex;align-items:center;justify-content:center;min-width:3rem;padding:.5rem .75rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#374151;text-align:center;align-self:flex-end}.slider-container.inline{flex-direction:row;align-items:center;gap:1rem}.slider-container.inline .slider-value{flex-shrink:0;min-width:4rem;align-self:center}.input-field[type=number]{-moz-appearance:textfield}.input-field[type=number]::-webkit-outer-spin-button,.input-field[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field:focus-visible,.input-field-slider:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.input-group{display:flex;align-items:stretch}.input-group .input-field{border-radius:0}.input-group .input-field:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.input-group .input-field:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}@media(max-width:768px){.input-field-grid-6,.input-field-grid-4,.input-field-grid-3{width:100%}.slider-container.inline{flex-direction:column;align-items:stretch}.slider-container.inline .slider-value{align-self:center}}@media(prefers-contrast:high){.input-field,.input-field-slider{border-width:2px}.input-field:focus,.input-field-slider:focus{box-shadow:0 0 0 2px #3b82f6}}.combo-field-grid-12{width:100%}.combo-field-grid-6{width:50%}.combo-field-grid-4{width:33.333%}.combo-field-grid-3{width:25%}.combo-field-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.combo-field-wrapper:has(.combo-avatar-container){flex-direction:column;align-items:stretch}.combo-field-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem;flex:2}.combo-field-container{position:relative;flex:2;min-width:0}.combo-field-wrapper:has(.combo-avatar-container) .combo-field-container{flex:unset;width:100%}.combo-field-error{display:block;margin-top:.25rem;font-size:.75rem;color:#ef4444}.combo-switch-container{display:flex;background:var(--border-light);padding:.125rem;gap:.125rem}.combo-switch-option{flex:1;padding:.5rem 1rem;border:none;background:transparent;font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.combo-switch-option:hover:not(.disabled){color:#374151;background:#ffffff80}.combo-switch-option.active{background:#fff;color:#111827;box-shadow:0 1px 2px #0000000d}.combo-switch-option.disabled{opacity:.5;cursor:not-allowed}.combo-button-container{display:flex;flex-wrap:wrap;gap:.5rem}.combo-button-option{padding:.75rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease;min-width:4rem}.combo-button-option:hover:not(.disabled){border-color:#9ca3af;background:#f9fafb}.combo-button-option.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.combo-button-option.disabled{opacity:.5;cursor:not-allowed}.combo-avatar-container{display:flex;flex-wrap:nowrap;gap:.75rem;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:thin;box-sizing:border-box}.combo-avatar-option{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding:var(--s-1);border:1px solid var(--border);background:#fff;cursor:pointer;transition:all .15s ease;min-width:8rem}.combo-avatar-option:hover:not(.disabled){border-color:var(--border);background:#f9fafb}.combo-avatar-option.active{background:var(--bg-primary);border:var(--s-1) solid var(--border)}.combo-avatar-option.disabled{opacity:.5;cursor:not-allowed}.combo-avatar-image{width:5rem;height:5rem;border-radius:.25rem;object-fit:cover}.combo-avatar-label{font-size:.875rem;font-weight:500;color:#374151}.combo-avatar-option.active .combo-avatar-label{color:#3b82f6}.combo-circle-container{display:flex;flex-wrap:wrap;gap:.75rem}.combo-circle-option{width:3rem;height:3rem;border:2px solid #e5e7eb;border-radius:50%;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;background:#fff;position:relative}.combo-circle-option:hover:not(.disabled){border-color:#9ca3af;transform:scale(1.05)}.combo-circle-option.active{border-color:#3b82f6;border-width:3px;transform:scale(1.1)}.combo-circle-option.disabled{opacity:.5;cursor:not-allowed}.combo-circle-check{color:#fff;font-weight:700;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.combo-column-container{display:grid;gap:.5rem;max-height:12rem;overflow-y:auto;border:1px solid #d1d5db;border-radius:.5rem;padding:.25rem;background:#fff}.combo-column-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.375rem;cursor:pointer;transition:all .15s ease}.combo-column-option:hover:not(.disabled){background:#f3f4f6}.combo-column-option.active{background:#eff6ff;color:#3b82f6}.combo-column-option.disabled{opacity:.5;cursor:not-allowed}.combo-column-icon{width:2.5rem;height:2.5rem;border-radius:.375rem;object-fit:cover}.combo-column-label{font-size:.875rem;font-weight:500;color:#374151}.combo-column-option.active .combo-column-label{color:#3b82f6}.combo-dropdown-container{position:relative;width:100%}.combo-dropdown-trigger{width:100%;padding:var(--s-2);border:1px solid #d1d5db;background:#fff;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:space-between;text-align:left}.combo-dropdown-trigger:hover:not(.disabled){border-color:#9ca3af}.combo-dropdown-trigger.open{border-color:var(--border);box-shadow:0 0 0 1px var(--border)}.combo-dropdown-trigger.error{border-color:#ef4444}.combo-dropdown-trigger.disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.combo-dropdown-value{font-size:.875rem;color:#374151;white-space:nowrap}.combo-dropdown-arrow{font-size:.75rem;color:#6b7280;transition:transform .15s ease}.combo-dropdown-trigger.open .combo-dropdown-arrow{transform:rotate(180deg)}.combo-dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:.25rem;background:#fff;border:1px solid var(--border);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:16rem;overflow:hidden}.combo-dropdown-search{width:100%;padding:.75rem;border:none;border-bottom:1px solid #e5e7eb;font-size:.875rem;outline:none}.combo-dropdown-search:focus{border-bottom-color:var(--border)}.combo-dropdown-options{max-height:12rem;overflow-y:auto}.combo-dropdown-option{width:100%;padding:.75rem;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .15s ease;font-size:.875rem;color:#374151}.combo-dropdown-option:hover{background:#f3f4f6}.combo-dropdown-option.active{background:var(--text-light);color:var(--text)}.combo-option-description{display:block;color:#6b7280;font-size:.75rem;margin-top:.125rem}.combo-dropdown-no-results{padding:.75rem;text-align:center;color:#6b7280;font-size:.875rem}@media(max-width:768px){.combo-field-grid-6,.combo-field-grid-4,.combo-field-grid-3{width:100%}.combo-avatar-container,.combo-button-container{flex-direction:column}.combo-avatar-option,.combo-button-option{min-width:unset}}.checkbox-field-grid-12{width:100%}.checkbox-field-grid-6{width:50%}.checkbox-field-grid-4{width:33.333%}.checkbox-field-grid-3{width:25%}.checkbox-field-wrapper{margin-bottom:1rem;padding:0 .5rem}.checkbox-field-container{display:flex;flex-direction:column;gap:.25rem}.checkbox-field-error{display:block;margin-top:.25rem;font-size:.75rem;color:#ef4444}.checkbox-field-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;color:#374151;transition:all .15s ease;padding:.5rem;border-radius:.375rem;position:relative}.checkbox-field-label:hover:not(.disabled){background:#f9fafb}.checkbox-field-label.disabled{opacity:.6;cursor:not-allowed}.checkbox-field-input{position:absolute;opacity:0;width:0;height:0}.checkbox-field-checkmark{position:relative;width:1.125rem;height:1.125rem;background:#fff;border:1px solid #d1d5db;border-radius:.25rem;transition:all .15s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.checkbox-field-label:hover:not(.disabled) .checkbox-field-checkmark{border-color:#9ca3af}.checkbox-field-input:checked+.checkbox-field-checkmark{background:#3b82f6;border-color:#3b82f6}.checkbox-field-input:checked+.checkbox-field-checkmark:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700;line-height:1}.checkbox-field-input:focus+.checkbox-field-checkmark{box-shadow:0 0 0 2px #3b82f6}.checkbox-field-input.error+.checkbox-field-checkmark{border-color:#ef4444}.checkbox-field-input.error:checked+.checkbox-field-checkmark{background:#ef4444;border-color:#ef4444}.checkbox-field-label.disabled .checkbox-field-checkmark{background:#f3f4f6;border-color:#e5e7eb}.checkbox-field-label.disabled .checkbox-field-input:checked+.checkbox-field-checkmark{background:#9ca3af;border-color:#9ca3af}.checkbox-field-image{width:1.5rem;height:1.5rem;border-radius:.25rem;object-fit:cover;flex-shrink:0}.checkbox-field-text{font-weight:500;-webkit-user-select:none;user-select:none}.checkbox-field-label.rounded .checkbox-field-checkmark{border-radius:50%}.checkbox-field-label.large .checkbox-field-checkmark{width:1.375rem;height:1.375rem}.checkbox-field-label.large .checkbox-field-checkmark:after{font-size:.875rem}.checkbox-field-label.card{padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;margin-bottom:.5rem}.checkbox-field-label.card:hover:not(.disabled){border-color:#d1d5db;background:#f9fafb}.checkbox-field-input:checked~.checkbox-field-label.card{border-color:#3b82f6;background:#eff6ff}.checkbox-field-label.switch .checkbox-field-checkmark{width:2.75rem;height:1.5rem;border-radius:.75rem;background:#e5e7eb;border:none;position:relative}.checkbox-field-label.switch .checkbox-field-checkmark:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:transform .15s ease;box-shadow:0 1px 2px #0000000d}.checkbox-field-input:checked+.checkbox-field-checkmark.switch{background:#3b82f6}.checkbox-field-input:checked+.checkbox-field-checkmark:after{transform:translate(1.25rem)}@media(max-width:768px){.checkbox-field-grid-6,.checkbox-field-grid-4,.checkbox-field-grid-3{width:100%}.checkbox-field-label.card{padding:.75rem}}@media(prefers-contrast:high){.checkbox-field-checkmark{border-width:2px}.checkbox-field-input:focus+.checkbox-field-checkmark{box-shadow:0 0 0 3px #3b82f6}}.render-forms-container{width:100%}.form-content{display:flex;flex-direction:column;gap:var(--s-4)}.field-wrapper{width:100%}.section-content,.tab-section-content,.accordion-section-content{display:flex;flex-direction:column;gap:var(--s-3)}.row-content{flex:2;display:flex;gap:var(--s-2);min-width:0}.row-content>.field-wrapper{flex:1;min-width:0}.row-content .combo-field-wrapper{margin-bottom:0}.row-content .combo-field-label{display:none}.row-content .combo-field-container{flex:1;width:100%;min-width:0}.field-wrapper[data-grid="1"]{grid-column:span 1}.field-wrapper[data-grid="2"]{grid-column:span 2}.field-wrapper[data-grid="3"]{grid-column:span 3}.field-wrapper[data-grid="4"]{grid-column:span 4}.field-wrapper[data-grid="5"]{grid-column:span 5}.field-wrapper[data-grid="6"]{grid-column:span 6}.field-wrapper[data-grid="7"]{grid-column:span 7}.field-wrapper[data-grid="8"]{grid-column:span 8}.field-wrapper[data-grid="9"]{grid-column:span 9}.field-wrapper[data-grid="10"]{grid-column:span 10}.field-wrapper[data-grid="11"]{grid-column:span 11}.field-wrapper[data-grid="12"]{grid-column:span 12}.section-title{font-size:var(--fs-base);font-weight:600;color:var(--text);margin:0 0 var(--s-3) 0;padding-bottom:var(--s-2);border-bottom:1px solid var(--border-light)}.form-section_row{display:flex;align-items:center}.form-section_row>.combo-field-label{flex:2;font-size:var(--fs-sm);font-weight:600;color:var(--text);margin-bottom:0}.form-tab-container{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--s-4)}.form-tab-content{padding:var(--s-4) 0}.placeholder-field,.unknown-field,.unknown-element{padding:var(--s-3);background:var(--bg-secondary);border:1px dashed var(--border-light);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--fs-sm);text-align:center}@media(max-width:1024px){.section-content,.row-content,.tab-section-content,.accordion-section-content{grid-template-columns:repeat(6,1fr)}.field-wrapper[data-grid="1"],.field-wrapper[data-grid="2"],.field-wrapper[data-grid="3"],.field-wrapper[data-grid="4"],.field-wrapper[data-grid="5"],.field-wrapper[data-grid="6"],.field-wrapper[data-grid="7"],.field-wrapper[data-grid="8"],.field-wrapper[data-grid="9"],.field-wrapper[data-grid="10"],.field-wrapper[data-grid="11"],.field-wrapper[data-grid="12"]{grid-column:span 6}}@media(max-width:768px){.section-content,.row-content,.tab-section-content,.accordion-section-content{grid-template-columns:1fr}.field-wrapper{grid-column:span 1!important}.form-section,.form-tab-container{padding:var(--s-3)}.form-tab-content{padding:var(--s-3) 0}}.view-mode-display{width:100%;display:flex;flex-direction:column;gap:var(--s-4)}.view-mode-header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:var(--s-2);padding:var(--s-2)}.view-toggle{display:flex;flex-shrink:0;gap:var(--s-1);align-items:center;position:relative;z-index:200}.view-mode-header .universal-search-wrapper{min-width:0}.view-mode-header.left{justify-content:flex-start}.view-mode-header.right{justify-content:flex-end}.view-mode-header.between,.view-mode-header.spacedBetween{justify-content:space-between}.view-mode-header.center{justify-content:center}.elements-list{display:flex;flex-direction:column;gap:var(--s-3)}.element-list-item{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--s-4);cursor:pointer;transition:var(--transition)}.element-list-item:hover{background:var(--bg-secondary);border-color:var(--border)}.element-list-item.selected{border-color:var(--accent);background:var(--bg-secondary)}.list-item-image{width:64px;height:64px;border-radius:var(--radius);overflow:hidden;flex-shrink:0;margin-right:var(--s-4);background:var(--bg-secondary);border:1px solid var(--border-light)}.list-item-image img{width:100%;height:100%;object-fit:cover}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:var(--fs-base);font-weight:600;color:var(--text);margin-bottom:var(--s-1)}.list-item-description{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--s-2)}.list-item-dimensions{font-size:var(--fs-xs);color:var(--text-light)}.list-item-dimensions div{margin-bottom:var(--s-1)}.element-card{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:var(--transition)}.element-card:hover{border-color:var(--border);transform:translateY(-2px)}.element-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.element-image{width:100%;height:180px;overflow:hidden;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.element-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}.element-card:hover .element-image img{transform:scale(1.05)}.element-content{padding:var(--s-4)}.element-title{font-size:var(--fs-base);font-weight:600;color:var(--text);margin-bottom:var(--s-2)}.element-dimensions{font-size:var(--fs-sm);color:var(--text-secondary)}.element-dimensions div{margin-bottom:var(--s-1)}.category-card,.category-list-item{position:relative}.recently-used-badge{position:absolute;top:var(--s-2);left:var(--s-2);background:var(--warning);color:#fff;padding:var(--s-1);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}@media(max-width:768px){.view-mode-header{flex-wrap:wrap;gap:var(--s-2)}.view-mode-header.right,.view-mode-header.left,.view-mode-header.center{justify-content:space-between}.element-list-item{padding:var(--s-3)}.element-image{height:140px}.element-content{padding:var(--s-3)}}@media(max-width:480px){.element-list-item{padding:var(--s-2)}.list-item-image{width:48px;height:48px;margin-right:var(--s-3)}.element-image{height:120px}.list-item-title,.element-title{font-size:var(--fs-sm)}}.items_container_list{align-items:flex-start;height:auto;width:100%;gap:var(--s-3);padding:var(--s-3);background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);cursor:pointer;transition:var(--transition);margin-bottom:var(--s-3)}.items_container_list:hover{background:var(--bg-secondary);border-color:var(--border)}.items_container_list.selected{border-color:var(--accent);background:var(--bg-secondary)}.dropdown-template-item{display:flex;gap:var(--s-3)}.dropdown-item-image{width:50px;height:50px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-light)}.dropdown-item-image img{width:100%;height:100%;object-fit:cover}.dropdown-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-1)}.dropdown-item-title{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.dropdown-item-details{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-xs)}.dropdown-item-price{font-weight:600;color:var(--text)}.dropdown-item-type{color:var(--text-secondary)}.item-badge{padding:var(--s-1) var(--s-2);border-radius:var(--radius);font-size:var(--fs-xs);font-weight:500}.item-badge.original{background:var(--primary);color:#fff}.item-badge.custom{background:var(--accent);color:var(--text)}.dropdown-item-actions{flex-shrink:0;display:flex;gap:var(--s-2);height:fit-content}.dropdown-item-draw-modes{display:flex;gap:var(--s-2)}@media(max-width:768px){.dropdown-template-item{padding:var(--s-2)}.dropdown-item-image{width:40px;height:40px}.dropdown-item-title{font-size:var(--fs-xs)}.dropdown-item-details{flex-wrap:wrap}}@media(max-width:480px){.dropdown-template-item{flex-wrap:wrap}.dropdown-item-actions{width:100%}.dropdown-item-actions button{flex:1}}.article-usage-tree{margin-top:var(--s-2);border-top:1px solid var(--border-light);padding-top:var(--s-2)}.tree-header{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2);cursor:pointer;border-radius:var(--radius);transition:var(--transition)}.tree-header:hover{background:var(--bg-secondary)}.tree-title{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.tree-icon{color:var(--text-secondary);flex-shrink:0}.tree-content{padding-left:var(--s-4);margin-top:var(--s-1)}.tree-line{margin-bottom:var(--s-1)}.tree-line-header{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2);border-radius:var(--radius);cursor:pointer;transition:var(--transition);background:var(--bg);border:1px solid var(--border-light)}.tree-line-header:hover{background:var(--bg-secondary);border-color:var(--border)}.tree-expand-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:none;border:none;cursor:pointer;color:var(--text-secondary);flex-shrink:0}.tree-expand-btn:hover{color:var(--text)}.tree-icon-wall{color:var(--accent);flex-shrink:0}.tree-line-text{font-size:var(--fs-xs);font-weight:500;color:var(--text);flex:1}.tree-line-id{font-size:var(--fs-xs);color:var(--text-light);font-family:monospace}.tree-doors{padding-left:var(--s-6);margin-top:var(--s-1);display:flex;flex-direction:column;gap:var(--s-1)}.tree-door{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2);border-radius:var(--radius);cursor:pointer;transition:var(--transition);background:var(--bg);border:1px solid var(--border-light)}.tree-door:hover{background:var(--bg-secondary);border-color:var(--border)}.tree-icon-door{color:var(--primary);flex-shrink:0}.tree-door-text{font-size:var(--fs-xs);font-weight:500;color:var(--text)}.tree-door-name{font-size:var(--fs-xs);color:var(--text-secondary);margin-left:auto}@media(max-width:768px){.tree-content{padding-left:var(--s-3)}.tree-doors{padding-left:var(--s-4)}.tree-line-id,.tree-door-name{display:none}}.dropdown-custom-item{display:flex;gap:var(--s-3)}.dropdown-custom-item:hover{background:var(--bg-secondary);border-color:var(--border)}.dropdown-custom-item.selected{border-color:var(--accent);background:var(--bg-secondary)}.dropdown-item-custom-name{font-size:var(--fs-xs);color:var(--accent);font-weight:500}.dropdown-item-date{font-size:var(--fs-xs);color:var(--text-light)}.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-light);border-radius:var(--radius);background:var(--bg);cursor:pointer;transition:var(--transition)}.edit-btn{color:var(--text-secondary)}.edit-btn:hover{color:var(--primary);border-color:var(--primary)}.delete-btn{color:var(--error)}.delete-btn:hover{background:var(--error);color:#fff;border-color:var(--error)}.clone-btn{color:var(--text-secondary)}.clone-btn:hover{color:var(--accent);border-color:var(--accent)}@media(max-width:768px){.dropdown-custom-item{padding:var(--s-2)}.action-btn{width:24px;height:24px}}@media(max-width:480px){.dropdown-custom-item{flex-wrap:wrap}.dropdown-item-actions{width:100%;display:flex;gap:var(--s-2)}.action-btn{flex:1}}.professional-template-container{display:flex;flex-direction:column;border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;transition:box-shadow .15s ease}.professional-template-container:hover{box-shadow:var(--shadow-md)}.compact-template-item{background:var(--bg);transition:background .12s ease;cursor:pointer}.compact-template-item:hover{background:var(--bg-secondary)}.compact-template-item.selected{background:color-mix(in srgb,var(--accent) 6%,transparent);border-left:2px solid var(--accent)}.compact-template-header{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3)}.compact-image{position:relative;width:56px;height:56px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-light)}.compact-image img,.compact-image__thumb{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:transform .2s ease}.compact-image:hover img,.compact-image:hover .compact-image__thumb{transform:scale(1.06)}.template-badge{position:absolute;top:3px;right:3px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--primary);color:#fff;border-radius:3px;font-size:9px}.compact-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-1)}.compact-title{font-size:var(--fs-sm);font-weight:600;color:var(--text);line-height:1.3;display:flex;align-items:flex-start;gap:var(--s-2);letter-spacing:-.01em}.variant-count{flex-shrink:0;font-size:var(--fs-xs);font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:999px;padding:0 5px;line-height:1.7}.compact-details{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;font-size:var(--fs-xs)}.compact-price{font-size:var(--fs-sm);font-weight:700;color:var(--text);letter-spacing:-.01em}.compact-type{padding:1px 6px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:999px;color:var(--text-secondary);font-size:.68rem;font-weight:500;letter-spacing:.02em;white-space:nowrap}.custom-indicator{display:flex;align-items:center;gap:3px;color:var(--accent);font-size:var(--fs-xs);font-weight:600}.item-tags{display:flex;flex-wrap:wrap;gap:var(--s-1);margin-top:2px}.item-tag{display:inline-block;padding:1px 6px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:999px;font-size:.65rem;font-weight:600;letter-spacing:.03em;line-height:1.6;white-space:nowrap}.compact_details_container{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s-2);flex-shrink:0}.compact-quantity-addcart{display:flex;gap:var(--s-2);padding:var(--s-1)}.store-quantity-controls{display:flex;align-items:center;gap:4px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:2px 4px;justify-content:center}.qty-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;font-weight:700;font-size:14px;line-height:1;transition:background .12s ease;flex-shrink:0}.qty-btn:hover:not(:disabled){background:var(--bg-tertiary)}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-input{width:40px;height:22px;text-align:center;border:none;background:transparent;color:var(--text);font-size:var(--fs-xs);font-weight:700;padding:0;font-variant-numeric:tabular-nums}.qty-input:focus{outline:none}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number]{-moz-appearance:textfield}.qty-input:disabled{opacity:.5;cursor:not-allowed}.store-quantity-controls-wrapper{display:flex;flex-direction:column;gap:var(--s-1)}.qty-input--partial-backorder{color:#f97316}.compact-actions{display:flex;align-items:center;gap:var(--s-1);justify-content:flex-end}.action-btn{display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-2);border:1px solid var(--border-light);border-radius:var(--radius);background:var(--bg);font-size:var(--fs-xs);font-weight:600;color:var(--text);cursor:pointer;transition:var(--transition);white-space:nowrap}.action-btn:hover{background:var(--bg-secondary);border-color:var(--border)}.cart-btn-main{background:var(--primary);color:#fff;border-color:var(--primary);padding:var(--s-1) var(--s-3)}.cart-btn-main:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.dropdown-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-light);border-radius:var(--radius);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.dropdown-toggle:hover{background:var(--bg-secondary);border-color:var(--border);color:var(--text)}.professional-dropdown{background:var(--bg);border:1px solid var(--border-light);border-top:none;border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);padding:var(--s-2)}.dropdown-divider{height:1px;background:var(--border-light);margin:var(--s-2) 0}.dropdown-add-new{padding:var(--s-2)}.add-new-btn{display:flex;align-items:center;justify-content:center;gap:var(--s-2);width:100%;padding:var(--s-2) var(--s-3);border:1px dashed var(--border-light);border-radius:var(--radius);background:transparent;font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.add-new-btn:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.stock-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.stock-badge.in-stock{background:#16a34a1a;color:#16a34a;border:1px solid rgba(22,163,74,.2)}.stock-badge.out-of-stock{background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.15)}.stock-badge.backorder{background:#fb923c1a;color:#c2410c;border:1px solid rgba(251,146,60,.25)}.stock-badge.all-in-cart{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.config-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:700;background:#3b82f614;color:#2563eb;border:1px solid rgba(59,130,246,.18);white-space:nowrap}.tag_category_badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:600;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);white-space:nowrap}.item-vendor-price{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:var(--fs-xs);font-weight:700;color:var(--text);background:var(--bg-secondary);border:1px solid var(--border-light);white-space:nowrap}.item-vendor-price--no-price{font-weight:400;color:var(--text-secondary)}.item-vendor-name{font-size:var(--fs-xs);font-weight:400;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.item-vendor-price .item-vendor-name:before{content:"·";margin-right:var(--s-1);color:var(--border-light)}.backorder-warning{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);margin-top:var(--s-2);background:#fb923c0f;border:1px solid rgba(251,146,60,.25);border-left:3px solid #f97316;border-radius:var(--radius);color:#c2410c;font-size:var(--fs-xs);font-weight:500}.backorder-warning svg{flex-shrink:0}.quantity-stock-indicator{display:flex;align-items:center;gap:var(--s-2);padding:2px var(--s-2);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--fs-xs)}.qty-indicator{display:inline-flex;align-items:center;gap:var(--s-1);font-weight:600}.qty-indicator svg{flex-shrink:0}.qty-indicator--instock{color:#16a34a}.qty-indicator--backorder{color:#c2410c}.stock-cart-info{font-size:.68rem;opacity:.75;margin-left:var(--s-1)}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-lightbox);background:#000000e0;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:lbFadeIn .12s ease}@keyframes lbFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-img{max-width:90vw;max-height:88vh;object-fit:contain;border-radius:var(--radius);box-shadow:0 24px 80px #0009;pointer-events:none}.button.warning{background:#f97316;color:#fff;border:1px solid #ea580c}.button.warning:hover:not(:disabled){background:#ea580c}.button.warning:disabled{background:#fb923c4d;color:#fff9;cursor:not-allowed}@media(max-width:768px){.compact-template-header{padding:var(--s-2);gap:var(--s-2)}.compact-image{width:46px;height:46px}.compact-title{font-size:var(--fs-xs)}.compact-details{gap:var(--s-1)}.compact-actions{flex-direction:column}.quantity-stock-indicator{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.compact-template-header{flex-wrap:wrap}.compact-content{flex:1 1 100%}.compact-actions{flex-direction:row;width:100%}.action-btn{flex:1;justify-content:center}}.nscg-wrapper{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-2) 0 var(--s-4)}.nscg-section-label{font-size:var(--fs-xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--s-1)}.nscg-grid{display:flex;flex-direction:column;gap:2px}.nscg-card{position:relative;display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4);border:1px solid var(--border-light);border-left:3px solid transparent;border-radius:var(--radius);background:var(--bg);cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease;overflow:hidden}.nscg-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--accent) 4%,transparent);opacity:0;transition:opacity .15s ease;pointer-events:none}.nscg-card:hover{border-color:var(--border-light);border-left-color:var(--accent);background:var(--bg-secondary)}.nscg-card:hover:before{opacity:1}.nscg-card:active{transform:scale(.995)}.nscg-card--general{border-style:dashed;border-left-style:dashed;opacity:.8}.nscg-card--general:hover{opacity:1;border-left-color:var(--primary);border-style:solid;border-left-style:solid}.nscg-card__icon{flex-shrink:0;width:34px;height:34px;border-radius:var(--radius);background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.nscg-card:hover .nscg-card__icon{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent)}.nscg-card__body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.nscg-card__name{font-size:var(--fs-sm);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;line-height:1.3}.nscg-card__meta{display:flex;flex-wrap:wrap;gap:var(--s-1);align-items:center}.nscg-meta__pill{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:999px;font-size:.68rem;font-weight:600;white-space:nowrap;line-height:1.6;letter-spacing:.01em}.nscg-meta__pill--neutral{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light)}.nscg-meta__pill--good{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.nscg-meta__pill--bad{background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.15)}.nscg-meta__pill--cfg{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.nscg-card__info{display:flex;align-items:center;gap:var(--s-2);margin-top:1px}.nscg-card__vendor{font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.nscg-card__price{font-size:var(--fs-xs);font-weight:700;color:var(--text);white-space:nowrap;flex-shrink:0}.nscg-card__vendor+.nscg-card__price:before{content:"·";margin-right:var(--s-2);color:var(--border-light);font-weight:400}.nscg-card__stock{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.nscg-bar{width:48px;height:3px;border-radius:999px;background:var(--border-light);overflow:hidden}.nscg-bar__fill{height:100%;width:var(--pct, 0%);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.nscg-bar--good{background:#22c55e}.nscg-bar--mid{background:var(--accent)}.nscg-bar--low{background:#ef4444}.nscg-card__pct{font-size:.65rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.nscg-card__arrow{flex-shrink:0;color:var(--border-light);transition:transform .15s ease,color .15s ease}.nscg-card:hover .nscg-card__arrow{transform:translate(3px);color:var(--accent)}.nscg-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-12) var(--s-4);color:var(--text-secondary);font-size:var(--fs-sm);text-align:center;border:1px dashed var(--border-light);border-radius:var(--radius)}@media(max-width:768px){.nscg-card{padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);gap:var(--s-2)}.nscg-card__icon{width:28px;height:28px}.nscg-card__stock,.nscg-card__info,.nscg-meta__pill--bad,.nscg-meta__pill--cfg{display:none}}.nsbcr{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-2) var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-left:3px solid var(--accent);border-radius:var(--radius);margin-bottom:var(--s-2)}.nsbcr__path{display:flex;align-items:center;gap:var(--s-1);min-width:0;flex:1;flex-wrap:nowrap;overflow:hidden}.nsbcr__crumb{display:inline-flex;align-items:center;font-size:var(--fs-xs);font-weight:500;color:var(--text-secondary);background:none;border:none;padding:2px 0;cursor:default;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;letter-spacing:.01em}.nsbcr__crumb--link{color:var(--text-secondary);cursor:pointer;transition:color .12s ease;border-bottom:1px solid transparent}.nsbcr__crumb--link:hover{color:var(--text);border-bottom-color:var(--accent)}.nsbcr__crumb--active{color:var(--text);font-weight:700;letter-spacing:-.01em;cursor:default;border-bottom:none}.nsbcr__count{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--s-1);padding:1px 5px;background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;font-size:.65rem;font-weight:700;color:var(--accent);line-height:1.5;letter-spacing:0}.nsbcr__sep{flex-shrink:0;color:var(--border-light)}.nsbcr__table-btn{display:inline-flex;align-items:center;gap:var(--s-1);flex-shrink:0;padding:var(--s-1) var(--s-2);border:1px solid var(--border-light);border-radius:var(--radius);background:var(--bg);color:var(--text-secondary);font-size:var(--fs-xs);font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.nsbcr__table-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg)}@media(max-width:768px){.nsbcr{padding:var(--s-2)}.nsbcr__crumb{font-size:var(--fs-xs);max-width:90px}.nsbcr__table-btn span{display:none}}.eb-page{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg, #fff);display:flex;align-items:center;justify-content:center;z-index:9999;font-family:var(--font-family, sans-serif);animation:eb-fade-in .2s ease}.eb-canvas{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-secondary, #f8f8f8);display:flex;align-items:center;justify-content:center;z-index:100;font-family:var(--font-family, sans-serif);animation:eb-fade-in .2s ease}.eb-panel{width:100%;height:100%;min-height:120px;display:flex;align-items:center;justify-content:center;font-family:var(--font-family, sans-serif)}.eb-card{background:var(--bg, #fff);border:1px solid var(--border-light, #e0e0e0);border-top:3px solid var(--error, #ef4444);border-radius:var(--radius-lg, 8px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .07));padding:2rem 2.25rem 1.75rem;text-align:center;max-width:420px;width:min(420px,90vw)}.eb-panel .eb-card{max-width:100%;padding:1.25rem 1.5rem;border-top-width:2px}.eb-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ef444414;color:var(--error, #ef4444);margin-bottom:1rem}.eb-icon svg{width:24px;height:24px}.eb-panel .eb-icon{width:32px;height:32px;margin-bottom:.5rem}.eb-panel .eb-icon svg{width:16px;height:16px}.eb-title{font-size:var(--fs-md, 1rem);font-weight:700;color:var(--text, #000);margin:0 0 .5rem;letter-spacing:-.01em}.eb-body{font-size:var(--fs-sm, .875rem);color:var(--text-secondary, #666);margin:0 0 1.25rem;line-height:1.5}.eb-panel .eb-body{margin-bottom:.75rem}.eb-detail{text-align:left;font-size:var(--fs-xs, .75rem);color:var(--text-secondary, #666);margin-bottom:1.25rem}.eb-detail summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25rem 0;color:var(--text-light, #999)}.eb-detail summary:hover{color:var(--text, #000)}.eb-detail pre{margin:.5rem 0 0;padding:.75rem;background:var(--bg-tertiary, #f0f0f0);border-radius:var(--radius, 4px);overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-size:.7rem;line-height:1.5;color:var(--error, #ef4444)}.eb-actions{display:flex;gap:.625rem;justify-content:center;flex-wrap:wrap}.eb-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-radius:var(--radius, 4px);font-size:var(--fs-sm, .875rem);font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--transition, .2s ease),border-color var(--transition, .2s ease),color var(--transition, .2s ease);border:1px solid transparent;line-height:1}.eb-btn-primary{background:var(--primary, #000);color:var(--bg, #fff);border-color:var(--primary, #000)}.eb-btn-primary:hover{background:var(--primary-hover, #1a1a1a);border-color:var(--primary-hover, #1a1a1a)}.eb-btn-secondary{background:transparent;color:var(--text, #000);border-color:var(--border-light, #e0e0e0)}.eb-btn-secondary:hover{border-color:var(--primary, #000);background:var(--bg-secondary, #f8f8f8)}@keyframes eb-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.article-config-draw-blocker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:wait}.article-config-loading-pill{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:7px;padding:6px 14px;background:#1e1e28d1;color:#fff;font-size:12px;font-weight:500;border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap;box-shadow:0 2px 10px #00000040;animation:pill-fade-in .15s ease}.article-config-loading-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:pill-spin .7s linear infinite;flex-shrink:0}@keyframes pill-spin{to{transform:rotate(360deg)}}@keyframes pill-fade-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.modeling_3d_container_zoning{position:relative;width:100%;height:100vh;z-index:0;background-color:#fff}.modeling_3d_container{width:100%;height:100%;position:relative;overflow:hidden;background-color:#f5f5f5;transition:all .3s ease}.modeling_3d_container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#3b82f61a;border:3px dashed #3b82f6;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1000}.modeling_3d_container.drag-active:after{opacity:1}.controls-overlay{position:absolute;top:10px;left:10px;z-index:10}.woodcam-sidebar.collapsed~.woodcam-main .modeling_3d_container{width:100%}.canvas-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5b3;z-index:5}.tools-controls{position:absolute;right:15px;top:15px;display:flex;flex-direction:column;gap:10px;z-index:10}.cube-controls{position:absolute;right:15px;bottom:15px;z-index:10}.canvas-expanded .modeling_3d_container canvas{width:100%!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}canvas{width:100%!important;height:100%!important;outline:none}.cursor-hidden{cursor:none!important}[data-camera-mode=orthographic] .drei-html,[data-camera-mode=orthographic] [class*=html]{transform:scale(.3)!important}.canvas-plus-cursor{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><line x1="12" y1="0" x2="12" y2="24" stroke="black" stroke-width="2"/><line x1="0" y1="12" x2="24" y2="12" stroke="black" stroke-width="2"/></svg>') 12 12,crosshair}.comment-cursor{cursor:url('data:image/svg+xml;utf8,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M23 13H9a1 1 0 1 1 0-2h14a1 1 0 0 1 0 2m-2 6H11a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2M16 0C7.16 0 0 6.27 0 14c0 4.42 2.34 8.35 6 10.92V32l7-4.25q1.47.25 3 .25c8.84 0 16-6.27 16-14S24.84 0 16 0" fill-rule="evenodd"/></svg>') 12 12,crosshair}.projects-container{width:100%;margin:0 auto}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid rgba(169,178,3,.3)}.projects-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.view-mode-toggle{display:flex;gap:.5rem;background-color:#fff3;padding:.25rem;border-radius:8px}.project_presentation_container{margin-top:1rem;overflow-y:auto;max-height:calc(100vh - 200px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.project-card{position:relative;background:linear-gradient(to bottom,#fff3,#ffffff1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.2);height:100%}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.project-card-badge{background-color:#a9b203e6;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;z-index:2;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:5px;border-bottom:1px solid rgba(255,255,255,.1)}.project-card-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#2c3e50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.project-action-buttons{display:flex;gap:.5rem;transition:opacity .2s ease}.action-button:hover{background-color:#e0e0e0}.edit-button:hover{color:#3498db}.delete-button:hover{color:#e74c3c}.plan-image-container{position:relative;width:100%;height:160px;overflow:hidden}.plan-image-preview{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.view-project-button{background-color:#a9b203;color:#fff;border:none;border-radius:8px;padding:.6rem 1rem;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 8px #0003}.view-project-button:hover{background-color:#c4cd33}.view-project-button:disabled{background-color:#aaa;cursor:not-allowed}.project-info{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.info-item{display:flex;align-items:center;gap:.5rem;color:#555;font-size:.85rem}.info-item svg{color:#a9b203}.version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.version-header label{font-size:.85rem;font-weight:500;color:#555}.clone-button{background-color:#fff3;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#555}.clone-button:hover{background-color:#fff6;color:#3498db}.clone-button:disabled{opacity:.5;cursor:not-allowed}.version-select{width:100%;padding:.5rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background-color:#ffffff1a;color:#2c3e50;font-size:.9rem;transition:all .2s ease;cursor:pointer}.version-select:focus{outline:none;border-color:#a9b203;background-color:#fff3}.version-description{margin:0 1rem 1rem;padding:.6rem;background-color:#ffffff1a;border-radius:6px;font-size:.85rem;color:#555;max-height:2.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-footer{display:flex;align-items:center;gap:.5rem;padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.open-project-btn{flex:1;background-color:#a9b203;color:#fff;border:none;border-radius:6px;padding:.6rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.open-project-btn:hover{background-color:#c4cd33}.open-project-btn:disabled{background-color:#aaa;cursor:not-allowed}.export-button{background-color:#fff3;border:none;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#555}.export-button:hover{background-color:#fff6;color:#2980b9}.projects-table-container{overflow-x:auto;border-radius:var(--radius-sm);border:var(--border-thin) solid var(--border-light)}.projects-table{width:100%;border-collapse:separate;border-spacing:0}.projects-table th{text-align:left;padding:var(--s-3) var(--s-4);font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border-thin) solid var(--border-light);background:var(--bg-secondary)}.project-table-row{transition:background var(--transition)}.project-table-row:hover{background:var(--bg-secondary)}.project-table-row td{padding:var(--s-2) var(--s-3);border-bottom:var(--border-thin) solid var(--border-light);color:var(--text);font-size:var(--fs-sm);vertical-align:middle}tr.error-badge{background-color:color-mix(in srgb,var(--error) 8%,transparent);border-left:3px solid var(--error)}.project-table-row:last-child td{border-bottom:none}.project-name-cell{display:flex;align-items:center;gap:var(--s-2)}.triangle-alert-wrapper{display:flex;flex-direction:column}.triangle-alert-wrapper h4{margin:0;font-size:var(--fs-sm);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.author-cell .author-name{font-size:var(--fs-sm);color:var(--text-secondary)}.project-type-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.project-type-indicator[data-type=residential]{background-color:#3498db}.project-type-indicator[data-type=commercial]{background-color:#f39c12}.project-type-indicator[data-type=industrial]{background-color:#9b59b6}.project-name-wrapper{display:flex;flex-direction:column}.project-name-wrapper h4{margin:0;font-size:var(--fs-sm);font-weight:600;color:var(--text)}.client-name{font-size:var(--fs-xs);color:var(--text-secondary)}.created-date-cell,.dimensions-cell{font-size:var(--fs-sm);color:var(--text-secondary)}.version-select-table{padding:var(--s-1) var(--s-2);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--fs-xs);font-family:var(--font-family);min-width:80px;cursor:pointer;transition:var(--transition)}.version-select-table:hover{border-color:var(--border)}.version-cell .version-selector{min-width:140px;max-width:180px}.po-value-display{display:inline-flex;align-items:center;gap:var(--s-1);padding:2px 6px 2px 8px;background:color-mix(in srgb,var(--primary) 10%,transparent);border:var(--border-thin) solid var(--primary);border-radius:999px;font-size:var(--fs-xs);color:var(--primary);font-weight:500;white-space:nowrap}.po-clear-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:none;border:none;color:var(--primary);cursor:pointer;font-size:14px;line-height:1;border-radius:50%;transition:var(--transition);padding:0}.po-clear-btn:hover{background:var(--primary);color:#fff}.version-dropdown-content{display:flex;flex-direction:column;gap:2px}.version-dropdown-title{font-size:var(--fs-xs);font-weight:600;color:var(--text)}.table-actions{display:flex;gap:var(--s-1);align-items:center}.table-action-button{background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);color:var(--text-secondary)}.table-action-button:hover{background:var(--bg);border-color:var(--border);color:var(--text)}.open-button:hover{color:var(--success, #27ae60);border-color:var(--success, #27ae60)}.share-button:hover{color:var(--primary);border-color:var(--primary)}.edit-button:hover{color:var(--warning, #f39c12);border-color:var(--warning, #f39c12)}.delete-button:hover{color:var(--error);border-color:var(--error)}.table-action-button:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.projects-table th:nth-child(3),.projects-table td:nth-child(3){display:none}}@media(max-width:576px){.projects-grid{grid-template-columns:1fr}.projects-table th:nth-child(2),.projects-table td:nth-child(2){display:none}}.empty-projects-state{text-align:center;padding:2rem}.empty-projects-state h3{margin:0 0 .5rem;color:#333;font-size:1.25rem}.empty-projects-state p{margin:0 0 1.5rem;color:#666}.add-project-button{background-color:#a9b203;color:#fff;border:none;border-radius:6px;padding:.6rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;gap:.5rem}.add-project-button:hover{background-color:#c4cd33}.project-type-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;white-space:nowrap;background:var(--bg-secondary);color:var(--text-secondary);border:var(--border-thin) solid var(--border-light)}.project-type-badge.residential{background:#3498db1f;color:#3498db;border-color:#3498db40}.project-type-badge.commercial{background:#f39c121f;color:#d4890a;border-color:#f39c1240}.project-type-badge.industrial{background:#9b59b61f;color:#8e44ad;border-color:#9b59b640}.project-type-badge.NEW,.project-type-badge.new{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.project-type-badge.DRAFT,.project-type-badge.draft{background:var(--bg-secondary);color:var(--text-secondary)}.project-type-badge.IN_PROGRESS,.project-type-badge.in_progress{background:#3498db1f;color:#3498db;border-color:#3498db40}.project-type-badge.DONE,.project-type-badge.done{background:#27ae601f;color:#27ae60;border-color:#27ae6040}.project-type-badge.ARCHIVED,.project-type-badge.archived{background:var(--bg-secondary);color:var(--text-secondary);opacity:.7}.date-range-filter{display:flex;align-items:center;gap:.5rem}.date-filter-input{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#333;font-size:.9rem;padding:.4rem .6rem;max-width:140px}.date-filter-input:focus{outline:none;border-color:#a9b203}.project-name-cell-content{display:flex;align-items:center;gap:1rem}.project-card .project-action-buttons{opacity:0;transition:opacity .2s ease}.project-card:hover .project-action-buttons{opacity:1}.project-card .image-overlay{opacity:0;transition:opacity .3s ease}.project-card:hover .image-overlay{opacity:1}@media(max-width:768px){.date-range-filter{flex-direction:column;align-items:flex-start}.date-range-filter span{display:none}.project-name-cell-content{flex-direction:column;align-items:flex-start;gap:.25rem}}.share-modal{display:flex;flex-direction:column;width:100%;max-width:600px;max-height:80vh;background:var(--bg);border-radius:var(--radius-sm);overflow:hidden}.share-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-6);border-bottom:1px solid var(--border-light)}.share-header-content{display:flex;align-items:center;gap:var(--s-3)}.share-header-info h3{font-size:var(--fs-lg);font-weight:600;margin:0;color:var(--text)}.share-header-info p{font-size:var(--fs-sm);color:var(--text-secondary);margin:0}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.close-btn:hover{background:var(--bg-secondary);color:var(--text)}.share-modal .share-tabs{border-bottom:1px solid var(--border-light)}.share-modal .tabs-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.share-modal .tabs-container{flex-shrink:0}.share-modal .tab-content{flex:1;overflow-y:auto;min-height:0}.share-tab-content{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-6)}.users-list{display:flex;flex-direction:column;gap:var(--s-2);max-height:350px;overflow-y:auto;padding:var(--s-2);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.user-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.user-item:hover{background:var(--bg-secondary);border-color:var(--border)}.user-item.selected{border-color:var(--accent);background:var(--bg-secondary)}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--bg-secondary);border:1px solid var(--border-light)}.user-info{flex:1;min-width:0}.user-name{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.user-role{font-size:var(--fs-xs);color:var(--text-secondary)}.checkbox{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition)}.checkbox.checked{background:var(--accent);border-color:var(--accent);color:var(--text)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-8);color:var(--text-secondary)}.empty-state span{font-size:var(--fs-sm)}.permission-group{display:flex;flex-direction:column;gap:var(--s-2)}.permission-group label{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.permission-group select{width:100%;padding:var(--s-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--text);cursor:pointer;transition:var(--transition)}.permission-group select:hover{border-color:var(--border)}.permission-group select:focus{outline:none;border-color:var(--accent)}.public-share-generator{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius)}.public-share-generator label{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.generator-controls{display:flex;gap:var(--s-2)}.generator-controls .version-select{flex:1;padding:var(--s-2) var(--s-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--text)}.public-shares-list{display:flex;flex-direction:column;gap:var(--s-3)}.public-shares-list h4{font-size:var(--fs-sm);font-weight:600;color:var(--text);margin:0}.loading-shares{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-6);color:var(--text-secondary)}.spinner{animation:spin 1s linear infinite}.public-share-item{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius)}.share-info{flex:1;min-width:0}.share-version{font-size:var(--fs-sm);font-weight:600;color:var(--text);margin-bottom:var(--s-1)}.share-url{font-size:var(--fs-xs);color:var(--text-secondary);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--s-2)}.share-meta{display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-xs)}.share-status{padding:2px 8px;border-radius:var(--radius-sm);font-weight:500;text-transform:capitalize}.share-status.active{background:#22c55e1a;color:#22c55e}.share-status.inactive{background:#ef44441a;color:#ef4444}.share-date{color:var(--text-secondary)}.share-actions-buttons{display:flex;gap:var(--s-2)}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.action-btn:hover{background:var(--bg-secondary);color:var(--text);border-color:var(--border)}.copy-btn:hover{color:var(--accent);border-color:var(--accent)}.toggle-btn{font-size:var(--fs-xs);width:auto;padding:0 var(--s-2)}.toggle-btn.active{color:#22c55e;border-color:#22c55e}.toggle-btn.inactive,.revoke-btn:hover{color:#ef4444;border-color:#ef4444}.share-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-6);border-top:1px solid var(--border-light);background:var(--bg);position:sticky;bottom:0;z-index:1;margin-top:auto}.selected-count{font-size:var(--fs-sm);color:var(--text-secondary)}.share-actions{display:flex;gap:var(--s-2)}@media(max-width:768px){.share-modal{max-width:100%;max-height:90vh}.share-tab-content{padding:var(--s-4)}.users-list{max-height:250px}.generator-controls{flex-direction:column}.public-share-item{flex-direction:column;align-items:stretch}.share-actions-buttons{justify-content:flex-end}}@media(max-width:480px){.share-tab-content{padding:var(--s-3)}.share-footer{flex-direction:column;gap:var(--s-3);align-items:stretch}.share-actions{width:100%}.share-actions button{flex:1}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.loading-overlay-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loading-overlay-content{position:relative;z-index:1;text-align:center;color:#fff;padding:var(--s-8);animation:slideUp .3s ease}.loading-small{display:flex;align-items:center;justify-content:center;min-height:200px;padding:var(--s-8)}.loading-small-content{text-align:center;max-width:400px}.loading-inline{display:inline-flex;align-items:center;gap:var(--s-2)}.loading-inline-message{font-size:var(--fs-sm);color:var(--text-secondary)}.loading-spinner{position:relative;margin:0 auto var(--s-4);display:inline-block}.loading-spinner--sm{width:32px;height:32px}.loading-spinner--md{width:60px;height:60px}.loading-spinner--lg{width:80px;height:80px}.loading-spinner--xl{width:100px;height:100px}.loading-spinner-ring{position:absolute;width:100%;height:100%;border:4px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.loading-spinner-ring:nth-child(1){animation-delay:-.45s}.loading-spinner-ring:nth-child(2){animation-delay:-.3s}.loading-spinner-ring:nth-child(3){animation-delay:-.15s}.loading-icon{margin:0 auto var(--s-4);display:flex;align-items:center;justify-content:center;color:var(--primary)}.loading-icon--sm{width:32px;height:32px}.loading-icon--sm svg{width:24px;height:24px}.loading-icon--md{width:60px;height:60px}.loading-icon--md svg{width:48px;height:48px}.loading-icon--lg{width:80px;height:80px}.loading-icon--lg svg{width:64px;height:64px}.loading-icon--xl{width:100px;height:100px}.loading-icon--xl svg{width:80px;height:80px}.loading-icon-animated{animation:pulse 1.5s ease-in-out infinite}.loading-message{margin:0 0 var(--s-2);font-size:var(--fs-xl);font-weight:600;color:#fff}.loading-small .loading-message{font-size:var(--fs-lg);color:var(--text)}.loading-submessage{margin:0;font-size:var(--fs-base);color:#ffffffb3}.loading-small .loading-submessage{color:var(--text-secondary)}.loading-progress{margin-top:var(--s-4);width:100%;max-width:300px;margin-left:auto;margin-right:auto}.loading-progress-bar{position:relative;width:100%;height:8px;background:#fff3;border-radius:var(--radius);overflow:hidden}.loading-progress-fill{height:100%;background:var(--primary);border-radius:var(--radius);transition:width .3s ease;animation:shimmer 1.5s infinite}.loading-progress-text{display:block;margin-top:var(--s-2);font-size:var(--fs-sm);font-weight:600;color:#fff}.loading-small .loading-progress-text{color:var(--text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@media(max-width:768px){.loading-overlay-content{padding:var(--s-4)}.loading-message{font-size:var(--fs-lg)}.loading-submessage{font-size:var(--fs-sm)}}.setup-container{width:100%;height:100vh;overflow:hidden;background:var(--bg);display:flex;flex-direction:column}.setup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-5) var(--s-8);border-bottom:var(--border-thin) solid var(--border-light);background:var(--bg);flex-shrink:0;z-index:1000}.setup-body{flex:1;overflow-y:auto;padding:var(--s-8) var(--s-10)}.setup-header h1{font-size:var(--fs-3xl);font-weight:300;color:var(--text);margin:0;letter-spacing:.1em;text-transform:uppercase}.setup-header-actions{display:flex;gap:var(--s-3)}.projects-actions-container{width:100%;max-width:1400px;margin:0 auto}.project-setup-action{display:flex;align-items:center;gap:var(--s-4);margin-bottom:var(--s-3);margin-top:var(--s-3)}.new-project-btn,.project_support_resources{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-4) var(--s-6);border:var(--border-thin) solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--fs-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.05em}.new-project-btn{background:var(--primary);color:#fff;border-color:var(--primary)}.new-project-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.project_support_resources:hover{background:var(--bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.new-project-btn svg,.project_support_resources svg{width:18px;height:18px}.intervention-panel{background:var(--bg);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);padding:var(--s-6);margin-bottom:var(--s-8)}.intervention-panel h3{font-size:var(--fs-lg);font-weight:500;color:var(--text);margin:0 0 var(--s-4) 0;text-transform:uppercase;letter-spacing:.05em}.projects-container{width:100%}.projects-container h2{font-size:var(--fs-xl);font-weight:500;color:var(--text);margin:0 0 var(--s-6) 0;text-transform:uppercase;letter-spacing:.05em}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--s-6)}.projects-empty-state{text-align:center;padding:var(--s-12) var(--s-8);background:var(--bg-secondary);border:var(--border-thin) dashed var(--border-light);border-radius:var(--radius-sm)}.projects-empty-state h3{font-size:var(--fs-xl);font-weight:400;color:var(--text);margin:0 0 var(--s-3) 0}.projects-empty-state p{font-size:var(--fs-base);color:var(--text-secondary);margin:0 0 var(--s-6) 0}.projects-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-12);gap:var(--s-4)}.projects-loading .loading-spinner{width:48px;height:48px;border:3px solid var(--border-light);border-top:3px solid var(--text);border-radius:50%;animation:spin 1s linear infinite}.projects-loading-text{font-size:var(--fs-base);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.project-card{background:var(--bg);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);padding:var(--s-6);transition:var(--transition);cursor:pointer}.project-card:hover{border-color:var(--border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--s-4)}.project-card-title{font-size:var(--fs-lg);font-weight:500;color:var(--text);margin:0;letter-spacing:.02em}.project-card-client{font-size:var(--fs-sm);color:var(--text-secondary);margin:var(--s-1) 0 0 0;text-transform:uppercase;letter-spacing:.05em}.project-card-actions{display:flex;gap:var(--s-2)}.project-card-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.project-card-action-btn:hover{border-color:var(--border);color:var(--text);background:var(--bg-secondary)}.project-card-meta{display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:var(--s-4);padding:var(--s-3) 0;border-top:var(--border-thin) solid var(--border-light);border-bottom:var(--border-thin) solid var(--border-light)}.project-card-meta-item{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-xs)}.project-card-meta-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.project-card-meta-value{color:var(--text);font-weight:500}.project-card-footer{display:flex;align-items:center;gap:var(--s-3)}.project-card-select-btn{flex:1;padding:var(--s-3) var(--s-4);border:var(--border-thin) solid var(--border);border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:var(--fs-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.05em}.project-card-select-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}@media(max-width:1024px){.setup-header{padding:var(--s-4) var(--s-6)}.setup-body{padding:var(--s-6) var(--s-6)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s-4)}}@media(max-width:768px){.setup-header{flex-direction:column;align-items:flex-start;gap:var(--s-4)}.setup-header h1{font-size:var(--fs-2xl)}.project-setup-action{flex-direction:column;width:100%}.new-project-btn,.project_support_resources{width:100%;justify-content:center}.projects-grid{grid-template-columns:1fr}}@media(max-width:480px){.setup-header{padding:var(--s-3) var(--s-4)}.setup-body{padding:var(--s-4)}.setup-header h1{font-size:var(--fs-xl)}.project-card{padding:var(--s-4)}}.init_modal_content{position:relative}.init_modal_content .modal-header{padding:var(--s-8);border-bottom:var(--border-thin) solid var(--border-light);background:var(--bg)}.init_modal_content .modal-header h2{font-size:var(--fs-2xl);font-weight:400;color:var(--text);margin:0;letter-spacing:.1em;text-transform:uppercase;outline:none}.init_modal_content .modal-body{padding:var(--s-8);background:var(--bg)}.init_modal_content .modal-body p{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.7;margin:0}.init_modal_content .modal-body p strong{display:block;color:var(--text);font-weight:600;font-size:var(--fs-lg);margin-bottom:var(--s-2);text-transform:uppercase;letter-spacing:.05em}.enhanced-modal-footer{padding:var(--s-8);border-top:var(--border-thin) solid var(--border-light);display:flex;flex-direction:column;gap:var(--s-3);background:var(--bg-secondary)}.enhanced-modal-footer .btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-4) var(--s-6);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.05em;border:var(--border-thin) solid transparent}.enhanced-modal-footer .btn svg{width:16px;height:16px;flex-shrink:0}.enhanced-modal-footer .btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.enhanced-modal-footer .btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.enhanced-modal-footer .btn-primary:focus{outline:none;box-shadow:0 0 0 3px #0000001a}.enhanced-modal-footer .btn-secondary{background:var(--bg);color:var(--text);border-color:var(--border)}.enhanced-modal-footer .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.enhanced-modal-footer .btn-secondary:focus{outline:none;box-shadow:0 0 0 3px #0000000d}.enhanced-modal-footer .btn-cancel{background:transparent;color:var(--text-secondary);border-color:var(--border-light)}.enhanced-modal-footer .btn-cancel:hover{background:var(--bg-secondary);color:var(--text);border-color:var(--border)}.enhanced-modal-footer .btn-cancel:focus{outline:none;box-shadow:0 0 0 3px #0000000d}.init_modal_content.loading{pointer-events:none}.init_modal_content.loading .btn{opacity:.6;cursor:not-allowed}.enhanced-modal-footer .btn svg[style*=marginRight]{margin-right:0!important}@media(max-width:640px){.init_modal_content .modal-header{padding:var(--s-6)}.init_modal_content .modal-header h2{font-size:var(--fs-xl);letter-spacing:.05em}.init_modal_content .modal-body{padding:var(--s-6)}.init_modal_content .modal-body p{font-size:var(--fs-sm)}.init_modal_content .modal-body p strong{font-size:var(--fs-base)}.enhanced-modal-footer{padding:var(--s-6);gap:var(--s-2)}.enhanced-modal-footer .btn{padding:var(--s-3) var(--s-4);font-size:var(--fs-xs)}.enhanced-modal-footer .btn svg{width:14px;height:14px}}@media(max-width:480px){.init_modal_content .modal-header{padding:var(--s-4)}.init_modal_content .modal-header h2{font-size:var(--fs-lg)}.init_modal_content .modal-body,.enhanced-modal-footer{padding:var(--s-4)}}.user-info{position:relative;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;min-width:220px}.user-info:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.user-info.expanded{border-color:var(--border);box-shadow:var(--shadow-md)}.user-avatar-container{position:relative;display:flex;align-items:center;justify-content:center}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:var(--border-thin) solid var(--border-light)}.user-avatar.default{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:var(--fs-sm);font-weight:600;letter-spacing:.05em}.user-status{position:absolute;bottom:0;right:0;width:12px;height:12px;background:var(--success);border:2px solid var(--bg);border-radius:50%}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:var(--error);color:#fff;font-size:10px;font-weight:600;border-radius:999px;border:2px solid var(--bg)}.user-details{display:flex;flex-direction:column;gap:2px;min-width:120px}.user-details.hidden{display:none}.user-name{font-size:var(--fs-sm);font-weight:500;color:var(--text);margin:0;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.user-role{font-size:var(--fs-xs);font-weight:400;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown{position:absolute;top:calc(100% + var(--s-2));right:0;min-width:220px;background:var(--bg);border:var(--border-thin) solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);padding:var(--s-2);animation:dropdownSlide .2s ease-out}.dropdown-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.dropdown-item:hover{background:var(--bg-secondary);color:var(--text)}.dropdown-item svg{width:18px;height:18px;flex-shrink:0}.dropdown-item-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.dropdown-divider{height:var(--border-thin);background:var(--border-light);margin:var(--s-2) 0}.action-button-logout{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);margin-top:var(--s-2);border:var(--border-thin) solid var(--error);border-radius:var(--radius-sm);background:transparent;color:var(--error);font-size:var(--fs-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition)}.action-button-logout:hover{background:var(--error);color:#fff}.action-button-logout svg{width:18px;height:18px}.user-info.compact{padding:var(--s-2)}.user-info.compact .user-details{display:none}.user-info.compact .user-dropdown{right:auto;left:50%;transform:translate(-50%)}@media(max-width:768px){.user-details{min-width:100px}.user-name{font-size:var(--fs-xs);max-width:120px}.user-role{font-size:10px}.user-dropdown{min-width:200px}}@media(max-width:480px){.user-info{padding:var(--s-2)}.user-details{display:none}.user-avatar{width:36px;height:36px}.user-dropdown{right:0;left:auto;transform:none;min-width:180px}.dropdown-item,.action-button-logout{padding:var(--s-2) var(--s-3);font-size:var(--fs-xs)}}.user-info.loading{pointer-events:none;opacity:.6}.user-info.loading .user-avatar{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.language-switcher{position:relative;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;min-width:70px}.language-switcher:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.language-switcher.expanded{border-color:var(--border);box-shadow:var(--shadow-md)}.language-icon{width:20px;height:20px;flex-shrink:0;color:var(--text-secondary)}.language-current{font-size:var(--fs-sm);font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.1em}.language-arrow{width:12px;height:12px;margin-left:auto;color:var(--text-secondary);transition:var(--transition)}.language-switcher.expanded .language-arrow{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + var(--s-2));right:0;min-width:120px;background:var(--bg);border:var(--border-thin) solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);padding:var(--s-2);animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--text)}.language-option:hover{background:var(--bg-secondary)}.language-option.active{background:var(--bg-tertiary);font-weight:600}.language-option-flag{width:20px;height:20px;flex-shrink:0}.language-option-text{flex:1;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em}.language-option-check{width:16px;height:16px;color:var(--primary);flex-shrink:0}@media(max-width:480px){.language-switcher{min-width:60px;padding:var(--s-2)}.language-current{font-size:var(--fs-xs)}.language-dropdown{right:0;left:auto}}.auth-container{width:100%;height:100vh;display:flex;overflow:hidden}.auth-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--s-8);background:var(--bg);position:relative}.auth-form-wrapper{width:100%;max-width:420px}.auth-logo{margin-bottom:var(--s-10)}.auth-logo-text{font-size:var(--fs-3xl);font-weight:400;color:var(--text);letter-spacing:-.02em;margin:0;text-transform:uppercase}.auth-header{margin-bottom:var(--s-8)}.auth-title{font-size:var(--fs-2xl);font-weight:500;color:var(--text);margin:0 0 var(--s-2) 0;letter-spacing:-.01em}.auth-subtitle{font-size:var(--fs-base);color:var(--text-secondary);margin:0;font-weight:400}.auth-form{display:flex;flex-direction:column;gap:var(--s-5)}.form-group{display:flex;flex-direction:column;gap:var(--s-2)}.form-label{font-size:var(--fs-sm);font-weight:500;color:var(--text);margin:0;text-transform:uppercase;letter-spacing:.05em}.password-toggle{position:absolute;right:var(--s-4);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--s-1);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.password-toggle:hover{color:var(--text)}.auth-error{background:#ef44440d;border-left:var(--border-medium) solid var(--error);color:var(--error);font-size:var(--fs-sm);padding:var(--s-3) var(--s-4);border-radius:var(--radius-sm);font-weight:500}.auth-button{width:100%;padding:var(--s-4);background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--fs-base);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--s-2)}.auth-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.auth-button:active{transform:translateY(0)}.auth-button:disabled{background:var(--text-light);cursor:not-allowed;transform:none}.auth-secondary{margin-top:var(--s-6);text-align:center}.auth-link{color:var(--text);text-decoration:none;font-size:var(--fs-sm);font-weight:500;border-bottom:1px solid var(--text);transition:var(--transition)}.auth-link:hover{opacity:.7}.auth-divider{display:flex;align-items:center;margin:var(--s-6) 0;color:var(--text-secondary);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:var(--border-thin) solid var(--border-light)}.auth-divider:before{margin-right:var(--s-4)}.auth-divider:after{margin-left:var(--s-4)}.social-login{display:flex;flex-direction:column;gap:var(--s-3)}.social-button{display:flex;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-4);background:var(--bg);border:var(--border-thin) solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition)}.social-button:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.social-button.odoo-button{background:#604058;color:#fff;border-color:#604058}.social-button.odoo-button:hover{background:#7a5570;border-color:#7a5570}.auth-image-section{flex:1;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.auth-image-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0000004d,#0000001a)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--s-4)}.loading-text{color:var(--text);font-size:var(--fs-base);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.progress-bar{width:200px;height:2px;background:var(--border-light);overflow:hidden;border-radius:1px}.progress-bar-fill{height:100%;background:var(--text);animation:progress 2s ease-in-out infinite}.auth-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px;gap:var(--s-4)}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#10b9811a;border-radius:50%;color:var(--success);animation:popIn .5s ease-out}.success-title{font-size:var(--fs-xl);font-weight:500;color:var(--text);margin:0;letter-spacing:-.01em}.success-message{color:var(--text-secondary);font-size:var(--fs-base);margin:0}.loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--s-4)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{0%{width:0%;margin-left:0}50%{width:70%}to{width:0%;margin-left:100%}}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media(max-width:1024px){.auth-image-section{display:none}.auth-form-section{flex:1}}@media(max-width:640px){.auth-form-section{padding:var(--s-6)}.auth-form-wrapper{max-width:100%}.auth-logo-text{font-size:var(--fs-2xl)}.auth-title{font-size:var(--fs-xl)}}.sr-page{background:var(--bg);color:var(--text);display:flex;flex-direction:column}.sr-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg)}.sr-topbar{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-8);flex-shrink:0;border-bottom:var(--border-thin) solid var(--border-light);background:var(--bg);z-index:100}.sr-topbar-title{font-size:var(--fs-xl);font-weight:300;color:var(--text);white-space:nowrap;flex-shrink:0;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-family)}.sr-topbar-search{flex:1;max-width:480px}.sr-topbar-actions{display:flex;align-items:center;gap:var(--s-3);margin-left:auto;flex-shrink:0}.sr-body{display:flex;flex:1;overflow:hidden}.sr-sidebar{width:210px;flex-shrink:0;display:flex;flex-direction:column;border-right:var(--border-thin) solid var(--border-light);background:var(--bg);overflow-y:auto}.sr-sidebar-nav{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-3) var(--s-2);flex:1}.sr-sidebar-item{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-xs);font-weight:500;font-family:var(--font-family);color:var(--text-secondary);text-align:left;text-transform:uppercase;letter-spacing:.05em;transition:var(--transition)}.sr-sidebar-item:hover{background:var(--bg-secondary);color:var(--text)}.sr-sidebar-item.active{background:var(--bg-secondary);color:var(--primary)}.sr-sidebar-bottom{padding:var(--s-2) var(--s-2) var(--s-4);border-top:var(--border-thin) solid var(--border-light)}.sr-sidebar-reset{font-size:var(--fs-xs)}.sr-sidebar-reset:hover{color:#ef4444}.sr-body>.sr-page{flex:1;min-width:0;overflow-y:auto}.sr-shorts-section{padding:var(--s-8);border-bottom:var(--border-thin) solid var(--border-light)}.sr-shorts-header{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.sr-shorts-label{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-xs);font-weight:600;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.06em}.sr-shorts-label svg{color:#f59e0b}.sr-shorts-hint{font-size:var(--fs-xs);font-weight:400;color:var(--text-secondary);margin-left:var(--s-1);text-transform:none;letter-spacing:0}.sr-no-results-inline{font-size:var(--fs-sm);color:var(--text-secondary);font-family:var(--font-family)}.sr-shorts-track{display:flex;gap:var(--s-4);overflow-x:auto;padding-bottom:var(--s-2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.sr-shorts-track::-webkit-scrollbar{height:2px}.sr-shorts-track::-webkit-scrollbar-track{background:transparent}.sr-shorts-track::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-sm)}.sr-shorts-view-all{margin-left:auto;background:none;border:none;cursor:pointer;font-size:var(--fs-xs);color:var(--primary);font-weight:500;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.05em;padding:0;transition:var(--transition)}.sr-shorts-view-all:hover{opacity:.7}.sr-short-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2);background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;width:200px;scroll-snap-align:start;text-align:left;transition:var(--transition)}.sr-short-card:hover{transform:translateY(-3px)}.sr-short-thumb{position:relative;width:200px;height:356px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);flex-shrink:0}.sr-short-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sr-short-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.sr-short-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000052;opacity:0;transition:var(--transition)}.sr-short-card:hover .sr-short-play{opacity:1}.sr-short-duration{position:absolute;bottom:var(--s-2);right:var(--s-2);background:#000c;color:#fff;font-size:var(--fs-xs);font-weight:600;font-family:var(--font-family);padding:2px 6px;border-radius:var(--radius-sm);line-height:1.4}.sr-short-title{font-size:var(--fs-sm);font-weight:500;font-family:var(--font-family);color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%}.sr-short-feature{font-size:var(--fs-xs);color:var(--text-secondary);font-family:var(--font-family);width:100%;text-transform:uppercase;letter-spacing:.05em}.sr-library{flex:1;padding:var(--s-8)}.sr-tabs{display:flex;align-items:center;gap:var(--s-1);margin-bottom:var(--s-6);border-bottom:var(--border-thin) solid var(--border-light)}.sr-tab{display:flex;align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-4);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--fs-xs);font-weight:500;font-family:var(--font-family);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:-1px;transition:var(--transition)}.sr-tab:hover{color:var(--text)}.sr-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.sr-result-count{margin-left:auto;font-size:var(--fs-xs);color:var(--text-secondary);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.05em}.sr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--s-6)}.sr-card{border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;background:var(--bg);transition:var(--transition);display:flex;flex-direction:column}.sr-card:hover{border-color:var(--border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.sr-card.done{opacity:.75}.sr-card-thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-secondary);overflow:hidden;flex-shrink:0}.sr-card-thumb img{width:100%;height:100%;object-fit:cover}.sr-card-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.sr-card-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000047;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.sr-card:hover .sr-card-play-overlay{opacity:1}.sr-card-type-badge{position:absolute;top:var(--s-2);left:var(--s-2);display:flex;align-items:center;gap:var(--s-1);background:#000000a6;color:#fff;font-size:var(--fs-xs);font-family:var(--font-family);padding:3px var(--s-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.sr-card-duration{position:absolute;bottom:var(--s-2);right:var(--s-2);background:#000000b8;color:#fff;font-size:var(--fs-xs);font-family:var(--font-family);padding:2px var(--s-2);border-radius:var(--radius-sm)}.sr-difficulty{font-size:var(--fs-xs);font-weight:600;font-family:var(--font-family);padding:2px var(--s-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.sr-difficulty.beginner{background:#22c55e1f;color:#22c55e}.sr-difficulty.intermediate{background:#eab3081f;color:#eab308}.sr-difficulty.advanced{background:#ef44441f;color:#ef4444}.sr-card--course .sr-difficulty{position:absolute;top:var(--s-2);right:var(--s-2)}.sr-card-progress-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff40}.sr-card-progress-fill{height:100%;background:var(--primary);transition:width .3s}.sr-card-body{padding:var(--s-5) var(--s-6);display:flex;flex-direction:column;gap:var(--s-3);flex:1}.sr-card-title{font-size:var(--fs-base);font-weight:500;font-family:var(--font-family);color:var(--text);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sr-card-desc{font-size:var(--fs-sm);color:var(--text-secondary);font-family:var(--font-family);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sr-card-meta{display:flex;flex-wrap:wrap;gap:var(--s-3);font-size:var(--fs-xs);color:var(--text-secondary);font-family:var(--font-family);padding-top:var(--s-3);border-top:var(--border-thin) solid var(--border-light)}.sr-card-meta span{display:flex;align-items:center;gap:var(--s-1);text-transform:uppercase;letter-spacing:.04em}.sr-card-progress-text{font-size:var(--fs-xs);color:var(--primary);font-weight:500;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.05em}.sr-card-tags{display:flex;flex-wrap:wrap;gap:var(--s-1)}.sr-tag{font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);padding:1px var(--s-2);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.03em}.sr-card-btn{display:inline-flex;align-items:center;gap:var(--s-2);margin-top:auto;padding:var(--s-3) var(--s-5);background:var(--primary);color:#fff;border:var(--border-thin) solid var(--primary);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:500;font-family:var(--font-family);cursor:pointer;width:fit-content;text-transform:uppercase;letter-spacing:.05em;transition:var(--transition)}.sr-card-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sr-card-btn--secondary{background:var(--bg);color:var(--text);border-color:var(--border)}.sr-card-btn--secondary:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sr-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-12) var(--s-8);color:var(--text-secondary);text-align:center;background:var(--bg-secondary);border:var(--border-thin) dashed var(--border-light);border-radius:var(--radius-sm)}.sr-empty h3{margin:0;font-size:var(--fs-lg);font-weight:400;color:var(--text);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-family)}.sr-empty p{margin:0;font-size:var(--fs-sm);font-family:var(--font-family)}.vt-img{width:100%;height:100%;object-fit:cover;display:block}.vt-blur-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.1)}.vt-text-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--s-3);background:#00000061}.vt-title-text{color:#fff;font-size:var(--fs-xs);font-weight:600;font-family:var(--font-family);text-align:center;line-height:1.4;text-shadow:0 1px 6px rgba(0,0,0,.8);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.mvm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--s-5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mvm-modal{position:relative;background:var(--bg);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);width:100%;max-width:560px;overflow:hidden;box-shadow:var(--shadow-md);display:flex;flex-direction:column}.mvm-close{position:absolute;top:var(--s-3);right:var(--s-3);z-index:10;width:28px;height:28px;border-radius:50%;background:#00000080;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.mvm-close:hover{background:#000000d9}.mvm-player{width:100%;aspect-ratio:16 / 9;background:#000}.mvm-video{width:100%;height:100%;display:block}.mvm-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);color:#fff6;font-size:var(--fs-sm);font-family:var(--font-family)}.mvm-info{padding:var(--s-4) var(--s-5) var(--s-3);display:flex;flex-direction:column;gap:var(--s-2)}.mvm-meta-row{display:flex;align-items:center;gap:var(--s-2)}.mvm-feature-badge{font-size:var(--fs-xs);font-family:var(--font-family);background:#f59e0b1f;color:#f59e0b;border:var(--border-thin) solid rgba(245,158,11,.3);padding:2px var(--s-2);border-radius:var(--radius-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.mvm-duration{font-size:var(--fs-xs);color:var(--text-secondary);font-family:var(--font-family)}.mvm-title{font-size:var(--fs-lg);font-weight:500;font-family:var(--font-family);color:var(--text);margin:0}.mvm-description{font-size:var(--fs-sm);color:var(--text-secondary);font-family:var(--font-family);margin:0;line-height:1.5}.mvm-tags{display:flex;flex-wrap:wrap;gap:var(--s-1)}.mvm-tag{font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);padding:1px var(--s-2);font-family:var(--font-family)}.mvm-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-5) var(--s-4);border-top:var(--border-thin) solid var(--border-light)}.mvm-nav-btn{display:flex;align-items:center;gap:var(--s-1);background:var(--bg);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);padding:var(--s-2) var(--s-3);font-size:var(--fs-xs);font-family:var(--font-family);cursor:pointer;color:var(--text);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition)}.mvm-nav-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border)}.mvm-nav-btn:disabled{opacity:.35;cursor:default}.mvm-nav-counter{font-size:var(--fs-xs);color:var(--text-secondary);font-family:var(--font-family)}.vp-layout{display:flex;flex-direction:column;padding:var(--s-8) var(--s-8) var(--s-12);gap:var(--s-4);max-width:1280px;width:100%;margin:0 auto;box-sizing:border-box}.vp-back{display:inline-flex;align-items:center;gap:var(--s-2);background:none;border:none;cursor:pointer;font-size:var(--fs-xs);font-family:var(--font-family);color:var(--text-secondary);padding:0;align-self:flex-start;text-transform:uppercase;letter-spacing:.05em;transition:var(--transition)}.vp-back:hover{color:var(--text)}.vp-body{display:grid;grid-template-columns:1fr 300px;gap:var(--s-6);align-items:flex-start}.vp-main{display:flex;flex-direction:column;gap:var(--s-4);min-width:0}.vp-main--standalone{grid-column:1 / -1;max-width:860px}.vp-player-wrap{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-sm);overflow:hidden}.vp-video{width:100%;height:100%;display:block}.vp-video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);color:#fff6;font-size:var(--fs-base);font-family:var(--font-family)}.vp-info{display:flex;flex-direction:column;gap:var(--s-3)}.vp-course-label{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-xs);font-family:var(--font-family);color:var(--primary);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.vp-title{font-size:var(--fs-2xl);font-weight:300;font-family:var(--font-family);color:var(--text);margin:0;line-height:1.3;letter-spacing:.03em}.vp-desc{font-size:var(--fs-sm);color:var(--text-secondary);font-family:var(--font-family);margin:0;line-height:1.55}.vp-meta{display:flex;align-items:center;gap:var(--s-4);font-size:var(--fs-xs);font-family:var(--font-family);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.vp-meta span{display:flex;align-items:center;gap:var(--s-1)}.vp-completed-badge{color:#22c55e!important}.vp-progress-text{color:var(--primary)!important}.vp-tags{display:flex;flex-wrap:wrap;gap:var(--s-1)}.vp-nav{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-1)}.vp-nav-btn{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border:var(--border-thin) solid var(--border-light);background:var(--bg);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-family:var(--font-family);cursor:pointer;color:var(--text);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition)}.vp-nav-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border)}.vp-nav-btn:disabled{opacity:.35;cursor:default}.vp-nav-pos{font-size:var(--fs-xs);color:var(--text-secondary);font-family:var(--font-family)}.vp-playlist{border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 160px);position:sticky;top:var(--s-4)}.vp-playlist-header{padding:var(--s-4);border-bottom:var(--border-thin) solid var(--border-light);flex-shrink:0}.vp-playlist-header h3{font-size:var(--fs-xs);font-weight:600;font-family:var(--font-family);color:var(--text);margin:0 0 var(--s-2);text-transform:uppercase;letter-spacing:.06em}.vp-playlist-progress{display:flex;flex-direction:column;gap:var(--s-1)}.vp-playlist-progress-bar{height:2px;background:var(--border-light);border-radius:var(--radius-sm);overflow:hidden}.vp-playlist-progress-fill{height:100%;background:var(--primary);transition:width .3s}.vp-playlist-progress span{font-size:var(--fs-xs);color:var(--text-secondary);font-family:var(--font-family)}.vp-chapters{overflow-y:auto;flex:1}.vp-chapter{border-bottom:var(--border-thin) solid var(--border-light)}.vp-chapter:last-child{border-bottom:none}.vp-chapter-title{font-size:var(--fs-xs);font-weight:700;font-family:var(--font-family);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;padding:var(--s-3) var(--s-4) var(--s-2)}.vp-playlist-item{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);cursor:pointer;transition:var(--transition);border-left:2px solid transparent}.vp-playlist-item:hover{background:var(--bg-secondary)}.vp-playlist-item.active{background:var(--bg-secondary);border-left-color:var(--primary)}.vp-playlist-item.done .vp-item-icon{color:#22c55e;background:#22c55e1f}.vp-item-icon{width:20px;height:20px;border-radius:50%;background:var(--border-light);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700;font-family:var(--font-family);flex-shrink:0;margin-top:2px;color:var(--text-secondary)}.vp-playlist-item.active .vp-item-icon{background:var(--primary);color:#fff}.vp-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-1)}.vp-item-title{font-size:var(--fs-xs);font-weight:500;font-family:var(--font-family);color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vp-item-duration{font-size:var(--fs-xs);color:var(--text-secondary);font-family:var(--font-family)}.vp-item-progress{height:2px;background:var(--border-light);border-radius:1px;overflow:hidden;margin-top:var(--s-1)}.vp-item-progress-fill{height:100%;background:var(--primary)}.vp-course-complete{display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3);font-size:var(--fs-xs);font-weight:600;font-family:var(--font-family);color:#22c55e;background:#22c55e14;border-top:var(--border-thin) solid var(--border-light);text-transform:uppercase;letter-spacing:.06em}.co-layout{display:flex;flex-direction:column;padding:var(--s-8) var(--s-8) var(--s-12);gap:var(--s-6);max-width:1100px;width:100%;margin:0 auto;box-sizing:border-box}.co-hero{display:grid;grid-template-columns:1fr 280px;gap:var(--s-8);align-items:flex-start;background:var(--bg-secondary);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);padding:var(--s-8)}.co-hero-info{display:flex;flex-direction:column;gap:var(--s-4)}.co-difficulty.co-difficulty{align-self:flex-start}.co-title{font-size:var(--fs-2xl);font-weight:300;font-family:var(--font-family);color:var(--text);margin:0;line-height:1.25;letter-spacing:.06em;text-transform:uppercase}.co-desc{font-size:var(--fs-sm);color:var(--text-secondary);font-family:var(--font-family);margin:0;line-height:1.55}.co-meta{display:flex;flex-wrap:wrap;gap:var(--s-4);font-size:var(--fs-xs);color:var(--text-secondary);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.05em}.co-meta span{display:flex;align-items:center;gap:var(--s-1)}.co-progress{display:flex;flex-direction:column;gap:var(--s-1)}.co-progress-bar{height:4px;background:var(--border-light);border-radius:var(--radius-sm);overflow:hidden}.co-progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-sm);transition:width .3s}.co-progress-text{font-size:var(--fs-xs);color:var(--primary);font-weight:500;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.05em}.co-actions{display:flex;gap:var(--s-3);flex-wrap:wrap}.co-start-btn{padding:var(--s-4) var(--s-6);font-size:var(--fs-sm)}.co-hero-thumb{position:relative;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:16 / 10}.co-hero-thumb img{width:100%;height:100%;object-fit:cover}.co-thumb-placeholder{width:100%;min-height:160px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-secondary)}.co-completed-badge{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);color:#fff;font-size:var(--fs-sm);font-weight:700;font-family:var(--font-family)}.co-curriculum{display:flex;flex-direction:column;gap:var(--s-4)}.co-curriculum-title{font-size:var(--fs-xl);font-weight:300;font-family:var(--font-family);color:var(--text);margin:0;text-transform:uppercase;letter-spacing:.1em}.co-curriculum-sub{font-size:var(--fs-sm);color:var(--text-secondary);font-family:var(--font-family);margin:0;text-transform:uppercase;letter-spacing:.05em}.co-chapters{border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden}.co-chapter{border-bottom:var(--border-thin) solid var(--border-light)}.co-chapter:last-child{border-bottom:none}.co-chapter-header{display:flex;align-items:center;gap:var(--s-3);width:100%;background:var(--bg-secondary);border:none;padding:var(--s-4);cursor:pointer;text-align:left;transition:var(--transition)}.co-chapter-header:hover{filter:brightness(.97)}.co-chapter-toggle{color:var(--text-secondary);flex-shrink:0}.co-chapter-num{font-size:var(--fs-xs);font-weight:600;font-family:var(--font-family);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.co-chapter-name{font-size:var(--fs-sm);font-weight:500;font-family:var(--font-family);color:var(--text);flex:1}.co-chapter-stats{font-size:var(--fs-xs);color:var(--text-secondary);font-family:var(--font-family);flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}.co-chapter-done{color:#22c55e}.co-chapter-desc{font-size:var(--fs-sm);color:var(--text-secondary);font-family:var(--font-family);padding:0 var(--s-4) var(--s-3) 46px;margin:0;line-height:1.5}.co-lessons{display:flex;flex-direction:column}.co-lesson{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);cursor:pointer;transition:var(--transition);border-top:var(--border-thin) solid var(--border-light)}.co-lesson:hover{background:var(--bg-secondary)}.co-lesson-icon{width:26px;height:26px;border-radius:50%;background:var(--border-light);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700;font-family:var(--font-family);flex-shrink:0;margin-top:2px;color:var(--text-secondary)}.co-lesson.done .co-lesson-icon{background:#22c55e1f;color:#22c55e}.co-lesson-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-1)}.co-lesson-title{font-size:var(--fs-sm);font-weight:500;font-family:var(--font-family);color:var(--text)}.co-lesson-desc{font-size:var(--fs-xs);color:var(--text-secondary);font-family:var(--font-family);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.co-lesson-progress{height:2px;background:var(--border-light);border-radius:1px;overflow:hidden;margin-top:var(--s-1)}.co-lesson-progress-fill{height:100%;background:var(--primary)}.co-lesson-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s-2);flex-shrink:0}.co-lesson-duration{display:flex;align-items:center;gap:var(--s-1);font-size:var(--fs-xs);color:var(--text-secondary);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.04em}.co-lesson-btn{display:flex;align-items:center;gap:var(--s-1);background:var(--bg);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);padding:var(--s-1) var(--s-3);font-size:var(--fs-xs);font-family:var(--font-family);cursor:pointer;color:var(--text);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;transition:var(--transition)}.co-lesson-btn:hover{background:var(--bg-secondary);border-color:var(--border)}.co-celebration{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-10) var(--s-8);border:var(--border-thin) solid var(--border-light);border-radius:var(--radius-sm);text-align:center;background:#22c55e0a}.co-celebration svg{color:#22c55e}.co-celebration h3{margin:0;font-size:var(--fs-xl);font-weight:300;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.1em}.co-celebration p{margin:0;font-size:var(--fs-sm);color:var(--text-secondary);font-family:var(--font-family)}.sv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden}.sv-close{position:absolute;top:var(--s-4);right:var(--s-4);z-index:20;width:36px;height:36px;border-radius:50%;background:#ffffff1f;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.sv-close:hover{background:#ffffff40}.sv-counter{position:absolute;top:var(--s-5);left:50%;transform:translate(-50%);color:#ffffff80;font-size:var(--fs-xs);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.08em;z-index:20}.sv-inner{display:flex;align-items:center;gap:var(--s-8);max-width:900px;width:100%;padding:0 var(--s-5);box-sizing:border-box}.sv-video-wrap{flex-shrink:0;width:320px;height:568px;border-radius:var(--radius-sm);overflow:hidden;background:#111;position:relative}.sv-video{width:100%;height:100%;object-fit:cover;display:block}.sv-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);color:#ffffff59;font-size:var(--fs-sm);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.06em}.sv-duration{position:absolute;bottom:var(--s-3);right:var(--s-3);background:#000000bf;color:#fff;font-size:var(--fs-xs);font-weight:600;font-family:var(--font-family);padding:3px var(--s-2);border-radius:var(--radius-sm)}.sv-slide-enter{animation:sv-enter .28s ease both}.sv-slide-exit-up{animation:sv-exit-up .28s ease both}.sv-slide-exit-down{animation:sv-exit-down .28s ease both}@keyframes sv-enter{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes sv-exit-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-32px)}}@keyframes sv-exit-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(32px)}}.sv-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-4);color:#fff}.sv-feature-badge{display:inline-block;font-size:var(--fs-xs);font-family:var(--font-family);background:#f59e0b2e;color:#f59e0b;border:1px solid rgba(245,158,11,.35);padding:3px var(--s-3);border-radius:var(--radius-sm);font-weight:500;text-transform:uppercase;letter-spacing:.07em;align-self:flex-start}.sv-title{font-size:var(--fs-xl);font-weight:300;font-family:var(--font-family);margin:0;line-height:1.3;text-transform:uppercase;letter-spacing:.07em}.sv-desc{font-size:var(--fs-sm);font-family:var(--font-family);color:#fff9;margin:0;line-height:1.55}.sv-tags{display:flex;flex-wrap:wrap;gap:var(--s-1)}.sv-tag{font-size:var(--fs-xs);font-family:var(--font-family);background:#ffffff1a;color:#ffffff80;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);padding:2px var(--s-2);text-transform:uppercase;letter-spacing:.05em}.sv-nav{display:flex;align-items:center;gap:var(--s-4);margin-top:var(--s-1)}.sv-nav-btn{width:36px;height:36px;border-radius:50%;background:#ffffff1f;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.sv-nav-btn:hover:not(:disabled){background:#ffffff40}.sv-nav-btn:disabled{opacity:.3;cursor:default}.sv-dots{display:flex;gap:var(--s-1);flex-wrap:wrap;max-width:160px}.sv-dot{width:6px;height:6px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;padding:0;transition:background .15s,transform .15s}.sv-dot.active{background:#fff;transform:scale(1.35)}@media(max-width:1024px){.sr-topbar{padding:var(--s-3) var(--s-6)}.sr-shorts-section,.sr-library,.vp-layout,.co-layout{padding-left:var(--s-6);padding-right:var(--s-6)}}@media(max-width:900px){.sr-sidebar,.sr-topbar-title{display:none}.sr-shorts-section,.sr-library,.vp-layout,.co-layout{padding-left:var(--s-5);padding-right:var(--s-5)}.vp-body{grid-template-columns:1fr}.vp-playlist{position:static;max-height:400px}.co-hero{grid-template-columns:1fr}.co-hero-thumb{display:none}.sv-inner{flex-direction:column;gap:var(--s-5);padding:60px var(--s-4) var(--s-5)}.sv-video-wrap{width:100%;max-width:320px}.sv-info{max-height:200px;overflow-y:auto}}@media(max-width:768px){.sr-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.vp-body,.co-hero{grid-template-columns:1fr}}@media(max-width:600px){.sr-grid{grid-template-columns:1fr}.vp-title,.co-title{font-size:var(--fs-xl)}.sr-short-card{width:130px}.sr-short-thumb{width:130px;height:231px}}@media(max-width:480px){.sr-topbar{padding:var(--s-3) var(--s-4)}.sr-shorts-section,.sr-library,.vp-layout,.co-layout{padding:var(--s-4)}.co-hero{padding:var(--s-5)}}.cartouche{width:600px;background:#fff;border:2px solid black;font-family:Arial,sans-serif;font-size:7px}.cartouche-warnings-row{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid black}.cartouche-warning-cell{padding:5px;border-right:1px solid black;min-height:45px;display:flex;align-items:center}.cartouche-warning-cell:last-child{border-right:none}.cartouche-warning-text{font-size:6px;line-height:1.2;text-align:justify}.cartouche-middle-section{display:grid;grid-template-columns:120px 1fr;border-bottom:2px solid black}.cartouche-logo-section{padding:10px;border-right:2px solid black;display:flex;align-items:center;justify-content:center}.cartouche-logo{width:90px;height:auto}.cartouche-approval{padding:8px 10px;display:flex;flex-direction:column;justify-content:space-between}.cartouche-approval-title{font-weight:700;font-size:8px;text-align:center;margin-bottom:3px}.cartouche-approval-text{font-size:6.5px;line-height:1.3;text-align:justify;flex:1}.cartouche-approval-footer{display:flex;justify-content:space-between;align-items:center;font-size:7px;margin-top:4px}.cartouche-approval-command,.cartouche-approval-signature{font-size:7px}.cartouche-main-grid{display:grid;grid-template-columns:1fr 2fr 1fr}.cartouche-main-left{padding:8px 6px;border-right:1px solid black;font-size:7px;display:flex;flex-direction:column}.cartouche-main-middle{padding:8px 6px;border-right:1px solid black;font-size:7px}.cartouche-main-right{padding:8px 6px;font-size:7px}.cartouche-section-title{font-weight:700;font-size:7px;margin-bottom:3px}.cartouche-company-name{font-size:8px;font-weight:700;margin:2px 0}.cartouche-text-line{font-size:7px;margin:1.5px 0;line-height:1.3}.cartouche-empty-line{height:8px}.cartouche-input-area{border:1px solid #999;height:30px;margin:3px 0 8px}.cartouche-input-line{border-bottom:1px solid #999;height:10px;margin:1px 0}.cartouche-spacer{flex:1;min-height:10px}.cartouche-signatures{display:flex;gap:10px;margin:5px 0}.cartouche-signature-item{flex:1}.cartouche-signature-line{border-bottom:1px solid black;height:15px;margin-top:2px}.cartouche-footer-name{font-size:7px;margin-top:3px}.cartouche-table{border:1px solid black;margin-bottom:6px}.cartouche-table-header{display:flex;border-bottom:1px solid black;background:#f5f5f5;font-weight:700}.cartouche-table-row{display:flex;border-bottom:1px solid black;min-height:18px}.cartouche-table-row:last-child{border-bottom:none}.cartouche-table-cell-small{flex:0 0 25px;padding:2px 3px;border-right:1px solid black;font-size:6.5px;display:flex;align-items:center}.cartouche-table-cell-medium{flex:0 0 45px;padding:2px 3px;border-right:1px solid black;font-size:6.5px;display:flex;align-items:center}.cartouche-table-cell-large{flex:1;padding:2px 3px;border-right:1px solid black;font-size:6.5px;display:flex;align-items:center}.cartouche-table-cell-small:last-child,.cartouche-table-cell-medium:last-child,.cartouche-table-cell-large:last-child{border-right:none}.cartouche-metadata{font-size:7px}.cartouche-meta-line{display:flex;gap:8px;margin:2px 0;line-height:1.3}.cartouche-meta-label,.cartouche-meta-value{font-size:7px}@media print{[data-paper=a0] .cartouche{width:210mm;height:297mm;font-size:7pt;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}[data-paper=a0] .cartouche-warnings-row,[data-paper=a0] .cartouche-middle-section{min-height:0;flex-shrink:1;overflow:hidden}[data-paper=a0] .cartouche-warning-cell{min-height:0;overflow:hidden}[data-paper=a0] .cartouche-logo-section{padding:6px}[data-paper=a0] .cartouche-main-grid{flex:1;min-height:0;overflow:hidden}[data-paper=a0] .cartouche-main-left,[data-paper=a0] .cartouche-main-middle,[data-paper=a0] .cartouche-main-right{overflow:hidden;min-height:0}[data-paper=a3] .cartouche{width:148mm;height:210mm;font-size:5.5pt;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}[data-paper=a3] .cartouche-warnings-row,[data-paper=a3] .cartouche-middle-section{min-height:0;flex-shrink:1;overflow:hidden}[data-paper=a3] .cartouche-warning-cell{min-height:0;overflow:hidden}[data-paper=a3] .cartouche-warning-text,[data-paper=a3] .cartouche-approval-text{font-size:5pt}[data-paper=a3] .cartouche-logo{width:60px}[data-paper=a3] .cartouche-main-grid{flex:1;min-height:0;overflow:hidden}[data-paper=a3] .cartouche-main-left,[data-paper=a3] .cartouche-main-middle,[data-paper=a3] .cartouche-main-right{overflow:hidden;min-height:0}.print-cartouche-page .cartouche{width:210mm;height:297mm;font-size:9pt;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.print-cartouche-page .cartouche-warnings-row,.print-cartouche-page .cartouche-middle-section{min-height:0;flex-shrink:1;overflow:hidden}.print-cartouche-page .cartouche-warning-cell{min-height:0;overflow:hidden}.print-cartouche-page .cartouche-warning-text{font-size:7pt}.print-cartouche-page .cartouche-approval-text{font-size:7.5pt}.print-cartouche-page .cartouche-main-grid{flex:1;min-height:0;overflow:hidden}.print-cartouche-page .cartouche-main-left,.print-cartouche-page .cartouche-main-middle,.print-cartouche-page .cartouche-main-right{overflow:hidden;min-height:0}}.legend{width:600px;background:#fff;border:2px solid black;padding:12px;font-family:Arial,sans-serif;margin-bottom:10px}.legend-title{font-weight:700;font-size:11px;margin-bottom:10px;text-transform:uppercase;border-bottom:1px solid black;padding-bottom:4px}.legend-section{margin-bottom:12px}.legend-section:last-child{margin-bottom:0}.legend-row{display:flex;align-items:center;margin:4px 0;font-size:10px}.legend-total-row{font-weight:700;margin-bottom:6px}.legend-subrow{padding-left:8px;font-size:9px;margin:3px 0}.legend-color{width:16px;height:16px;border:1px solid black;margin-right:8px;flex-shrink:0}.legend-color-placeholder{width:16px;height:16px;margin-right:8px;flex-shrink:0}.legend-door-icon{display:flex;align-items:center;justify-content:center;font-size:12px;background:#f0f0f0}.legend-info{flex:1;line-height:1.4}.legend-info strong{color:#000}.legend-existing-badge{display:inline-block;margin-left:6px;padding:1px 5px;font-size:7px;font-weight:700;letter-spacing:.04em;color:#555;background:#e8e8e8;border:1px solid #bbb;border-radius:2px;text-transform:uppercase;vertical-align:middle}.designer-info-panel{position:absolute;bottom:55px;right:55px}.print-cartouche-page,.svg-scale-bar{display:none}@media print{.fit-screen-btn,.scale-bar{display:none!important}.svg-scale-bar{display:block}.print-cartouche-page,.designer-container{position:relative}.print-cartouche-page:after,.designer-container:after{content:attr(data-page-num) " / " attr(data-page-total);position:absolute;bottom:22mm;left:50%;transform:translate(-50%);font-family:Arial,sans-serif;font-size:9pt;font-weight:700;color:#1a1a2e;z-index:1000;white-space:nowrap;background:#fff;padding:1mm 3mm;border:1px solid #ccc;letter-spacing:.04em}.designer-container{page-break-after:always;break-after:always;page-break-inside:avoid;overflow:hidden!important}.elevation-page{page-break-after:always;break-after:always;page-break-inside:avoid}.designer-info-panel>*:not(.cartouche){display:none!important}[data-paper=a0] .designer-container{width:1189mm;height:841mm}[data-paper=a0] .designer-info-panel{position:absolute!important;bottom:22mm!important;right:22mm!important;width:210mm!important;height:auto!important;z-index:999;background:transparent;overflow:visible}[data-paper=a3] .designer-container{width:420mm;height:297mm}[data-paper=a3] .designer-info-panel{position:absolute!important;bottom:22mm!important;right:22mm!important;width:148mm!important;height:auto!important;z-index:999;background:transparent;overflow:visible}[data-paper=a4] .designer-info-panel{display:none!important}[data-paper=a4] .print-cartouche-page{display:block;width:210mm;height:297mm;page-break-after:always;break-after:always;overflow:hidden}}.designer-container{position:relative;width:100vw;height:100vh;border:2px solid black;z-index:100}.designer-frame-top{position:absolute;top:20px;left:20px;right:20px;height:30px;border-top:2px solid black;border-bottom:2px solid black;border-left:2px solid black;border-right:2px solid black;display:flex;pointer-events:none;z-index:10;background:#fff}.designer-frame-left{position:absolute;top:20px;left:20px;bottom:20px;width:30px;border-left:2px solid black;border-right:2px solid black;border-top:2px solid black;border-bottom:2px solid black;display:flex;flex-direction:column;pointer-events:none;z-index:10;background:#fff}.designer-frame-right{position:absolute;top:20px;right:20px;bottom:20px;width:30px;border-right:2px solid black;border-left:2px solid black;border-top:2px solid black;border-bottom:2px solid black;display:flex;flex-direction:column;pointer-events:none;z-index:10;background:#fff}.designer-frame-bottom{position:absolute;left:20px;right:20px;bottom:20px;height:30px;border-bottom:2px solid black;border-top:2px solid black;border-left:2px solid black;border-right:2px solid black;display:flex;pointer-events:none;z-index:10;background:#fff}.designer-corner{position:absolute;width:30px;height:30px;z-index:12;background:#fff}.designer-corner:after{content:"";position:absolute;width:42px;height:2px;background:#000;top:50%;left:50%}.designer-corner-tl{top:20px;left:20px;border-left:2px solid black;border-top:2px solid black}.designer-corner-tl:after{transform:translate(-50%,-50%) rotate(45deg)}.designer-corner-tr{top:20px;right:20px;border-right:2px solid black;border-top:2px solid black}.designer-corner-tr:after{transform:translate(-50%,-50%) rotate(-45deg)}.designer-corner-bl{bottom:20px;left:20px;border-left:2px solid black;border-bottom:2px solid black}.designer-corner-bl:after{transform:translate(-50%,-50%) rotate(-45deg)}.designer-corner-br{bottom:20px;right:20px;border-right:2px solid black;border-bottom:2px solid black}.designer-corner-br:after{transform:translate(-50%,-50%) rotate(45deg)}@media print{.designer-frame-top,.designer-frame-left,.designer-frame-right,.designer-frame-bottom,.designer-corner{background:transparent}}.designer-frame-cell{flex:1;border-right:2px solid black;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}.designer-frame-left .designer-frame-cell,.designer-frame-right .designer-frame-cell{border-right:none;border-bottom:2px solid black}.designer-frame-cell:last-child{border-right:none;border-bottom:none}.designer-canvas{width:100%;height:100%;overflow:hidden}.designer-canvas.panning{cursor:grabbing}.designer-canvas.idle{cursor:grab}.designer-svg{background:#fff}.designer-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;opacity:.05;pointer-events:none;z-index:5}.designer-bottom-panels{position:absolute;bottom:55px;right:55px;display:flex;flex-direction:row;gap:10px;z-index:15}.designer-front-view-panel{width:500px;background:#fff;border:2px solid black;display:flex;flex-direction:column}.designer-front-view-header{padding:6px 10px;font-family:Arial,sans-serif;font-size:11px;font-weight:700;border-bottom:2px solid black;background:#f5f5f5;text-transform:uppercase}.designer-front-view-svg{flex:1;background:#fff}.scale-bar{position:absolute;bottom:60px;left:60px;z-index:20;display:flex;flex-direction:column;gap:2px;-webkit-user-select:none;user-select:none;font-family:Arial,monospace;background:#ffffffeb;border:1px solid #b0b4c4;border-radius:4px;padding:7px 9px 6px;box-shadow:0 2px 8px #00000026;min-width:140px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:box-shadow .15s}.scale-bar:hover{box-shadow:0 3px 12px #00000038}.scale-bar__ruler{position:relative;height:10px;display:flex;border:1.5px solid #1a1a2e;overflow:visible;border-radius:1px}.scale-bar__block{height:100%;flex-shrink:0}.sb-dark{background:#1a1a2e}.sb-light{background:#fff}.scale-bar__tick{position:absolute;width:1.5px;background:#1a1a2e}.sb-l{left:0;top:-4px;height:calc(100% + 8px)}.sb-r{right:0;top:-4px;height:calc(100% + 8px)}.sb-m{left:50%;transform:translate(-50%);top:-2px;height:calc(100% + 4px)}.scale-bar__labels{display:flex;justify-content:space-between;align-items:flex-start;margin-top:3px}.sb-lbl{font-size:9px;font-weight:700;color:#1a1a2e;font-family:Arial,monospace;line-height:1}.sb-lbl-mid{font-size:8.5px;font-weight:500;color:#666}.scale-bar__units{font-size:9.5px;font-weight:700;color:#1a1a2e;font-family:Arial,monospace;margin-top:4px;border-top:1px dashed #ccc;padding-top:3px;letter-spacing:.01em}.scale-bar__meta{display:flex;align-items:center;gap:5px;margin-top:3px}.scale-bar__ratio{font-size:9px;font-weight:700;color:#1a1a2e;background:#e8eaf0;padding:1px 5px;border-radius:2px;border:1px solid #b0b4c4;font-family:Arial,monospace;white-space:nowrap}.scale-bar__hint{font-size:8px;color:#888;font-family:Arial,monospace;font-style:italic}.scale-bar__paper{margin-top:5px;border-top:1px solid #ddd;padding-top:5px}.scale-bar__paper-title{font-size:8px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-family:Arial,monospace}.scale-bar__paper-grid{display:flex;flex-direction:column;gap:2px}.scale-bar__paper-row{display:flex;justify-content:space-between;gap:8px}.scale-bar__paper-name{font-size:9px;font-weight:700;color:#1a1a2e;font-family:Arial,monospace;min-width:20px}.scale-bar__paper-scale{font-size:9px;color:#333;font-family:Arial,monospace}.scale-bar__paper-snap{color:#888;font-size:8px}.scale-bar__paper-note{font-size:7.5px;color:#aaa;margin-top:5px;font-family:Arial,monospace;font-style:italic;line-height:1.4}.scale-bar__zoom{display:flex;align-items:center;gap:4px;margin-top:5px;border-top:1px dashed #ccc;padding-top:5px;flex-wrap:wrap}.scale-bar__zoom-divider{width:1px;height:14px;background:#ccc;flex-shrink:0}.scale-bar__zoom-btn{font-size:9px;font-family:Arial,monospace;font-weight:700;color:#1a1a2e;background:#e8eaf0;border:1px solid #b0b4c4;border-radius:2px;padding:2px 6px;cursor:pointer;white-space:nowrap;line-height:1.4}.scale-bar__zoom-btn:hover{background:#d0d4e8}.scale-bar__zoom-select{font-size:9px;font-family:Arial,monospace;font-weight:700;color:#1a1a2e;background:#fff;border:1px solid #b0b4c4;border-radius:2px;padding:1px 3px;cursor:pointer;flex:1;min-width:0}.scale-bar__zoom-select:focus{outline:none;border-color:#4a90d9}[data-theme=dark] .scale-bar{background:#121420ed;border-color:#444;box-shadow:0 2px 10px #00000080}[data-theme=dark] .scale-bar__ruler{border-color:#ccc}[data-theme=dark] .sb-dark{background:#ddd}[data-theme=dark] .sb-light{background:#1a1c2e}[data-theme=dark] .scale-bar__tick{background:#ccc}[data-theme=dark] .sb-lbl,[data-theme=dark] .scale-bar__units,[data-theme=dark] .scale-bar__paper-name{color:#e8e8e8}[data-theme=dark] .sb-lbl-mid{color:#888}[data-theme=dark] .scale-bar__ratio{color:#e0e0e0;background:#2a2d42;border-color:#555}[data-theme=dark] .scale-bar__hint,[data-theme=dark] .scale-bar__paper-scale{color:#aaa}[data-theme=dark] .scale-bar__units,[data-theme=dark] .scale-bar__paper{border-color:#444}[data-theme=dark] .scale-bar__paper-title{color:#666}[data-theme=dark] .scale-bar__paper-snap,[data-theme=dark] .scale-bar__paper-note{color:#555}[data-theme=dark] .scale-bar__zoom{border-color:#444}[data-theme=dark] .scale-bar__zoom-btn{background:#2a2d42;border-color:#555;color:#e0e0e0}[data-theme=dark] .scale-bar__zoom-btn:hover{background:#363a54}[data-theme=dark] .scale-bar__zoom-select{background:#1e2035;border-color:#555;color:#e0e0e0}.elevation-view-container{position:relative;width:100vw;height:100vh;border:2px solid black;z-index:100}.elevation-frame-top{position:absolute;top:20px;left:20px;right:20px;height:30px;border:2px solid black;display:flex;pointer-events:none;z-index:10;background:#fff}.elevation-frame-left{position:absolute;top:20px;left:20px;bottom:20px;width:30px;border:2px solid black;display:flex;flex-direction:column;pointer-events:none;z-index:10;background:#fff}.elevation-frame-right{position:absolute;top:20px;right:20px;bottom:20px;width:30px;border:2px solid black;display:flex;flex-direction:column;pointer-events:none;z-index:10;background:#fff}.elevation-frame-bottom{position:absolute;left:20px;right:20px;bottom:20px;height:30px;border:2px solid black;display:flex;pointer-events:none;z-index:10;background:#fff}.elevation-frame-cell{flex:1;border-right:2px solid black;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;font-family:Arial,sans-serif}.elevation-frame-left .elevation-frame-cell,.elevation-frame-right .elevation-frame-cell{border-right:none;border-bottom:2px solid black}.elevation-frame-cell:last-child{border-right:none;border-bottom:none}.elevation-corner{position:absolute;width:30px;height:30px;z-index:12;background:#fff}.elevation-corner:after{content:"";position:absolute;width:42px;height:2px;background:#000;top:50%;left:50%}.elevation-corner-tl{top:20px;left:20px;border-left:2px solid black;border-top:2px solid black}.elevation-corner-tl:after{transform:translate(-50%,-50%) rotate(45deg)}.elevation-corner-tr{top:20px;right:20px;border-right:2px solid black;border-top:2px solid black}.elevation-corner-tr:after{transform:translate(-50%,-50%) rotate(-45deg)}.elevation-corner-bl{bottom:20px;left:20px;border-left:2px solid black;border-bottom:2px solid black}.elevation-corner-bl:after{transform:translate(-50%,-50%) rotate(-45deg)}.elevation-corner-br{bottom:20px;right:20px;border-right:2px solid black;border-bottom:2px solid black}.elevation-corner-br:after{transform:translate(-50%,-50%) rotate(45deg)}.elevation-canvas{position:absolute;top:50px;left:50px;bottom:50px;overflow:hidden}.elevation-canvas.panning{cursor:grabbing}.elevation-canvas.idle{cursor:grab}.elevation-svg{background:#fff}.elevation-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;opacity:.05;pointer-events:none;z-index:5}.elevation-page{position:relative;width:100vw;height:100vh}.elevation-pages{display:block}