code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.header{background:#fff;border-bottom:1px solid #e1e8ed;box-shadow:0 2px 4px #00000014;color:#2c3e50;padding:1.5rem 2rem}.header h1{color:#1a202c;font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.header p{color:#718096;font-size:.9rem}.nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.nav-button{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s}.nav-button:hover{background:#edf2f7;border-color:#cbd5e0;color:#2d3748}.nav-button.active{background:#3182ce;border-color:#3182ce;color:#fff}.container{flex:1 1;margin:2rem auto;max-width:1200px;padding:0 2rem;position:relative}.home{text-align:center}.home h2{color:#1a202c;font-size:2rem;font-weight:600;margin-bottom:1rem}.home-description{color:#718096;font-size:1.1rem;margin-bottom:3rem}.features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:2rem;transition:all .2s}.feature-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.feature-icon{color:#3182ce;font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:#2d3748;font-weight:600;margin-bottom:.5rem}.feature-card p{color:#718096;font-size:.9rem;line-height:1.6}.search-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:2rem}.search-container h2{color:#1a202c;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#2d3748;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{background:#fff;border:1px solid #cbd5e0;border-radius:6px;color:#2d3748;font-size:1rem;padding:.8rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.form-group select option{background:#fff;color:#2d3748}.range-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.search-button{background:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .2s;width:100%}.search-button:hover:not(:disabled){background:#2c5aa0}.search-button:disabled{background:#a0aec0;cursor:not-allowed;opacity:.5}.results-header{margin-bottom:1rem}.results-count{color:#718096;font-size:.9rem}.materials-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.material-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0a1428cc,#141e32e6);border:1px solid #0ff3;border-radius:12px;box-shadow:0 4px 20px #0000004d,0 0 15px #00ffff1a;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s}.material-card:after{background:radial-gradient(circle,#7b2ff733 0,#0000 70%);border-radius:50%;content:"";height:100px;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:100px}.material-card:hover{border-color:#00ffff80;box-shadow:0 8px 30px #0006,0 0 30px #00ffff4d;transform:translateY(-5px)}.material-card h3{color:#0ff;font-size:1.3rem;margin-bottom:.5rem;position:relative;text-shadow:0 0 15px #00ffff80;z-index:1}.material-formula{color:#7b2ff7;font-style:italic;margin-bottom:1rem;position:relative;text-shadow:0 0 10px #7b2ff780;z-index:1}.material-info{grid-gap:.5rem;display:grid;font-size:.9rem;gap:.5rem;position:relative;z-index:1}.info-row{border-bottom:1px solid #00ffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.info-label{color:#a0b0c0;font-weight:500}.info-value{color:#fff;text-shadow:0 0 5px #00ffff4d}.badge{border:1px solid;border-radius:20px;box-shadow:0 0 10px;display:inline-block;font-size:.85rem;font-weight:500;padding:.3rem .8rem}.badge.excellent{background:#0f83;border-color:#00ff8880;box-shadow:0 0 10px #00ff884d;color:#0f8}.badge.good{background:#00d4ff33;border-color:#00d4ff80;box-shadow:0 0 10px #00d4ff4d;color:#00d4ff}.badge.fair{background:#ffc80033;border-color:#ffc80080;box-shadow:0 0 10px #ffc8004d;color:#ffc800}.material-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0a1428e6,#141e32f2);border:1px solid #0ff3;border-radius:12px;box-shadow:0 8px 32px #0000004d,0 0 20px #00ffff1a;padding:2rem}.details-header{border-bottom:2px solid #00ffff4d;margin-bottom:2rem;padding-bottom:1rem}.details-header h2{color:#0ff;margin-bottom:.5rem;text-shadow:0 0 20px #00ffff80}.details-section{margin-bottom:2rem}.details-section h3{color:#0ff;font-size:1.3rem;margin-bottom:1rem;text-shadow:0 0 15px #0ff6}.applications-list,.composition-list,.properties-list{grid-gap:.8rem;display:grid;gap:.8rem}.application-item,.composition-item,.property-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border:1px solid #0ff3;border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;padding:1rem}.back-button{background:linear-gradient(135deg,#6c757dcc,#5a6268e6);border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;margin-bottom:1rem;padding:.8rem 1.5rem;transition:all .3s}.back-button:hover{background:linear-gradient(135deg,#5a6268e6,#6c757dcc);border-color:#fff6;box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.statistics{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0a1428e6,#141e32f2);border:1px solid #0ff3;border-radius:12px;box-shadow:0 8px 32px #0000004d,0 0 20px #00ffff1a;padding:2rem}.statistics h2{color:#0ff;margin-bottom:2rem;text-shadow:0 0 20px #00ffff80}.stats-table{border-collapse:collapse;width:100%}.stats-table td,.stats-table th{border-bottom:1px solid #00ffff1a;color:#fff;padding:1rem;text-align:left}.stats-table th{background:#0000004d;color:#0ff;font-weight:600;text-shadow:0 0 10px #00ffff4d}.stats-table tr:hover{background:#00ffff0d}.error,.loading{color:#a0b0c0;padding:3rem;text-align:center}.error{color:#f44;text-shadow:0 0 10px #ff444480}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #00ffff1a;border-radius:50%;border-top-color:#0ff;box-shadow:0 0 20px #00ffff4d;display:inline-block;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-results{color:#a0b0c0;padding:3rem;text-align:center}.no-results-icon{filter:drop-shadow(0 0 10px rgba(0,255,255,.3));font-size:4rem;margin-bottom:1rem}.composition-section{border-top:1px solid #0ff3;margin-top:2rem;padding-top:2rem}.composition-section h3{color:#0ff;font-size:1.2rem;margin-bottom:1rem;text-shadow:0 0 10px #00ffff4d}.composition-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:2fr 1fr auto;margin-bottom:1rem}.composition-row input,.composition-row select{background:#0000004d;border:1px solid #00ffff4d;border-radius:8px;color:#fff;font-size:1rem;padding:.8rem;width:100%}.remove-button{background:#f443;border:1px solid #ff444480;border-radius:8px;color:#f44;cursor:pointer;font-size:1.2rem;line-height:1;padding:.8rem 1rem;transition:all .3s}.remove-button:hover{background:#ff44444d;border-color:#f44;box-shadow:0 0 15px #ff44444d}.add-composition-button{background:#0f83;border:1px solid #00ff8880;border-radius:8px;color:#0f8;cursor:pointer;font-size:.95rem;margin-top:.5rem;padding:.8rem 1.5rem;transition:all .3s}.add-composition-button:hover{background:#00ff884d;border-color:#0f8;box-shadow:0 0 15px #00ff884d}.message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:8px}.message.success{background:#0f83;border-color:#00ff8880;box-shadow:0 0 20px #0f83;color:#0f8}.message.error{background:#f443;border-color:#ff444480;box-shadow:0 0 20px #f443;color:#f44}.database-viewer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0a1428e6,#141e32f2);border:1px solid #0ff3;border-radius:12px;box-shadow:0 8px 32px #0000004d,0 0 20px #00ffff1a;padding:2rem}.viewer-header h2{color:#0ff;margin-bottom:.5rem;text-shadow:0 0 20px #00ffff80}.viewer-description{color:#a0b0c0;margin-bottom:2rem}.table-selector label{color:#0ff;margin-bottom:1rem;text-shadow:0 0 10px #00ffff4d}.table-buttons{gap:.8rem}.table-button{background:#0000004d;border:1px solid #0ff3;border-radius:8px;color:#a0b0c0;padding:.6rem 1.2rem;transition:all .3s}.table-button:hover{background:#00ffff1a;border-color:#0ff6;color:#0ff}.table-button.active{background:linear-gradient(135deg,#0ff3,#7b2ff733);border-color:#0ff;box-shadow:0 0 15px #00ffff4d;color:#0ff}.table-info{margin-bottom:1.5rem}.info-bar{align-items:center;background:#0000004d;border:1px solid #0ff3;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.record-count{color:#a0b0c0}.record-count strong{color:#0ff;text-shadow:0 0 10px #00ffff4d}.export-button{background:#00d4ff33;border:1px solid #00d4ff80;border-radius:8px;color:#00d4ff;cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:all .3s}.export-button:hover:not(:disabled){background:#00d4ff4d;border-color:#00d4ff;box-shadow:0 0 15px #00d4ff4d}.export-button:disabled{cursor:not-allowed;opacity:.4}.table-container{background:#0003;border:1px solid #0ff3}.data-table{font-size:.9rem}.data-table thead{background:#0006;position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th{border-bottom:2px solid #00ffff4d;color:#0ff;text-shadow:0 0 10px #00ffff4d;white-space:nowrap}.data-table td{border-bottom:1px solid #00ffff1a;color:#fff;padding:.8rem 1rem}.data-table tbody tr:hover{background:#00ffff0d}.no-data{color:#a0b0c0}@media (max-width:768px){.container{margin:1rem auto;padding:0 1rem}.header{padding:1rem}.header h1{font-size:1.5rem}.nav{gap:.5rem}.nav-button{font-size:.85rem;padding:.5rem .8rem}.features,.materials-grid,.range-inputs{grid-template-columns:1fr}.stats-table{font-size:.85rem}.stats-table td,.stats-table th{padding:.5rem}.composition-row{grid-template-columns:1fr}.table-buttons{flex-direction:column}.table-button{width:100%}.info-bar{align-items:stretch;flex-direction:column;gap:1rem}.export-button{width:100%}.table-container{font-size:.85rem}.data-table td,.data-table th{padding:.5rem}}.results-display{margin-top:2rem}.results-controls{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.controls-left,.controls-right,.results-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.results-count{font-size:1rem;white-space:nowrap}.results-count strong{color:#2d3748;font-size:1.3rem;font-weight:600}.filtered-count{color:#718096;font-size:.9rem}.filter-input-group{align-items:center;display:flex;position:relative}.text-filter-input{background:#fff;border:1px solid #cbd5e0;border-radius:6px;color:#2d3748;font-size:.95rem;min-width:250px;padding:.7rem 2.5rem .7rem 1rem;transition:all .2s}.text-filter-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.text-filter-input::placeholder{color:#666}.clear-filter-btn{background:#f443;border:none;border-radius:4px;color:#f44;cursor:pointer;font-size:.9rem;padding:.3rem .6rem;position:absolute;right:.5rem;transition:all .3s}.clear-filter-btn:hover{background:#f446}.type-filter-select{background:#00000080;border:1px solid #00ffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;min-width:150px;padding:.7rem 1rem;transition:all .3s}.type-filter-select:focus{border-color:#0ff;box-shadow:0 0 15px #00ffff4d;outline:none}.type-filter-select option{background:#1a1f3a}.view-toggle{background:#00000080;border:1px solid #0ff3;border-radius:8px;display:flex;gap:.5rem;padding:.3rem}.view-btn{background:#0000;border:none;border-radius:6px;color:#a0b0c0;cursor:pointer;font-size:1.2rem;padding:.6rem 1rem;transition:all .3s}.view-btn:hover{background:#00ffff1a;color:#0ff}.view-btn.active{background:linear-gradient(135deg,#00ffff4d,#7b2ff74d);box-shadow:0 0 15px #00ffff4d;color:#0ff}.export-csv-btn{background:linear-gradient(135deg,#00d4ff4d,#7b2ff74d);border:1px solid #00d4ff80;border-radius:8px;color:#00d4ff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.7rem 1.2rem;transition:all .3s;white-space:nowrap}.export-csv-btn:hover{background:linear-gradient(135deg,#00d4ff66,#7b2ff766);border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d;transform:translateY(-2px)}.no-filtered-results{background:#0000004d;border:1px solid #ffc8004d;border-radius:12px;padding:3rem;text-align:center}.no-filtered-results .no-results-icon{filter:drop-shadow(0 0 10px rgba(255,200,0,.3));font-size:4rem;margin-bottom:1rem}.no-filtered-results p{color:#ffc800;margin-bottom:1.5rem}.reset-filters-btn{background:linear-gradient(135deg,#ffc8004d,#ff88004d);border:1px solid #ffc80080;border-radius:8px;color:#ffc800;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s}.reset-filters-btn:hover{background:linear-gradient(135deg,#ffc80066,#f806);box-shadow:0 0 20px #ffc8004d;transform:translateY(-2px)}.table-view-container{background:#0000004d;border:1px solid #0ff3;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow-x:auto}.results-table{border-collapse:collapse;font-size:.95rem;width:100%}.results-table thead{background:linear-gradient(135deg,#0009,#0a142899);position:-webkit-sticky;position:sticky;top:0;z-index:10}.results-table th{border-bottom:2px solid #00ffff4d;color:#0ff;font-weight:600;padding:1rem;text-align:left;text-shadow:0 0 10px #00ffff4d;white-space:nowrap}.results-table th.sortable{cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.results-table th.sortable:hover{background:#00ffff1a;color:#0ff;text-shadow:0 0 15px #00ffff80}.results-table tbody tr{border-bottom:1px solid #00ffff1a;transition:all .3s}.results-table tbody tr:hover{background:#00ffff0d;box-shadow:0 0 20px #00ffff1a}.results-table td{color:#fff;padding:1rem}.id-cell{color:#7b2ff7;font-weight:600;text-shadow:0 0 10px #7b2ff74d}.name-cell strong{color:#0ff;text-shadow:0 0 10px #00ffff4d}.formula-cell{color:#7b2ff7;font-style:italic}.type-badge{background:linear-gradient(135deg,#0f83,#00d4ff33);border:1px solid #00ff8880;border-radius:20px;box-shadow:0 0 10px #0f83;color:#0f8;display:inline-block;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.density-cell{color:#00d4ff;font-weight:500}.description-cell{color:#a0b0c0;max-width:300px}.null-value{color:#666}.actions-cell{text-align:center}.view-details-btn{background:linear-gradient(135deg,#00d4ff4d,#7b2ff74d);border:1px solid #00d4ff80;border-radius:6px;color:#00d4ff;cursor:pointer;font-size:1.1rem;padding:.5rem 1rem;transition:all .3s}.view-details-btn:hover{background:linear-gradient(135deg,#00d4ff66,#7b2ff766);border-color:#00d4ff;box-shadow:0 0 15px #00d4ff4d;transform:scale(1.1)}.sort-info{color:#a0b0c0;font-size:.9rem;margin-top:1rem;padding:1rem;text-align:center}.sort-info strong{color:#0ff;text-shadow:0 0 10px #00ffff4d}@media (max-width:1200px){.results-controls{align-items:stretch;flex-direction:column}.controls-left,.controls-right{justify-content:space-between;width:100%}.text-filter-input{flex:1 1;min-width:auto}}@media (max-width:768px){.results-controls{padding:1rem}.controls-left,.controls-right{align-items:stretch;flex-direction:column;gap:.8rem}.export-csv-btn,.text-filter-input,.type-filter-select{width:100%}.view-toggle{justify-content:center}.results-table{font-size:.85rem}.results-table td,.results-table th{padding:.6rem .4rem}.description-cell{max-width:150px}}@media (max-width:480px){.results-count{font-size:.9rem}.results-count strong{font-size:1.1rem}.description-cell,.formula-cell{display:none}}.advanced-search{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:2rem}.search-header h2{color:#1a202c;font-weight:600;margin-bottom:.5rem}.search-description{color:#718096;margin-bottom:2rem}.filter-builder{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.builder-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.add-filter-btn{background:#48bb78;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;transition:all .2s}.add-filter-btn:hover{background:#38a169;transform:translateY(-1px)}.logic-selector{align-items:center;display:flex;gap:.8rem}.logic-selector label{color:#2d3748;font-weight:500}.logic-select{background:#fff;border:1px solid #cbd5e0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:.95rem;padding:.6rem 1rem;transition:all .2s}.logic-select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.logic-select option{background:#fff}.filters-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.filter-row{grid-gap:1rem;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:grid;gap:1rem;grid-template-columns:auto 1fr auto 2fr auto;padding:1rem;transition:all .2s}.filter-row:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000001a}.logic-badge{background:#3182ce;border-radius:4px;color:#fff;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.filter-operator,.filter-type{background:#fff;border:1px solid #cbd5e0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:.95rem;padding:.7rem;transition:all .2s}.filter-type{min-width:180px}.filter-operator{min-width:100px}.filter-operator:focus,.filter-type:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.filter-operator option,.filter-type option{background:#fff}.filter-values{display:flex;flex:1 1;gap:.8rem}.filter-input{background:#fff;border:1px solid #cbd5e0;border-radius:6px;color:#2d3748;flex:1 1;font-size:.95rem;padding:.7rem;transition:all .2s}.filter-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.filter-input option{background:#fff}.remove-filter-btn{background:#fc8181;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2rem;line-height:1;padding:.7rem 1rem;transition:all .2s}.remove-filter-btn:hover{background:#f56565;transform:scale(1.05)}.search-actions{display:flex;gap:1rem;justify-content:center}.execute-btn{background:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:1rem 2.5rem;transition:all .2s}.execute-btn:hover:not(:disabled){background:#2c5aa0}.execute-btn:disabled{cursor:not-allowed;opacity:.4}.clear-btn{background:#e2e8f0;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .2s}.clear-btn:hover:not(:disabled){background:#cbd5e0}.clear-btn:disabled{cursor:not-allowed;opacity:.4}.results-section{margin-top:2rem}.results-header{align-items:center;background:#0000004d;border:1px solid #0ff3;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.results-header h3{color:#0ff;margin:0;text-shadow:0 0 15px #00ffff80}.results-count{color:#a0b0c0;font-size:.95rem}.results-count strong{color:#0ff;font-size:1.2rem;text-shadow:0 0 10px #00ffff4d}@media (max-width:1024px){.filter-row{gap:.8rem;grid-template-columns:1fr}.logic-badge{justify-self:start}.filter-values{flex-direction:column}.remove-filter-btn{justify-self:end}}@media (max-width:768px){.advanced-search{padding:1rem}.builder-controls{align-items:stretch;flex-direction:column}.add-filter-btn{width:100%}.logic-selector{align-items:stretch;flex-direction:column}.logic-select{width:100%}.search-actions{flex-direction:column}.clear-btn,.execute-btn{width:100%}.results-header{align-items:flex-start;flex-direction:column;gap:.8rem}}.entity-manager{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:2rem}.manager-header h2{color:#1a202c;font-weight:600;margin-bottom:.5rem}.manager-description{color:#718096;margin-bottom:2rem}.actions-bar{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;margin:1.5rem 0;padding:1rem}.add-button{background:#48bb78;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;transition:all .2s}.add-button:hover{background:#38a169}.edit-form{background:#f7fafc;border:1px solid #cbd5e0;border-radius:8px;margin-bottom:2rem;padding:2rem}.edit-form h3{color:#1a202c;font-weight:600;margin-bottom:1.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column}.form-field label{color:#2d3748;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.edit-input{background:#fff;border:1px solid #cbd5e0;border-radius:6px;color:#2d3748;font-size:1rem;padding:.8rem;transition:all .2s;width:100%}.edit-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.edit-input option{background:#fff;color:#2d3748}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.save-button{background:#48bb78;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 2rem;transition:all .2s}.save-button:hover{background:#38a169}.cancel-button{background:#e2e8f0;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 2rem;transition:all .2s}.cancel-button:hover{background:#cbd5e0}.action-buttons{display:flex;gap:.5rem;justify-content:center}.delete-btn,.edit-btn{background:#edf2f7;border:1px solid #cbd5e0;border-radius:6px;cursor:pointer;font-size:1.1rem;padding:.5rem .8rem;transition:all .2s}.edit-btn:hover{background:#3182ce;border-color:#3182ce;color:#fff}.delete-btn:hover{background:#fc8181;border-color:#fc8181;color:#fff}@media (max-width:768px){.entity-manager{padding:1rem}.actions-bar{align-items:stretch;flex-direction:column;gap:1rem}.add-button{width:100%}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}.action-buttons{flex-direction:column}}.table-selector{margin-bottom:2rem}.table-selector label{color:#2d3748;display:block;font-weight:500;margin-bottom:.8rem}.table-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.table-button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1rem;transition:all .2s}.table-button:hover{background:#f7fafc;border-color:#cbd5e0}.table-button.active{background:#3182ce;border-color:#3182ce;color:#fff}.record-count{color:#718096;font-size:.95rem}.record-count strong{color:#2d3748;font-weight:600}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f7fafc}.data-table th{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:.9rem;font-weight:600;padding:1rem;text-align:left}.data-table td{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:.9rem;padding:1rem}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:#f7fafc}.null-value{color:#a0aec0;font-style:italic}.no-data{color:#718096;padding:3rem;text-align:center}.no-data p{font-size:1.1rem}.message{border-radius:6px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.message.success{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d}.message.error{background:#fed7d7;border:1px solid #fc8181;color:#742a2a}
/*# sourceMappingURL=main.be7991e0.css.map*/