.card-grid-container{width:100%;height:100%;overflow-y:auto;padding:1.5rem;background:#1a1c20}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1400px;margin:0 auto}.hwc-card{background:var(--hdr-bg);border:1px solid var(--hdr-border);border-radius:.5rem;overflow:hidden;box-shadow:0 2px 8px #0000004d;backdrop-filter:saturate(120%) blur(8px);transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;position:relative}.card-checkbox-overlay{position:absolute;top:.75rem;left:.75rem;z-index:10;background:#0009;backdrop-filter:blur(4px);border-radius:.25rem;padding:.375rem;display:flex;align-items:center;justify-content:center}.card-checkbox-overlay input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--hwc-red);margin:0}.hwc-card:hover{box-shadow:0 4px 12px #00000080;transform:translateY(-2px);background:#1a1c20f2}.card-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#e8e8e8;position:relative}.card-image img{width:100%;height:100%;object-fit:cover}.card-processing-overlay{position:absolute;top:.75rem;right:.75rem;z-index:10}.card-content{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.card-title{font-size:1rem;font-weight:600;color:var(--hdr-fg);margin:0;line-height:1.3;flex:1}.card-header-actions{display:flex;align-items:center;gap:.25rem}.card-view-btn{background:transparent;border:none;color:#fff9;cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;text-decoration:none;font-size:1.125rem}.card-view-btn:hover{background:#ffffff1a;color:var(--hwc-red)}.card-menu-btn{background:transparent;border:none;color:#fff9;cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.card-menu-btn:hover{background:#ffffff1a;color:var(--hdr-fg)}.card-id{font-size:.75rem;color:#fff9;margin:0;font-family:monospace}.card-client{font-size:.875rem;color:var(--hdr-fg);margin:0;font-weight:500}.card-date{font-size:.75rem;color:#fff9;margin:0}.card-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.card-tag{font-size:.75rem;padding:.25rem .5rem;background:#ffffff1a;color:#fffc;border-radius:.25rem;font-weight:400;border:1px solid rgba(255,255,255,.15)}@media(max-width:1200px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.card-grid-container{padding:1rem}}@media(max-width:600px){.card-grid{grid-template-columns:1fr}}.project-menu-backdrop{position:fixed;inset:0;z-index:1099}.project-menu-dropdown{background:var(--hdr-bg);border:1px solid var(--hdr-border);border-radius:.375rem;box-shadow:0 4px 12px #0000004d;backdrop-filter:saturate(120%) blur(8px);width:160px;z-index:1100;overflow:hidden}.project-menu-option{width:100%;background:transparent;border:none;color:var(--hdr-fg);padding:.75rem 1rem;text-align:left;cursor:pointer;font-size:.875rem;transition:background .15s ease;border-bottom:1px solid var(--hdr-border);display:flex;align-items:center;gap:.75rem}.project-menu-option:last-child{border-bottom:none}.project-menu-option:hover{background:#ffffff1a}.project-menu-option.delete:hover{background:#ee2f2726;color:var(--hwc-red)}.project-menu-option svg{width:14px;height:14px}.project-menu-option:disabled{opacity:.6;cursor:not-allowed}.project-menu-option .spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--hdr-fg);border-radius:50%;animation:spin .6s linear infinite}.modal-backdrop{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.modal-container{background:var(--hdr-bg);border:1px solid var(--hdr-border);border-radius:.75rem;box-shadow:0 20px 60px #00000080;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--hdr-border)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--hdr-fg)}.modal-close-btn{background:transparent;border:none;color:#fff9;cursor:pointer;padding:.5rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff1a;color:var(--hdr-fg)}.modal-close-btn svg{width:20px;height:20px}.modal-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.modal-body{padding:2rem;overflow-y:auto;flex:1}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--hdr-fg)}.required{color:var(--hwc-red);margin-left:.25rem}.form-help-text{display:block;margin-bottom:.75rem;font-size:.8125rem;color:#fff9;line-height:1.4}.form-input,.form-textarea{width:100%;background:#ffffff0d;border:1px solid var(--hdr-border);border-radius:.375rem;padding:.75rem;color:var(--hdr-fg);font-size:.875rem;font-family:inherit;transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;background:#ffffff14;border-color:var(--accent)}.form-input:disabled{opacity:.5;cursor:not-allowed;background:#ffffff05}.form-input::placeholder,.form-textarea::placeholder{color:#fff6}.form-textarea{resize:vertical;min-height:100px}.tags-input-container{display:flex;gap:.5rem}.add-tag-btn{background:var(--accent);border:none;color:#fff;padding:.75rem 1rem;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.add-tag-btn:hover{background:#d42820}.add-tag-btn svg{width:14px;height:14px}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tag-item{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid var(--hdr-border);padding:.375rem .75rem;border-radius:.25rem;font-size:.875rem;color:var(--hdr-fg)}.remove-tag-btn{background:transparent;border:none;color:#fff9;cursor:pointer;padding:0;display:flex;align-items:center;transition:color .2s ease}.remove-tag-btn:hover{color:var(--hwc-red)}.remove-tag-btn svg{width:12px;height:12px}.crs-input-container{position:relative}.crs-dropdown{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:var(--hdr-bg);border:1px solid var(--hdr-border);border-radius:.375rem;box-shadow:0 8px 24px #0006;max-height:300px;overflow-y:auto;z-index:100}.crs-option{width:100%;background:transparent;border:none;border-bottom:1px solid var(--hdr-border);padding:.75rem 1rem;text-align:left;cursor:pointer;transition:background .15s ease}.crs-option:last-child{border-bottom:none}.crs-option:hover{background:#ffffff14}.crs-name{color:var(--hdr-fg);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.crs-id{color:#ffffff80;font-size:.75rem}.crs-selected{margin-top:.5rem;padding:.5rem .75rem;background:#ee2f271a;border:1px solid rgba(238,47,39,.3);border-radius:.25rem;font-size:.8125rem;color:#fffc}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--hdr-border)}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#d42820}.btn-secondary{background:transparent;color:var(--hdr-fg);border:1px solid var(--hdr-border)}.btn-secondary:hover{background:#ffffff14}.error-banner{background:#dc262626;border:1px solid rgba(220,38,38,.4);border-radius:.375rem;padding:.875rem 1rem;margin-bottom:1.5rem;color:#fca5a5;font-size:.875rem;line-height:1.5}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-primary .spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.upload-area{border:2px dashed var(--hdr-border);border-radius:.5rem;padding:2rem;text-align:center;background:#ffffff05;transition:all .2s ease;cursor:pointer}.upload-area:hover{border-color:var(--accent);background:#ee2f270d}.upload-area.dragging{border-color:var(--accent);background:#ee2f271a;border-style:solid}.upload-icon{width:48px;height:48px;color:#fff6;margin:0 auto 1rem;display:block}.upload-text{color:var(--hdr-fg);font-size:.875rem;margin-bottom:1rem;font-weight:500}.upload-browse-btn{background:transparent;border:1px solid var(--hdr-border);color:var(--hdr-fg);padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.upload-browse-btn:hover{background:#ffffff14;border-color:var(--accent)}.upload-file-info{margin-top:.75rem;font-size:.8125rem;color:#fff9}.upload-info-text{margin-top:.75rem;font-size:.8125rem;color:#ee2f27e6;font-weight:500;text-align:center}.start-upload-btn{margin-top:1rem;background:var(--accent);border:none;color:#fff;padding:.625rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.start-upload-btn:hover{background:#d42820}.upload-progress-container{background:#ffffff0d;border:1px solid var(--hdr-border);border-radius:.5rem;padding:1.5rem}.upload-progress-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--hdr-fg);font-size:.875rem}.spinner-icon{width:20px;height:20px;animation:spin 1s linear infinite}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:var(--accent);transition:width .3s ease;border-radius:4px}.upload-progress-footer{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:#ffffffb3}.cancel-upload-btn{background:transparent;border:1px solid var(--hdr-border);color:var(--hdr-fg);padding:.375rem .875rem;border-radius:.25rem;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.cancel-upload-btn:hover{background:#dc262633;border-color:#dc262680;color:#fca5a5}.processing-status{display:flex;align-items:center;gap:1rem;background:#ee2f271a;border:1px solid rgba(238,47,39,.3);border-radius:.5rem;padding:1.5rem}.processing-info{flex:1}.processing-text{color:var(--hdr-fg);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.processing-percent{color:var(--accent);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.processing-step{color:#fff9;font-size:.8125rem}.upload-error{background:#dc262626;border:1px solid rgba(220,38,38,.4);border-radius:.5rem;padding:1rem;text-align:center}.upload-error p{color:#fca5a5;font-size:.875rem;margin-bottom:.75rem}.retry-upload-btn{background:transparent;border:1px solid rgba(220,38,38,.5);color:#fca5a5;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.retry-upload-btn:hover{background:#dc262633;border-color:#fca5a5}.active-jobs-list{display:flex;flex-direction:column;gap:.75rem}.job-item{display:flex;align-items:center;gap:1rem;background:#ffffff0d;border:1px solid var(--hdr-border);border-radius:.5rem;padding:1rem;transition:all .2s ease}.job-item.job-processing,.job-item.job-pending{border-color:#ee2f274d;background:#ee2f270d}.job-item.job-failed{border-color:#dc262666;background:#dc26261a}.job-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.job-icon svg{width:24px;height:24px}.job-item.job-processing .job-icon svg,.job-item.job-pending .job-icon svg{color:var(--accent)}.job-item.job-failed .job-icon svg{color:#fca5a5}.job-info{flex:1}.job-type-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:.25rem;background:#ee2f271a;color:var(--hdr-fg);margin-bottom:.375rem}.job-status-text{color:var(--hdr-fg);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.job-step{color:#fff9;font-size:.8125rem;margin-top:.25rem}.job-error{color:#fca5a5;font-size:.8125rem;margin-top:.25rem}.job-cancel-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:.375rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.job-cancel-btn:hover{background:#dc262633;color:#fca5a5}.job-cancel-btn svg{width:20px;height:20px}@media(max-width:768px){.modal-backdrop{padding:1rem}.modal-container{max-width:100%}.modal-header,.modal-body,.modal-footer{padding:1.25rem}.modal-header h2{font-size:1.25rem}.form-group{margin-bottom:1.25rem}.upload-area{padding:1.5rem}.upload-icon{width:40px;height:40px}}.list-view-container{width:100%;height:100%;overflow:auto;padding:1.5rem;background:#1a1c20}.bulk-actions-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:1rem;padding:1rem;background:#ee2f2726;backdrop-filter:saturate(120%) blur(8px);border:1px solid rgba(238,47,39,.3);border-radius:.5rem;margin-bottom:1rem}.bulk-selection-count{color:var(--hdr-fg);font-weight:500;font-size:.875rem;flex:1}.bulk-delete-btn,.bulk-clear-btn{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.bulk-delete-btn{background:var(--hwc-red);color:#fff}.bulk-delete-btn:hover:not(:disabled){background:#d42820}.bulk-delete-btn:disabled{opacity:.6;cursor:not-allowed}.bulk-clear-btn{background:transparent;color:var(--hdr-fg);border:1px solid var(--hdr-border)}.bulk-clear-btn:hover:not(:disabled){background:#ffffff14}.delete-progress-bar{position:sticky;top:0;z-index:5;padding:1rem;background:#1a1c20f2;backdrop-filter:saturate(120%) blur(8px);border:1px solid var(--hdr-border);border-radius:.5rem;margin-bottom:1rem}.delete-progress-info{color:var(--hdr-fg);font-size:.875rem;margin-bottom:.5rem;font-weight:500}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--hwc-red);transition:width .3s ease;border-radius:4px}.list-table{width:100%;border-collapse:collapse;background:#0000004d;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 8px #0000004d;border:1px solid var(--hdr-border)}.list-table thead{background:#0006;position:sticky;top:0;z-index:5;backdrop-filter:saturate(120%) blur(8px)}.list-table th{padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--hdr-fg);border-bottom:1px solid var(--hdr-border)}.table-header-checkbox{width:50px;text-align:center}.table-header-actions{width:60px;text-align:center}.table-row{transition:background-color .15s ease;cursor:pointer}.table-row:hover{background-color:#ffffff14}.table-row:not(:last-child) td{border-bottom:1px solid var(--hdr-border)}.list-table td{padding:1rem;font-size:.875rem;color:var(--hdr-fg)}.table-cell-checkbox{width:50px;text-align:center}.table-cell-checkbox input[type=checkbox],.table-header-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--hwc-red)}.table-cell-id{font-family:monospace;font-size:.8125rem;color:#fff9;white-space:nowrap}.table-cell-name{font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hdr-fg)}.table-cell-client{color:var(--hdr-fg)}.table-cell-tags{max-width:250px}.table-tags{display:flex;flex-wrap:wrap;gap:.375rem}.table-tag{font-size:.75rem;padding:.25rem .5rem;background:#ffffff1a;color:#fffc;border-radius:.25rem;font-weight:400;white-space:nowrap;border:1px solid rgba(255,255,255,.15)}.table-empty{color:#fff6}.table-cell-date{color:#fff9;white-space:nowrap}.table-cell-status{min-width:150px;white-space:nowrap}.table-cell-actions{width:80px;text-align:center;padding:.5rem!important}.table-actions-group{display:flex;align-items:center;justify-content:center;gap:.25rem}.table-view-btn{background:transparent;border:none;color:#fff9;cursor:pointer;padding:.5rem;border-radius:.25rem;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:32px;min-height:32px;text-decoration:none;font-size:1.125rem}.table-view-btn:hover{background:#ffffff26;color:var(--hwc-red)}.table-menu-btn{background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:.5rem;border-radius:.25rem;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:32px;min-height:32px}.table-menu-btn:hover{background:#ffffff26;color:var(--hdr-fg)}.table-menu-btn svg{width:18px;height:18px}.empty-state{text-align:center;padding:3rem;color:#fff9}@media(max-width:1024px){.list-view-container{padding:1rem}.list-table th,.list-table td{padding:.75rem .5rem;font-size:.8125rem}.table-cell-name{max-width:200px}.table-cell-tags{max-width:150px}}@media(max-width:768px){.table-cell-id,.table-header:nth-child(2){display:none}.table-cell-client,.table-header:nth-child(4){display:none}.table-cell-tags,.table-header:nth-child(5){display:none}.table-cell-status,.table-header:nth-child(7){display:none}.table-cell-name{max-width:none}}.hwc-search-wrapper{position:relative;z-index:1600}.hwc-search{position:relative;display:flex;align-items:center}.hwc-search__icon{position:absolute;left:.75rem;width:16px;height:16px;color:#fff9;pointer-events:none}.hwc-search__input{background:#ffffff1a;border:1px solid var(--hdr-border, rgba(255, 255, 255, .08));border-radius:.375rem;padding:.5rem 2.75rem .5rem 2.5rem;color:var(--hdr-fg, #F5F7FA);font-size:.875rem;width:200px;transition:all .2s ease}.hwc-search__input::placeholder{color:#fff6}.hwc-search__input:focus{outline:none;background:#ffffff26;border-color:var(--accent, #EE2F27);width:250px}.hwc-search__filter-btn{position:absolute;right:.5rem;background:transparent;border:none;color:#fff9;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease}.hwc-search__filter-btn:hover{background:#ffffff1a;color:var(--hdr-fg, #F5F7FA)}.hwc-search__filter-btn.active{color:var(--accent, #EE2F27)}.hwc-search__filter-btn svg{width:16px;height:16px}.hwc-search__filter-badge{position:absolute;top:2px;right:2px;width:6px;height:6px;background:var(--accent, #EE2F27);border-radius:50%;border:1px solid var(--hdr-bg, rgba(26, 28, 32, .85))}.hwc-search__filter-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--hdr-bg, rgba(26, 28, 32, .85));border:1px solid var(--hdr-border, rgba(255, 255, 255, .08));border-radius:.5rem;box-shadow:0 4px 12px #0000004d;backdrop-filter:saturate(120%) blur(8px);min-width:280px;z-index:1600;overflow:hidden}@media(max-width:768px){.hwc-search__input{width:140px}.hwc-search__input:focus{width:180px}}.hwc-sort{position:relative;z-index:1100}.hwc-sort__button{background:#ffffff1a;border:1px solid var(--hdr-border, rgba(255, 255, 255, .08));color:var(--hdr-fg, #F5F7FA);padding:.5rem .75rem;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;transition:all .2s ease;white-space:nowrap}.hwc-sort__button:hover{background:#ffffff26;border-color:var(--accent, #EE2F27)}.hwc-sort__button svg{width:14px;height:14px}.hwc-sort__backdrop{position:fixed;inset:0;z-index:1099}.hwc-sort__dropdown{background:var(--hdr-bg, rgba(26, 28, 32, .85));border:1px solid var(--hdr-border, rgba(255, 255, 255, .08));border-radius:.375rem;box-shadow:0 4px 12px #0000004d;backdrop-filter:saturate(120%) blur(8px);width:180px;z-index:1100;overflow:hidden}.hwc-sort__option{width:100%;background:transparent;border:none;color:var(--hdr-fg, #F5F7FA);padding:.75rem 1rem;text-align:left;cursor:pointer;font-size:.875rem;transition:background .15s ease;border-bottom:1px solid var(--hdr-border, rgba(255, 255, 255, .08))}.hwc-sort__option:last-child{border-bottom:none}.hwc-sort__option:hover{background:#ffffff1a}.hwc-sort__option.active{background:var(--accent, #EE2F27);color:#fff}@media(max-width:768px){.hwc-sort__button{padding:.5rem}.hwc-sort__button span{display:none}}.hwc-view-toggle{display:flex;align-items:center;gap:8px}.hwc-view-toggle__btn{background:transparent;border:1px solid var(--hdr-border, rgba(255, 255, 255, .08));color:var(--hdr-fg, #F5F7FA);padding:8px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.hwc-view-toggle__btn:hover{background:#ffffff1a;border-color:var(--accent, #EE2F27)}.hwc-view-toggle__btn.active{background:var(--accent, #EE2F27);border-color:var(--accent, #EE2F27)}.hwc-view-toggle__btn svg{width:18px;height:18px}@media(max-width:768px){.hwc-view-toggle{gap:6px}.hwc-view-toggle__btn{padding:6px 10px}.hwc-view-toggle__btn svg{width:16px;height:16px}.hwc-view-toggle__btn.hide-mobile{display:none}}.project-filter__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--hdr-border, rgba(255, 255, 255, .08));background:#0003}.project-filter__header span{font-size:.875rem;font-weight:600;color:var(--hdr-fg, #F5F7FA)}.project-filter__clear-btn{background:transparent;border:none;color:var(--accent, #EE2F27);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s ease}.project-filter__clear-btn:hover{background:#ee2f271a}.project-filter__section{padding:1rem;border-bottom:1px solid var(--hdr-border, rgba(255, 255, 255, .08))}.project-filter__section:last-of-type{border-bottom:none}.project-filter__section label{display:block;font-size:.75rem;font-weight:500;color:#fffc;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.project-filter__input{width:100%;background:#ffffff1a;border:1px solid var(--hdr-border, rgba(255, 255, 255, .08));border-radius:.25rem;padding:.5rem;color:var(--hdr-fg, #F5F7FA);font-size:.875rem;transition:all .2s ease}.project-filter__input::placeholder{color:#fff6}.project-filter__input:focus{outline:none;background:#ffffff26;border-color:var(--accent, #EE2F27)}.project-filter__tag-input{display:flex;gap:.5rem}.project-filter__add-btn{background:var(--accent, #EE2F27);border:none;color:#fff;padding:.5rem .75rem;border-radius:.25rem;cursor:pointer;font-size:.75rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.project-filter__add-btn:hover:not(:disabled){background:#d42820}.project-filter__add-btn:disabled{opacity:.5;cursor:not-allowed}.project-filter__tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.project-filter__tag-item{display:flex;align-items:center;gap:.25rem;background:#ee2f2733;border:1px solid rgba(238,47,39,.3);color:var(--hdr-fg, #F5F7FA);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.project-filter__tag-remove{background:transparent;border:none;color:#fff9;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.project-filter__tag-remove:hover{color:var(--hdr-fg, #F5F7FA)}.project-filter__tag-remove svg{width:10px;height:10px}.project-filter__actions{padding:1rem;border-top:1px solid var(--hdr-border, rgba(255, 255, 255, .08));background:#0003}.project-filter__apply-btn{width:100%;background:var(--accent, #EE2F27);border:none;color:#fff;padding:.5rem;border-radius:.25rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.project-filter__apply-btn:hover{background:#d42820}.dashboard-actions__create-btn{background:var(--accent, #EE2F27);border:none;color:#fff;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.dashboard-actions__create-btn:hover{background:#d42820}.dashboard-actions__create-btn svg{width:14px;height:14px}@media(max-width:768px){.dashboard-actions__create-btn span{display:none}.dashboard-actions__create-btn{padding:.5rem;min-width:36px}}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:3rem 2rem;text-align:center;color:var(--hdr-fg);background:#1a1c20}.empty-state-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ee2f271a;border:2px solid rgba(238,47,39,.3);border-radius:50%;margin-bottom:1.5rem}.empty-state-icon svg{width:36px;height:36px;color:var(--accent)}.empty-state-title{font-size:1.75rem;font-weight:600;margin:0 0 .75rem;color:var(--hdr-fg)}.empty-state-description{font-size:1rem;line-height:1.6;color:#ffffffb3;max-width:500px;margin:0 0 2rem}.empty-state-cta{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;background:var(--accent);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ee2f274d}.empty-state-cta:hover{background:#d42820;transform:translateY(-2px);box-shadow:0 6px 16px #ee2f2766}.empty-state-cta:active{transform:translateY(0)}.empty-state-cta svg{width:18px;height:18px}@media(max-width:768px){.empty-state-container{padding:2rem 1.5rem}.empty-state-icon{width:64px;height:64px}.empty-state-icon svg{width:28px;height:28px}.empty-state-title{font-size:1.5rem}.empty-state-description{font-size:.9375rem}.empty-state-cta{padding:.75rem 1.5rem;font-size:.9375rem}}.map-list-panel{position:absolute;top:1rem;left:1rem;width:min(320px,calc(100vw - 2rem));max-height:calc(100vh - var(--header-h) - 4rem);background:var(--hdr-bg);border:1px solid var(--hdr-border);border-radius:.5rem;box-shadow:0 4px 12px #0000004d;backdrop-filter:saturate(120%) blur(8px);display:flex;flex-direction:column;z-index:500;overflow:hidden}.map-list-header{padding:1rem;border-bottom:2px solid var(--hdr-border);background:#0000004d;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;cursor:pointer;transition:background .2s ease}.map-list-header:hover{background:#0006}.map-list-header-content{display:flex;align-items:center;gap:.75rem}.map-list-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--hdr-fg);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.map-list-count{font-size:.75rem;color:var(--hdr-fg);background:var(--hwc-red);padding:.25rem .5rem;border-radius:.25rem;font-weight:600}.map-list-toggle{background:transparent;border:none;color:var(--hdr-fg);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.map-list-toggle svg{width:14px;height:14px}.map-list-panel.collapsed{max-height:auto}.map-list-panel.collapsed .map-list-header{border-bottom:none}.map-list-scroll{overflow-y:auto;flex:1;min-height:0}.map-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--hdr-border);transition:all .15s ease;cursor:pointer}.map-list-item:hover{background:#ffffff14}.map-list-item.highlighted{background:#ee2f2726;border-left:3px solid var(--hwc-red)}.map-list-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--hwc-red);flex-shrink:0}.map-list-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.map-list-header-row{display:flex;align-items:center;gap:.5rem;min-width:0}.map-list-name{font-size:.875rem;font-weight:500;color:var(--hdr-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.map-list-status{flex-shrink:0}.map-list-date{font-size:.75rem;color:#fff9}.map-list-nav-btn,.map-list-menu-btn{background:transparent;border:none;color:#fff9;cursor:pointer;padding:.375rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;text-decoration:none}.map-list-nav-btn:hover{background:#ffffff1a;color:var(--hwc-red)}.map-list-menu-btn:hover{background:#ffffff1a;color:var(--hdr-fg)}.map-list-nav-btn svg,.map-list-menu-btn svg{width:16px;height:16px}.map-bulk-actions{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ee2f2726;border-bottom:1px solid rgba(238,47,39,.3);flex-shrink:0}.map-bulk-count{font-size:.875rem;color:var(--hdr-fg);font-weight:500;flex:1}.map-bulk-btn{padding:.375rem .75rem;border-radius:.25rem;border:1px solid transparent;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.map-bulk-delete{background:#ef444433;color:#fca5a5;border-color:#ef44444d}.map-bulk-delete:hover{background:#ef44444d;border-color:#ef444480}.map-bulk-select-all{background:#ffffff1a;color:var(--hdr-fg);border-color:var(--hdr-border)}.map-bulk-select-all:hover{background:#ffffff26;border-color:#ffffff4d}@media(max-width:768px){.map-list-panel{width:calc(100vw - 2rem);max-height:40vh}.map-bulk-actions{flex-wrap:wrap}.map-bulk-count{flex-basis:100%}}.toast-container{position:fixed;top:calc(var(--header-h) + 1rem);right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;min-width:300px;max-width:500px;padding:1rem 1.25rem;background:var(--hdr-bg);border:1px solid var(--hdr-border);border-radius:.5rem;box-shadow:0 4px 12px #0000004d;backdrop-filter:saturate(120%) blur(8px);pointer-events:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.toast-icon svg{width:20px;height:20px}.toast-message{flex:1;color:var(--hdr-fg);font-size:.875rem;line-height:1.5}.toast-close{flex-shrink:0;background:transparent;border:none;color:#fff9;cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toast-close:hover{background:#ffffff1a;color:var(--hdr-fg)}.toast-close svg{width:18px;height:18px}.toast-success{border-left:4px solid #22c55e}.toast-success .toast-icon{color:#22c55e}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}@media(max-width:768px){.toast-container{top:calc(var(--header-h) + .5rem);right:.5rem;left:.5rem}.toast{min-width:auto;max-width:none}}
