body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:#1a0f0a;display:flex;flex-direction:column;min-height:calc(100vh - 72px);padding:100px 20px}@media (max-width:768px){.login-container{padding:80px 20px}}@media (max-width:480px){.login-container{padding:60px 20px}}.login-form{background:#2c1810;border:1px solid #8b5e3c;border-radius:0;box-shadow:0 8px 24px #0006;max-width:400px;padding:40px;width:calc(100% - 40px)}@media (max-width:768px){.login-form{padding:30px;width:calc(100% - 30px)}}@media (max-width:480px){.login-form{padding:20px;width:calc(100% - 20px)}}.login-title{color:#d4c3b5;font-family:Crimson Text,serif;font-size:2.2em;font-weight:600;margin-bottom:30px;text-align:center;text-shadow:0 2px 4px #0003}@media (max-width:768px){.login-title{font-size:2em}}@media (max-width:480px){.login-title{font-size:1.8em}}.login-input{background:#1a0f0a;border:1px solid #8b5e3c;border-radius:0;color:#d4c3b5;font-family:Roboto,sans-serif;font-size:1.05em;margin-bottom:25px;padding:12px 16px;width:100%;width:calc(100% - 32px)}.login-input:focus{background:#3c2415;border-color:gold;outline:none}.login-input:hover{background:#3c2415;border-color:#a17449}.login-input::placeholder{color:#8b7355}.login-button{background:#8b5e3c;border:none;border-radius:0;color:#d4c3b5;cursor:pointer;font-size:1.1em;font-weight:500;letter-spacing:1px;padding:14px;text-transform:uppercase;transition:all .2s ease;width:100%}.login-button:hover{background:#6b4e2c}@media (max-width:768px){.login-button{font-size:1em;padding:12px}}.error-message{animation:fadeIn .3s ease-out;color:#ff6b6b;font-size:.95em;margin-top:15px;text-align:center}.button{align-items:center;background:#8b5e3c;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:1em;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;margin-top:10px;padding:12px 16px;text-transform:uppercase;transition:all .2s ease}.button:hover{background:#a17449}.button:disabled{background:#4a3d2c;cursor:not-allowed}.button svg{font-size:1.2em}.action-button{background-color:#8b5e3c;border:none;border-radius:5px;color:#fff;font-size:1em;height:32px;min-width:32px;padding:6px}.delete-button{background:#8b3c3c;border:none;border-radius:5px;color:#fff;padding:6px 12px}.delete-button:hover{background:#6b2c2c}.add-button{align-items:center;background-color:#8b5e3c;border:none;border-radius:5px;bottom:30px;box-shadow:0 2px 5px #0003;color:#fff;display:flex;font-size:1.5em;height:50px;justify-content:center;padding:0;position:fixed;right:30px;width:50px}@media (max-width:768px){.add-button{bottom:20px;height:45px;right:20px;width:45px}}.dashboard-container{background:#1a0f0a;color:#d4c3b5;font-family:Roboto,sans-serif;height:85vh;padding:30px}@media (max-width:768px){.dashboard-container{height:auto;min-height:85vh;padding:20px}}@media (max-width:480px){.dashboard-container{padding:15px}}.form-title{align-items:center;border-bottom:2px solid #8b5e3c;color:#d4c3b5;display:flex;font-size:1.4em;gap:12px;margin:0 0 25px;padding-bottom:15px;padding-right:40px}.form-title svg{color:#8b5e3c;font-size:1.2em}.form{grid-template-columns:1fr 1fr;margin-bottom:25px}.form-section{display:flex;flex-direction:column;gap:15px}.form-section h4{color:#8b5e3c;font-size:1.1em;font-weight:500;margin:0;text-align:left}.form-group{gap:4px;margin-bottom:4px;position:relative}.label{color:#d4c3b5;font-family:Roboto,sans-serif;font-size:.9em;gap:4px}.label:after{color:#cc6b6b;margin-left:4px}.input{border:1px solid #8b5e3c;box-sizing:border-box;font-family:Roboto,sans-serif;font-size:.95em;padding:10px 14px;width:100%}.input:focus{background:#3c2415;border-color:gold}.input:hover{background:#3c2415;border-color:#a17449}.input::placeholder{color:#8b7355}.input:disabled{background:#2c1810;border-color:#5c3c28;cursor:not-allowed}.input[type=date]{position:relative}.input[type=date]::-webkit-calendar-picker-indicator{background:#0000;bottom:0;color:#0000;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}.input[type=date]::-webkit-datetime-edit-text{color:#8b7355;padding:0 .3em}.select{-webkit-appearance:none;appearance:none;background:#1a0f0a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b5e3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;border:1px solid #8b5e3c;border-radius:0;box-sizing:border-box;color:#d4c3b5;cursor:pointer;font-family:Roboto,sans-serif;font-size:.95em;padding:10px 40px 10px 14px;transition:all .2s ease;width:100%}.select:focus{background:#3c2415;border-color:gold;outline:none}.select:hover{background:#3c2415;border-color:#a17449}.select option{background:#1a0f0a;font-size:.95em;padding:10px}.modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:10vh;z-index:1000}.modal-content{background:#2c1810;border:1px solid #8b5e3c;border-radius:0;max-height:90vh;max-width:700px;overflow-y:auto;padding:15px 40px;position:relative;width:90%}@media (max-width:768px){.modal-content{padding:20px;width:95%}}@media (max-width:480px){.modal-content{margin:10px;max-height:85vh;padding:15px;width:100%}}.modal-content label{align-items:center;display:flex;font-size:.9em;font-weight:500;gap:4px}.modal-content input,.modal-content label{color:#d4c3b5;font-family:Roboto,sans-serif}.modal-content input{background:#1a0f0a;border:1px solid #8b5e3c;border-radius:0;box-sizing:border-box;font-size:.95em;padding:10px 14px;transition:all .2s ease;width:100%}.modal-content input:focus{background:#3c2415;border-color:gold;outline:none}.modal-content input:hover{background:#3c2415;border-color:#a17449}.modal-content input::placeholder{color:#8b7355}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#2c1810;border-radius:0}.modal-content::-webkit-scrollbar-thumb{background:#8b5e3c;border-radius:0}.modal-content::-webkit-scrollbar-thumb:hover{background:#a17449}.close-button{border-radius:0;color:#d4c3b5;height:32px;padding:6px;right:25px;top:25px;transition:all .2s ease;width:32px}.close-button:hover{background:#8b5e3c1a;color:#8b5e3c}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid{gap:15px;grid-template-columns:1fr}}.stat-card{align-items:center;display:flex;gap:15px}@media (max-width:768px){.stat-card{padding:12px}}.stat-card .icon{align-items:center;background:#8b5e3c1a;border-radius:5px;color:#8b5e3c;display:flex;font-size:1.8em;justify-content:center;padding:12px}@media (max-width:768px){.stat-card .icon{font-size:1.5em;padding:10px}}.stat-card .content h3{font-size:1.8em;margin:0;text-align:left}@media (max-width:768px){.stat-card .content h3{font-size:1.5em}}.stat-card .content p{font-size:.85em;margin:0;text-align:left}@media (max-width:768px){.stat-card .content p{font-size:.8em}}.search-bar{align-items:center;background:#1a0f0ada;border:1px solid #8b5e3c;display:flex;gap:15px;margin-bottom:20px;padding:15px 20px}@media (max-width:768px){.search-bar{padding:12px 15px}}@media (max-width:480px){.search-bar{align-items:stretch;flex-direction:column;gap:10px}}.search-bar svg{color:#8b5e3c;font-size:1.2em}.search-input{background:#0000;border:none;color:#8b5e3c;font-size:1em;padding:0;width:100%}.search-input:focus{background:#0000;border:none;outline:none}.table-container{background:#120b07;height:60vh;margin-top:20px;overflow:hidden}@media (max-width:768px){.table-container{height:auto;max-height:500px}}.table-wrapper{height:100%;overflow-x:auto;overflow-y:auto}@media (max-width:768px){.table-wrapper::-webkit-scrollbar{height:6px}}table{border-collapse:initial;border-spacing:0;font-family:Roboto,sans-serif;min-width:800px;table-layout:fixed;width:100%}th{background-color:#2c1810;border-bottom:2px solid #8b5e3c;color:#d4c3b5;font-weight:500;padding:25px 16px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:1}th:first-child{width:20%}th:nth-child(2),th:nth-child(3){width:10%}th:nth-child(4),th:nth-child(5),th:nth-child(6),th:nth-child(7){width:15%}th:last-child{width:80px}td{border-bottom:1px solid #8b5e3c;color:#d4c3b5;overflow:hidden;padding:12px 16px;text-align:left;text-overflow:ellipsis;white-space:nowrap}tr:hover{background:#3c2415}.table-actions{display:flex;gap:8px}.image-upload-container{margin-bottom:15px;text-align:center}.image-preview{align-items:center;background:#1a0f0a;border:2px solid #8b5e3c;border-radius:50%;cursor:pointer;display:flex;height:120px;justify-content:center;margin:0 auto 10px;overflow:hidden;transition:all .2s ease;width:120px}.image-preview:hover{border-color:#d4c3b5}.image-preview img{height:100%;object-fit:cover;width:100%}.image-preview svg{color:#8b5e3c;font-size:2.5em}.hidden-file-input{display:none}.image-upload-button{margin:10px auto;padding:8px 16px;width:auto}.container{align-items:center;background:#1a0f0a;display:flex;flex-direction:column;min-height:calc(100vh - 72px);padding:40px}@media (max-width:768px){.container{padding:30px}}@media (max-width:480px){.container{padding:20px}}.form-container{background:#2c1810;border:1px solid #8b5e3c;border-radius:0;box-shadow:0 8px 24px #0006;max-width:1200px;padding:40px;width:calc(100% - 80px)}@media (max-width:768px){.form-container{padding:30px;width:calc(100% - 60px)}}@media (max-width:480px){.form-container{padding:20px;width:calc(100% - 40px)}}.title{font-family:Crimson Text,serif;font-size:2.2em;margin-bottom:20px;text-align:center;text-shadow:0 2px 4px #0003}@media (max-width:768px){.title{font-size:2em}}@media (max-width:480px){.title{font-size:1.8em}}.description{color:#d4c3b5;font-size:1.1em;line-height:1.8;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:800px;opacity:.9;text-align:center}@media (max-width:768px){.description{font-size:1em;line-height:1.6;margin-bottom:25px}}@media (max-width:480px){.description{font-size:.95em;margin-bottom:20px}}.form{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);max-width:100%}@media (max-width:768px){.form{gap:20px;grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:10px}.form-group.message-group{grid-column:span 2}@media (max-width:768px){.form-group.message-group{grid-column:span 1}}.form-group.button-group{grid-column:span 2;margin-top:10px}@media (max-width:768px){.form-group.button-group{grid-column:span 1}}.label{align-items:center;color:#8b5e3c;display:flex;font-size:1.1em;font-weight:500;gap:8px}@media (max-width:768px){.label{font-size:1em}}.label:after{color:#ff6b6b;content:"*";font-size:.9em}.input{background:#1a0f0a;border:2px solid #8b5e3c;border-radius:0;color:#d4c3b5;font-size:1.05em;padding:12px 16px;transition:all .2s ease}@media (max-width:768px){.input{font-size:1em;padding:10px 14px}}.input:focus{border-color:#d4c3b5;box-shadow:0 0 0 3px #8b5e3c33;outline:none}.input::placeholder{color:#8b5e3c;opacity:.6}.textarea{background:#1a0f0a;border:2px solid #8b5e3c;border-radius:0;color:#d4c3b5;font-size:1.05em;line-height:1.6;min-height:80px;padding:12px 16px;resize:vertical;transition:all .2s ease}@media (max-width:768px){.textarea{font-size:1em;min-height:150px;padding:10px 14px}}.textarea:focus{border-color:#d4c3b5;box-shadow:0 0 0 3px #8b5e3c33;outline:none}.textarea::placeholder{color:#8b5e3c;opacity:.6}.submit-button{background:#8b5e3c;border:none;border-radius:0;color:#d4c3b5;cursor:pointer;font-size:1.1em;font-weight:500;margin-top:10px;overflow:hidden;padding:14px;position:relative;transition:all .2s ease}@media (max-width:768px){.submit-button{font-size:1em;padding:12px}}.submit-button:hover{background:#6b4e2c;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.submit-button:active{box-shadow:0 2px 6px #0003;transform:translateY(0)}.submit-button:disabled{background:#4a3520;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.message{animation:fadeIn .3s ease-out;background:#69db7c1a;border:1px solid #69db7c;border-radius:0;color:#69db7c;font-weight:500;margin-top:25px;padding:16px;text-align:center}.message.error{background:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b}@media (max-width:768px){.message{margin-top:20px;padding:12px}}.nav{align-items:center;background:#2c1810;display:flex;min-height:70px;padding:0 30px;position:relative;z-index:9999}@media (max-width:768px){.nav{justify-content:space-between;padding:0 15px}}.nav-link{align-items:center;color:#d4c3b5;display:flex;font-family:Roboto,sans-serif;font-size:.95em;font-weight:500;gap:8px;margin:0 5px;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav-link svg{font-size:1.1em}.nav-link.active,.nav-link:hover{color:#fff}@media (max-width:768px){.nav-link{border-bottom:1px solid #8b5e3c33;margin:0;padding:16px;width:100%}}.title{align-items:center;color:#d4c3b5;display:flex;font-family:Roboto,sans-serif;font-size:1.4em;font-weight:600;gap:12px;margin:0}.title svg{color:#8b5e3c}@media (max-width:768px){.title{font-size:1.2em}}.menu-button{background:none;border:none;color:#d4c3b5;cursor:pointer;display:none;font-size:1.5em;padding:10px;transition:color .2s ease;z-index:10000}.menu-button:hover{color:#fff}@media (max-width:768px){.menu-button{display:block}}.nav-menu{align-items:center;display:flex;margin-left:auto}@media (max-width:768px){.nav-menu{align-items:flex-start;background:#2c1810;box-shadow:none;flex-direction:column;height:100vh;padding-top:70px;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:250px;z-index:9998}.nav-menu.open{box-shadow:-5px 0 15px #0000004d;right:0}}.overlay{display:none}@media (max-width:768px){.overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:9997}.overlay.open{display:block}}.card{background:#2c1810;border:2px solid #8b5e3c;border-radius:8px;box-shadow:0 4px 6px #0000004d;cursor:pointer;padding:15px;transition:all .3s ease;width:200px}.card.selected{background:#3c2415;border-color:gold}.card:hover{border-color:#d4c3b5;box-shadow:0 6px 8px #0006;transform:translateY(-2px)}.image-container{align-items:center;background:#1a0f0a;border:2px solid #8b5e3c;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 12px;overflow:hidden;width:80px}.image-container img{height:100%;object-fit:cover;width:100%}.image-container svg{color:#8b5e3c;font-size:2em}.name{color:#d4c3b5;font-family:Crimson Text,serif;font-size:1.2em;margin:0 0 10px}.info,.name{text-align:center}.info{color:#a89080;font-size:.9em;line-height:1.4;margin:5px 0}.canvas-container{background:#1a0f0a;height:calc(100vh - 72px);overflow:hidden;position:relative;width:100%}@media (max-width:768px){.canvas-container{height:calc(100vh - 100px)}}.stats-bar{display:flex;gap:30px;left:20px;position:absolute;top:20px;z-index:100}@media (max-width:768px){.stats-bar{flex-direction:column;gap:15px}}@media (max-width:480px){.stats-bar{background:#1a0f0ae6;flex-direction:row;gap:10px;justify-content:space-around;left:0;padding:15px;position:relative;top:0}}.stat-item{align-items:center;color:#d4c3b5;cursor:help;display:flex;font-size:1.1em;gap:10px;position:relative}@media (max-width:768px){.stat-item{font-size:1em}}@media (max-width:480px){.stat-item{flex-direction:column;font-size:.9em;gap:5px;text-align:center}}.stat-item svg{color:#8b5e3c;font-size:1.2em}.stat-item:hover:after{background:#3c2415;border-radius:0;bottom:-30px;content:attr(data-tooltip);font-size:.8em;left:50%;padding:5px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}@media (max-width:480px){.stat-item:hover:after{bottom:auto;top:-30px}}.detail-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.detail-panel{animation:fadeIn .3s ease-out;background:#2c1810;border:1px solid #8b5e3c;border-radius:0;box-shadow:0 4px 12px #0000004d;color:#d4c3b5;max-height:90vh;max-width:500px;overflow-y:auto;padding:25px;position:relative;width:90%}@media (max-width:768px){.detail-panel{padding:20px;width:95%}}@media (max-width:480px){.detail-panel{padding:15px;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.detail-panel::-webkit-scrollbar{width:8px}.detail-panel::-webkit-scrollbar-track{background:#1a0f0a}.detail-panel::-webkit-scrollbar-thumb{background:#8b5e3c;border-radius:4px}.detail-image{align-items:center;background:#1a0f0a;border:3px solid #8b5e3c;border-radius:0;box-shadow:0 4px 8px #0003;display:flex;height:200px;justify-content:center;margin:0 auto 20px;overflow:hidden;transition:transform .2s;width:200px}@media (max-width:768px){.detail-image{height:150px;width:150px}}@media (max-width:480px){.detail-image{height:120px;width:120px}}.detail-image:hover{transform:scale(1.02)}.detail-image img{height:100%;object-fit:cover;width:100%}.detail-image svg{color:#8b5e3c;font-size:4em}@media (max-width:768px){.detail-image svg{font-size:3em}}.detail-name{color:#d4c3b5;font-family:Crimson Text,serif;font-size:1.8em;margin:0 0 20px;text-align:center}.detail-section{border-bottom:1px solid #8b5e3c;margin-bottom:20px;padding-bottom:20px;text-align:center}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-label{color:#8b5e3c;font-size:1.1em;font-weight:500;margin:0 0 10px}.detail-text{color:#d4c3b5;font-size:1em;line-height:1.5;margin:0}.detail-list{list-style:none;margin:0;padding:0}.detail-list li{color:#d4c3b5;margin-bottom:8px}.detail-list li:last-child{margin-bottom:0}.close-button{align-items:center;background:none;border:none;color:#8b5e3c;cursor:pointer;display:flex;font-size:1.2em;justify-content:center;padding:5px;position:absolute;right:15px;top:15px;transition:color .2s}.App,.close-button:hover{color:#d4c3b5}.App{min-height:100vh;text-align:center}.App,body{background:#1a0f0a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}h1,h2,h3,h4,h5,h6{color:#d4c3b5;font-weight:500;margin-bottom:20px}h1,h2,h3,h4,h5,h6,p{font-family:Roboto,sans-serif}p{color:#a89080;line-height:1.6}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#2c1810}::-webkit-scrollbar-thumb{background:#8b5e3c;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#6b4e2c}.spinner{animation:spin 2s linear infinite;border:6px solid #6b4e2c;border-radius:50%;border-top-color:#2c1810;height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.a2e5fe0f.css.map*/