*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#f5f5f5;color:#333;min-height:100vh}.hidden{display:none!important}.screen{min-height:100vh}#login-screen{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container{background:#fff;padding:48px;border-radius:16px;text-align:center;box-shadow:0 10px 40px #0003}.login-container h1{font-size:32px;margin-bottom:16px;color:#333}.login-container p{color:#666;margin-bottom:24px}.error{color:#dc3545;margin-top:16px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-small{padding:8px 16px;font-size:12px}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a6fd6}.btn-secondary{background:#e9ecef;color:#495057}.btn-secondary:hover{background:#dee2e6}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}#main-screen{display:flex;min-height:100vh}#sidebar{width:260px;background:linear-gradient(180deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h1{font-size:24px;font-weight:700;margin-bottom:4px}.sidebar-header .subtitle{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:1px}#nav-menu{flex:1;padding:16px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:12px 24px;color:#ffffffb3;text-decoration:none;transition:all .2s;gap:12px;position:relative}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#667eea4d;color:#fff;border-left:3px solid #667eea}.nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-item.disabled:hover{background:transparent;color:#ffffffb3}.nav-icon{font-size:18px;width:24px;text-align:center}.nav-label{font-size:14px;font-weight:500}.nav-badge{font-size:10px;background:#fff3;padding:2px 8px;border-radius:10px;margin-left:auto}.sidebar-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}.sidebar-footer #user-email{font-size:12px;color:#fff9;word-break:break-all}#main-content{flex:1;margin-left:260px;min-height:100vh;background:#f5f5f5}#module-content{padding:24px;max-width:1400px;margin:0 auto}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.module-header h2{font-size:28px;color:#333}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.stats{display:flex;gap:16px;color:#666;font-size:14px}.filters{display:flex;gap:24px;margin-bottom:24px;padding:16px;background:#fff;border-radius:8px;align-items:center;flex-wrap:wrap;box-shadow:0 1px 3px #0000001a}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-weight:500;color:#666}.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;min-width:180px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.image-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.image-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.image-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.image-card .meta{padding:12px;font-size:12px;color:#666}.image-card .meta .tags{display:flex;flex-wrap:wrap;gap:4px}.image-card .meta .tag{background:#e9ecef;padding:2px 8px;border-radius:4px;font-size:11px}.image-card .meta .tag.dress-code{background:#d4edda;color:#155724}.image-card .meta .tag.effect{background:#cce5ff;color:#004085}.image-card .meta .no-meta{color:#dc3545;font-style:italic}.loading{text-align:center;padding:40px;color:#666}.placeholder{text-align:center;padding:80px 40px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.placeholder h2{font-size:24px;color:#333;margin-bottom:16px}.placeholder p{color:#666}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:32px;border-radius:16px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h2{margin-bottom:24px}.modal-content img{width:100%;max-height:300px;object-fit:contain;border-radius:8px;margin-bottom:24px;background:#f5f5f5}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#666}.form-group select{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions .btn-danger{margin-right:auto}.upload-progress{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px}.upload-progress .progress-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.upload-progress .progress-bar .fill{height:100%;background:#667eea;transition:width .3s}.upload-progress .progress-text{font-size:12px;color:#666}.shapes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.shape-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.shape-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.shape-image-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:16px;display:flex;align-items:center;justify-content:center;min-height:160px}.shape-image-container img{max-width:100%;max-height:140px;object-fit:contain}.shape-meta{padding:12px}.shape-name{font-weight:600;font-size:14px;color:#333;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shape-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.shape-tags .tag{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:500}.shape-tags .tag.level-1{background:#fff3cd;color:#856404}.shape-tags .tag.level-2{background:#cce5ff;color:#004085}.shape-tags .tag.level-3{background:#d4edda;color:#155724}.shape-tags .tag.type{background:#e2e3e5;color:#383d41}.shape-info{font-size:11px;color:#999;display:flex;gap:8px}.shape-seasons{font-size:11px;color:#666;margin-top:4px}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:12px;color:#666}.empty-state .hint{font-size:14px;color:#999;margin-top:8px}.modal-wide{max-width:700px!important}.shape-edit-layout{display:flex;gap:24px;margin-bottom:24px}.shape-preview{flex:0 0 200px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;min-height:250px}.shape-preview img{max-width:100%;max-height:220px;object-fit:contain}.shape-form{flex:1}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-group input[type=text],.form-group input[type=number],.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit}.form-group textarea{resize:vertical}.checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e9ecef;padding-top:16px;margin-top:16px}.modal-actions>div{display:flex;gap:12px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-add-bottom{background:#fff3cd;color:#856404;border:1px solid #ffc107}.btn-add-bottom:hover{background:#ffe69c}.btn-add-top{background:#cce5ff;color:#004085;border:1px solid #007bff}.btn-add-top:hover{background:#9fcdff}.btn-add-shoes{background:#d4edda;color:#155724;border:1px solid #28a745}.btn-add-shoes:hover{background:#b1dfbb}.modal-picker{max-width:900px!important;max-height:85vh;display:flex;flex-direction:column}.picker-hint{color:#666;margin-bottom:16px;font-size:14px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;overflow-y:auto;max-height:60vh;padding:4px}.picker-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;padding:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;position:relative;border:2px solid transparent}.picker-item:hover:not(.used){border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.picker-item.used{opacity:.5;cursor:not-allowed}.picker-item img{max-width:100%;max-height:80px;object-fit:contain}.picker-id{margin-top:8px;font-size:12px;font-weight:600;color:#333}.picker-badge{position:absolute;top:4px;right:4px;background:#dc3545;color:#fff;font-size:9px;padding:2px 6px;border-radius:4px;font-weight:600}.no-images{grid-column:1 / -1;text-align:center;color:#999;padding:40px}.preview-id{margin-top:12px;font-size:14px;font-weight:600;color:#333;text-align:center}.shapes-table{width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border-collapse:collapse;overflow:hidden;table-layout:auto}.shapes-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.shapes-table th{padding:12px 8px;text-align:left;font-weight:600;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef}.shapes-table td{padding:8px;vertical-align:middle;border-bottom:1px solid #f0f0f0}.shapes-table tbody tr:hover{background:#f8f9fa}.shapes-table tbody tr:last-child td{border-bottom:none}.shapes-table .col-image{width:60px;text-align:center}.shapes-table .col-image img{width:50px;height:50px;object-fit:contain;border-radius:4px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);cursor:pointer;transition:transform .2s}.image-preview-popup{position:fixed;z-index:9999;pointer-events:none;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:8px;max-width:300px;max-height:400px}.image-preview-popup img{max-width:100%;max-height:380px;object-fit:contain;display:block;border-radius:8px}.shapes-table .col-id{width:50px;text-align:center;font-weight:600;color:#999}.shapes-table .col-level{width:80px}.shapes-table .col-file{width:70px;text-align:center;font-family:monospace;font-size:13px}.shapes-table .col-type{min-width:200px}.shapes-table .col-type select{width:100%;min-width:180px}.shapes-table .col-name{min-width:200px}.shapes-table .col-season{width:140px}.shapes-table .col-outfit{min-width:200px}.shapes-table .col-outfit select{width:100%;min-width:120px}.shapes-table .col-prompt{min-width:200px}.shapes-table .col-prompt input{font-weight:600}.shapes-table .col-actions{width:80px;text-align:center}.inline-edit{padding:6px 8px;border:1px solid transparent;border-radius:4px;font-size:13px;background:transparent;transition:all .2s;width:100%}.inline-edit:hover{border-color:#ddd;background:#fff}.inline-edit:focus{border-color:#667eea;background:#fff;outline:none;box-shadow:0 0 0 2px #667eea33}.inline-edit.missing-value{border-color:#dc3545;background-color:#fff5f5}.inline-edit.missing-value:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.inline-number{width:60px;text-align:center}.season-checkboxes{display:flex;gap:4px}.season-cb{display:flex;align-items:center;gap:2px;font-size:11px;color:#666;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .2s}.season-cb:hover{background:#e9ecef}.season-cb input[type=checkbox]{width:14px;height:14px;cursor:pointer}.outfit-set-checkboxes{display:flex;flex-direction:column;gap:2px}.outfit-set-cb{display:flex;align-items:center;gap:4px;font-size:11px;color:#666;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .2s;white-space:nowrap}.outfit-set-cb:hover{background:#e9ecef}.outfit-set-cb input[type=checkbox]{width:14px;height:14px;cursor:pointer}.btn-icon{background:none;border:none;cursor:pointer;font-size:16px;padding:4px 6px;border-radius:4px;transition:background .2s}.btn-icon:hover{background:#e9ecef}.btn-icon.btn-delete:hover{background:#ffebee}.upload-section{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:2px dashed #ddd}.upload-section.drag-over{border-color:#667eea;background:#f0f4ff}.upload-input-row{display:flex;gap:12px;align-items:center;margin-bottom:12px}.upload-input-row label{font-weight:500;font-size:13px;color:#666;white-space:nowrap}.upload-input-row input[type=number]{width:80px;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px}.upload-file-input{flex:1}.upload-file-input input[type=file]{width:100%}.upload-btn-row{display:flex;justify-content:flex-end;gap:8px}.upload-status{margin-top:12px;padding:8px 12px;border-radius:6px;font-size:13px}.upload-status.success{background:#d4edda;color:#155724}.upload-status.error{background:#f8d7da;color:#721c24}.shape-groups-layout{display:flex;gap:24px;min-height:calc(100vh - 200px)}.toggle-switch{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#666;-webkit-user-select:none;user-select:none}.toggle-switch input[type=checkbox]{width:16px;height:16px;cursor:pointer}.toggle-label{white-space:nowrap}.shapes-panel{width:280px;flex-shrink:0;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;max-height:calc(100vh - 180px);position:sticky;top:24px}.shapes-panel-header{padding:16px;border-bottom:1px solid #e9ecef}.shapes-panel-header h3{margin-bottom:12px;font-size:16px;color:#333}.shapes-panel-filters{display:flex;flex-direction:column;gap:8px}.shapes-panel-filters select{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:13px}.shapes-panel-list{flex:1;overflow-y:auto;padding:12px}.no-shapes{color:#999;text-align:center;padding:20px;font-size:13px}.shape-drag-item{display:flex;align-items:center;gap:10px;padding:8px;margin-bottom:8px;background:#f8f9fa;border-radius:8px;cursor:grab;transition:all .2s;border:2px solid transparent}.shape-drag-item:hover{background:#e9ecef;border-color:#667eea}.shape-drag-item.dragging{opacity:.5;cursor:grabbing}.shape-drag-item img{width:60px;height:60px;object-fit:contain;border-radius:4px;background:#fff;cursor:pointer}.shape-drag-info{flex:1;min-width:0}.shape-drag-name{display:block;font-size:13px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shape-drag-type{display:block;font-size:11px;color:#999}.groups-panel{flex:1;min-width:0}.groups-panel .toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.groups-panel .filter-group{display:flex;align-items:center;gap:16px}.groups-panel .filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;min-width:120px}.groups-container{display:flex;flex-direction:column;gap:12px}.group-row{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.group-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;transition:background .2s}.group-header:hover{background:#f8f9fa}.group-info{display:flex;align-items:center;gap:12px}.group-expand-icon{font-size:12px;color:#999;width:16px}.group-name{font-weight:600;font-size:15px;color:#333}.group-note{font-size:13px;color:#666;font-style:italic;font-weight:600;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-count{font-size:13px;color:#999}.group-actions{display:flex;gap:4px}.group-shapes-area{padding:16px;background:#f8f9fa;border-top:1px solid #e9ecef;min-height:80px;transition:all .2s}.group-shapes-area.drag-over{background:#e8f0fe;border-color:#667eea}.group-shapes-list{display:flex;flex-wrap:wrap;gap:12px}.drop-hint{color:#999;font-size:13px;font-style:italic;width:100%;text-align:center;padding:20px}.group-shape-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.group-shape-item img{width:54px;height:54px;object-fit:contain;border-radius:4px;cursor:pointer}.group-shape-name{font-size:13px;color:#333}.btn-remove{background:none;border:none;color:#dc3545;font-size:18px;cursor:pointer;padding:0 4px;line-height:1;opacity:.6;transition:opacity .2s}.btn-remove:hover{opacity:1}.outfits-layout{display:flex;gap:24px;min-height:calc(100vh - 200px)}.groups-drag-panel{width:320px;flex-shrink:0;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;max-height:calc(100vh - 180px);position:sticky;top:24px}.groups-drag-panel-header{padding:16px;border-bottom:1px solid #e9ecef}.groups-drag-panel-header h3{margin-bottom:12px;font-size:16px;color:#333}.groups-drag-panel-filters select{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:13px}.groups-drag-panel-list{flex:1;overflow-y:auto;padding:12px}.no-groups{color:#999;text-align:center;padding:20px;font-size:13px}.group-drag-item{padding:12px;margin-bottom:12px;background:#f8f9fa;border-radius:8px;cursor:grab;transition:all .2s;border:2px solid transparent}.group-drag-item:hover{background:#e9ecef;border-color:#667eea}.group-drag-item.dragging{opacity:.5;cursor:grabbing}.group-drag-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.group-drag-name{font-weight:500;font-size:14px;color:#333}.group-drag-count{font-size:12px;color:#999}.group-drag-shapes{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.group-drag-shape-img{width:36px;height:36px;object-fit:contain;border-radius:4px;background:#fff}.group-drag-more{font-size:11px;color:#666;padding:4px 8px;background:#e9ecef;border-radius:4px}.outfits-panel{flex:1;min-width:0}.outfits-panel .toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.outfits-container{display:flex;flex-direction:column;gap:12px}.outfit-row{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.outfit-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;transition:background .2s;gap:16px}.outfit-header:hover{background:#f8f9fa}.outfit-info{display:flex;align-items:center;gap:12px;flex:1}.outfit-expand-icon{font-size:12px;color:#999;width:16px}.outfit-id{font-weight:600;font-size:14px;color:#666}.outfit-groups-summary{display:flex;gap:8px}.outfit-group-tag{font-size:12px;padding:4px 8px;border-radius:4px;white-space:nowrap}.outfit-group-tag.has-group{background:#e8f5e9;color:#2e7d32}.outfit-group-tag.no-group{background:#ffebee;color:#c62828}.outfit-meta{display:flex;gap:12px;font-size:12px;color:#666}.outfit-dress-code,.outfit-season{padding:4px 8px;background:#f0f0f0;border-radius:4px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outfit-actions{display:flex;gap:4px}.outfit-groups-area{display:flex;gap:16px;padding:16px;background:#f8f9fa;border-top:1px solid #e9ecef}.outfit-group-slot{flex:1;background:#fff;border-radius:8px;border:2px dashed #ddd;padding:12px;min-height:120px;transition:all .2s}.outfit-group-slot.drag-over{border-color:#667eea;background:#f0f4ff}.outfit-group-slot.level-1{border-color:#e57373}.outfit-group-slot.level-2{border-color:#64b5f6}.outfit-group-slot.level-3{border-color:#81c784}.outfit-group-slot-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.outfit-group-slot-name{font-weight:500;font-size:13px;color:#333;flex:1}.outfit-group-slot-empty{font-size:12px;color:#999;font-style:italic}.btn-remove-small{background:none;border:none;color:#dc3545;font-size:16px;cursor:pointer;padding:0 4px;line-height:1;opacity:.6}.btn-remove-small:hover{opacity:1}.outfit-group-shapes-list{display:flex;flex-wrap:wrap;gap:8px}.outfit-group-shape-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;background:#f8f9fa;border-radius:6px}.outfit-group-shape-img{width:48px;height:48px;object-fit:contain;border-radius:4px;cursor:pointer}.outfit-group-shape-name{font-size:10px;color:#666;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.modal-preview{max-width:90vw;max-height:90vh;width:1200px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.preview-count{font-size:14px;color:#666;background:#f0f0f0;padding:4px 12px;border-radius:12px}.preview-info{font-size:13px;color:#666;margin-bottom:16px}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;max-height:60vh;overflow-y:auto;padding:8px}.preview-combination{background:#f8f9fa;border-radius:12px;padding:12px;text-align:center}.preview-combination-number{font-size:11px;color:#999;margin-bottom:8px}.preview-combination-items{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.preview-item{width:100%;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px}.preview-item.empty{background:#e9ecef;color:#999}.preview-item img{max-width:100%;max-height:56px;object-fit:contain}.preview-combination-names{display:flex;flex-direction:column;gap:2px;font-size:10px;color:#666}.preview-combination-names span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-group{display:flex;flex-wrap:wrap;gap:8px}.checkbox-label{display:flex;align-items:center;gap:4px;font-size:13px;cursor:pointer;padding:4px 8px;background:#f8f9fa;border-radius:4px;transition:background .2s}.checkbox-label:hover{background:#e9ecef}.checkbox-label input[type=checkbox]{width:14px;height:14px;cursor:pointer}.outfit-sets-container{display:flex;flex-direction:column;gap:16px}.sets-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.set-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.set-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.set-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef}.set-info{display:flex;flex-direction:column;gap:4px}.set-id{font-size:12px;color:#999;font-weight:600}.set-name{font-size:18px;font-weight:600;color:#333}.set-description{font-size:13px;color:#666;font-style:italic;font-weight:600}.set-actions{display:flex;gap:4px}.set-stats{display:flex;gap:16px;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.set-stat{display:flex;gap:4px;font-size:13px}.stat-label{color:#666}.stat-value{font-weight:600;color:#333}.set-shapes-preview{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px;min-height:60px;align-items:center}.set-shape-preview-img{width:44px;height:44px;object-fit:contain;border-radius:6px;background:#f0f0f0;cursor:pointer;transition:transform .2s}.set-shape-preview-img:hover{transform:scale(1.1)}.set-shapes-more{font-size:12px;color:#666;padding:4px 8px;background:#e9ecef;border-radius:4px}.sets-list-expandable{display:flex;flex-direction:column;gap:12px}.set-row{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.set-row-header{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;transition:background .2s;gap:16px}.set-row-header:hover{background:#f8f9fa}.set-row-info{display:flex;align-items:center;gap:12px;flex:1}.set-expand-icon{font-size:12px;color:#999;width:16px}.set-stats-inline{display:flex;gap:8px}.stat-badge{font-size:12px;padding:4px 8px;background:#e9ecef;border-radius:4px;color:#666}.stat-badge.level-1{background:#ffebee;color:#c62828}.stat-badge.level-2{background:#e3f2fd;color:#1565c0}.stat-badge.level-3{background:#e8f5e9;color:#2e7d32}.set-shapes-expanded{padding:16px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:16px}.set-level-section{background:#fff;border-radius:8px;padding:12px;border-left:4px solid #ddd}.set-level-section.level-1{border-left-color:#e57373}.set-level-section.level-2{border-left-color:#64b5f6}.set-level-section.level-3{border-left-color:#81c784}.set-level-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.set-level-count{font-size:13px;color:#999}.set-level-empty{font-size:13px;color:#999;font-style:italic;padding:8px 0}.set-level-shapes{display:flex;flex-wrap:wrap;gap:12px}.set-shape-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#f8f9fa;border-radius:8px;transition:transform .2s}.set-shape-item:hover{transform:translateY(-2px)}.set-shape-img{width:60px;height:60px;object-fit:contain;border-radius:6px;background:#fff;cursor:pointer}.set-shape-name{font-size:11px;color:#666;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}@media (max-width: 768px){#sidebar{width:200px}#main-content{margin-left:200px}.module-header{flex-direction:column;align-items:flex-start;gap:16px}.filters{flex-direction:column;align-items:flex-start}.filter-group{width:100%}.filter-group select{flex:1}}