body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#2c3e50;--secondary-color:#34495e;--accent-color:#3498db;--light-color:#f8f9fa;--border-color:#e0e0e0;--text-color:#333;--text-secondary:#666;--success-color:#2ecc71;--danger-color:#e74c3c;--warning-color:#f1c40f;--unsold-color:#d1d8e0;--sold-color:#2ecc71;--border-radius:8px;--box-shadow:0 2px 8px #0000001a;--transition:all 0.3s ease}body{background-color:#f5f7fa;color:#333;color:var(--text-color);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#2c3e50;background-color:var(--primary-color);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow);color:#fff;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header h1{font-size:1.5rem;font-weight:500;letter-spacing:.5px}.app-footer{background-color:#2c3e50;background-color:var(--primary-color);color:#ffffffb3;font-size:.85rem;margin-top:auto;padding:1rem 2rem;text-align:center}.content-container{display:flex;flex:1 1;gap:1.5rem;margin:0 auto;max-width:1600px;padding:1.5rem;width:100%}.sidebar{max-height:calc(100vh - 140px);position:-webkit-sticky;position:sticky;top:5rem;width:320px}.main-content,.sidebar{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow);overflow-y:auto;padding:1.5rem}.main-content{flex:1 1;min-height:calc(100vh - 140px)}.card-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.card{border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;transition:var(--transition);width:calc(33.333% - .5rem)}.card:hover{box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow);transform:translateY(-3px)}.card.selected{border-width:2px;box-shadow:0 4px 12px #00000026;transform:translateY(-3px)}.card-header{background-color:#3498db;background-color:var(--accent-color);color:#fff;font-size:.95rem;font-weight:500;letter-spacing:.5px;padding:.75rem .5rem;text-align:center}.section{margin-bottom:2rem}.section h2{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);color:#2c3e50;color:var(--primary-color);font-size:1.1rem;font-weight:500;letter-spacing:.5px;margin-bottom:1rem;padding-bottom:.5rem}.info-section{background-color:#f8f9fa;border-left:4px solid #3498db;border-left:4px solid var(--accent-color);border-radius:8px;border-radius:var(--border-radius);padding:1.25rem}.info-section h2{border-bottom:none;color:#2c3e50;color:var(--primary-color);font-size:1rem;margin-bottom:.75rem;padding-bottom:0}.info-content{color:#666;color:var(--text-secondary);font-size:.9rem}.info-section ul{list-style-type:none;margin:.75rem 0;padding-left:1rem}.info-section li{margin-bottom:.5rem;padding-left:.8rem;position:relative}.info-section li:before{color:#3498db;color:var(--accent-color);content:"•";left:0;position:absolute}.info-section li span{color:#2c3e50;color:var(--primary-color);font-weight:600}.info-section .example{border-top:1px dashed #e0e0e0;border-top:1px dashed var(--border-color);font-style:italic;margin-top:.75rem;padding-top:.75rem}.info-section .example span{color:#3498db;color:var(--accent-color);font-style:normal;font-weight:700}.position-grid-container{overflow:auto}.position-grid-container h2{color:#2c3e50;color:var(--primary-color);font-size:1.3rem;font-weight:500;margin-bottom:1.25rem;text-align:center}.position-legend{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.legend-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.legend-item.info{border-left:1px solid #e0e0e0;border-left:1px solid var(--border-color);margin-left:.5rem;padding-left:.75rem}.legend-info{color:#666;color:var(--text-secondary);font-size:.85rem;font-style:italic}.legend-color{border-radius:3px;height:1rem;width:1rem}.legend-color.unsold{background-color:#d1d8e0;background-color:var(--unsold-color)}.legend-color.sold{background-color:#2ecc71;background-color:var(--sold-color)}.position-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:2rem;overflow-x:auto}.position-row{align-items:center;display:flex;min-height:3rem;min-width:-webkit-fit-content;min-width:fit-content}.row-number{background-color:#f8f9fa;border-radius:4px;color:#2c3e50;color:var(--primary-color);font-size:.9rem;font-weight:600;left:0;margin-right:.5rem;min-width:3.5rem;padding:.25rem .5rem;position:-webkit-sticky;position:sticky;text-align:center;z-index:2}.position-cells{display:flex;flex-wrap:nowrap;gap:4px;padding-bottom:.25rem}.position-cell{align-items:center;background-color:#f8f9fa;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:.2rem;height:4.2rem;justify-content:center;overflow:hidden;padding:.3rem .2rem;position:relative;transition:all .3s ease;transition:var(--transition);width:4.2rem}.position-cell:hover{box-shadow:0 2px 5px #0000001a;transform:translateY(-2px);z-index:2}.position-cell.selected{outline:2px solid #3498db;outline:2px solid var(--accent-color);outline-offset:2px;z-index:3}.position-cell.sold{background-color:#2ecc71;background-color:var(--sold-color);border-color:#2ecc71;border-color:var(--sold-color);color:#fff}.position-cell.unsold{background-color:#d1d8e0;background-color:var(--unsold-color);border-color:#d1d8e0;border-color:var(--unsold-color);color:#333;color:var(--text-color)}.position-id{background-color:#ffffffd9;border-radius:3px;color:#2c3e50;color:var(--primary-color);font-size:.7rem;font-weight:600;letter-spacing:0;line-height:1.2;max-width:100%;padding:.1rem .15rem;text-align:center}.position-cell.sold .position-id{background-color:#0003;color:#fff}.position-count{background-color:#fffc;border-radius:3px;color:#2c3e50;color:var(--primary-color);font-size:.7rem;font-weight:400;margin-top:.15rem;padding:.1rem .25rem}.selected-info{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);border-top:4px solid #3498db;border-top:4px solid var(--accent-color);box-shadow:0 4px 12px #00000014;margin-top:2rem;padding:1.5rem;position:relative}.selected-info h3{color:#2c3e50;color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem;position:relative;text-align:center}.selected-info h3:after{background-color:#3498db;background-color:var(--accent-color);border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.position-id-display{align-items:center;background-color:#f8f9fa;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;margin-bottom:1.5rem;padding:1rem}.position-id-label{color:#666;color:var(--text-secondary);font-size:.8rem;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.position-id-value{color:#3498db;color:var(--accent-color);font-size:1.75rem;font-weight:700;letter-spacing:1.5px}.selected-info p{font-size:.95rem;margin-bottom:.5rem}.selected-info p,.welcome-message{color:#666;color:var(--text-secondary)}.welcome-message{background-color:#f8f9fa;border-radius:8px;border-radius:var(--border-radius);margin:2rem auto;max-width:700px;padding:3.5rem 1.5rem;text-align:center}.welcome-message h2{color:#2c3e50;color:var(--primary-color);font-weight:500;margin-bottom:1.5rem}.welcome-message p{font-size:1.1rem;margin-bottom:.75rem}@media (max-width:1024px){.content-container{gap:1rem;padding:1rem}.sidebar{width:280px}}@media (max-width:768px){.content-container{flex-direction:column}.sidebar{max-height:none;position:static;width:100%}.main-content{min-height:auto}.card{width:calc(50% - .5rem)}}@media (max-width:480px){.content-container{padding:.75rem}.card{width:100%}.app-header h1{font-size:1.3rem}.position-cell{height:3.8rem;width:3.8rem}.position-id{font-size:.6rem;padding:.05rem .1rem}}.detail-grid{grid-gap:1rem;background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000000d;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:1rem;padding:1.25rem}.detail-row{align-items:center;background-color:#f8f9fa;border-left:3px solid #3498db;border-left:3px solid var(--accent-color);border-radius:6px;display:flex;padding:.75rem;transition:all .3s ease;transition:var(--transition)}.detail-row:hover{background-color:#edf2f7;transform:translateX(3px)}.detail-label{color:#2c3e50;color:var(--primary-color);font-size:.9rem;font-weight:600;min-width:110px;padding-right:.75rem;position:relative}.detail-label:after{background-color:#e0e0e0;content:"";height:70%;position:absolute;right:.25rem;top:50%;transform:translateY(-50%);width:1px}.detail-value{color:#666;color:var(--text-secondary);flex:1 1;font-size:.95rem;font-weight:500;padding-left:.75rem}.detail-value.sold{color:#2ecc71;color:var(--success-color);font-weight:600}.detail-value.unsold{color:#666;color:var(--text-secondary);font-weight:500}.detail-value.normal{color:#2ecc71;color:var(--success-color);font-weight:600}.detail-value.arrears{color:#f1c40f;color:var(--warning-color);font-weight:600}@media (max-width:768px){.detail-grid{grid-template-columns:1fr}}.edit-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.counts-input{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;padding:.4rem;width:80px}.edit-buttons{display:flex;gap:.5rem}.edit-button{background-color:#3498db;background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-left:.75rem;padding:.25rem .5rem;transition:all .3s ease;transition:var(--transition)}.save-button{background-color:#2ecc71;background-color:var(--success-color)}.cancel-button,.save-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.3rem .6rem;transition:all .3s ease;transition:var(--transition)}.cancel-button{background-color:#666;background-color:var(--text-secondary)}.cancel-button:hover,.edit-button:hover,.save-button:hover{opacity:.9;transform:translateY(-1px)}.cancel-button:active,.edit-button:active,.save-button:active{transform:translateY(1px)}.notification-message{animation:slideIn .3s ease-out forwards;background-color:#2ecc71f2;border-radius:4px;bottom:20px;box-shadow:0 2px 10px #0003;color:#fff;font-size:.95rem;font-weight:500;max-width:80%;padding:.75rem 1.25rem;position:fixed;right:20px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.cancel-button:disabled,.edit-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.save-button.saving{background-color:#f1c40f;background-color:var(--warning-color);padding-left:1.5rem;position:relative}.save-button.saving:before{animation:spin .8s linear infinite;border:2px solid #ffffffb3;border-radius:50%;border-top-color:#0000;content:"";height:.8rem;left:.5rem;position:absolute;top:50%;transform:translateY(-50%);width:.8rem}@keyframes spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}
/*# sourceMappingURL=main.c8ebb74d.css.map*/