@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);:root{--primary:#4d6a2d;--secondary:#a67c52;--light:#f5f3e5;--dark:#2c2417;--accent:#e78a3e;--success:#68b723;--error:#c92c2c;--surface:#0009;--border:#ffffff26}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1c1c1c;color:#f5f3e5;color:var(--light);font-family:Poppins,sans-serif;position:relative}body:before{background-attachment:fixed;background-image:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1557008075-7f2c5efa4cfd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80);background-position:50%;background-size:cover;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.predict-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009;background-color:var(--surface);border:1px solid #ffffff26;border:1px solid var(--border);border-radius:15px;box-shadow:0 10px 30px #0000004d;margin:2rem auto;max-width:800px;padding:2rem}h2{color:#e78a3e;color:var(--accent);font-size:2rem;margin-bottom:1.5rem;position:relative;text-align:center;text-shadow:2px 2px 4px #00000080}h2:after{background-color:#4d6a2d;background-color:var(--primary);border-radius:2px;content:"";display:block;height:3px;margin:.5rem auto 0;width:80px}.toggle-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.toggle-buttons button{align-items:center;background-color:#0009;background-color:var(--surface);border:2px solid #a67c52;border:2px solid var(--secondary);border-radius:30px;color:#f5f3e5;color:var(--light);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;justify-content:center;min-width:140px;padding:.75rem 1.5rem;transition:all .3s ease}.toggle-buttons button i{font-size:.9rem}.toggle-buttons button:focus,.toggle-buttons button:hover{background-color:#4d6a2d;background-color:var(--primary);border-color:#4d6a2d;border-color:var(--primary);box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.toggle-buttons button:active{transform:translateY(0)}.toggle-buttons button.active{background-color:#4d6a2d;background-color:var(--primary);border-color:#4d6a2d;border-color:var(--primary);box-shadow:0 3px 10px #0003}form{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}input[type=file]{display:none}.file-upload-label{align-items:center;background-color:#0000004d;border:2px dashed #a67c52;border:2px dashed var(--secondary);border-radius:15px;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:center;margin-bottom:1rem;max-width:400px;position:relative;transition:all .3s ease;width:100%}.file-upload-label:hover{background-color:#0006;border-color:#e78a3e;border-color:var(--accent);transform:translateY(-2px)}.upload-icon{color:#a67c52;color:var(--secondary);font-size:2.5rem;margin-bottom:1rem;transition:transform .3s ease}.file-upload-label:hover .upload-icon{color:#e78a3e;color:var(--accent);transform:translateY(-5px)}.upload-text{text-align:center}.upload-subtext{font-size:.85rem;margin-top:.5rem;opacity:.7}.webcam-container button,input[type=submit]{align-items:center;background-color:#4d6a2d;background-color:var(--primary);border:none;border-radius:50px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;justify-content:center;padding:.75rem 2rem;transition:all .3s ease}.webcam-container button:hover,input[type=submit]:hover{background-color:#e78a3e;background-color:var(--accent);transform:translateY(-2px)}.webcam-container button:active,input[type=submit]:active{transform:translateY(0)}.webcam-container button:disabled,input[type=submit]:disabled{background-color:#596956;cursor:not-allowed;opacity:.7;transform:none}.webcam-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.webcam-container video{background-color:#000;border:3px solid #4d6a2d;border:3px solid var(--primary);border-radius:15px;box-shadow:0 5px 20px #0006;height:auto;max-width:400px;width:100%}.image-preview-container{display:flex;justify-content:center;margin:1.5rem 0;position:relative}.image-preview{border:3px solid #a67c52;border:3px solid var(--secondary);border-radius:15px;box-shadow:0 5px 20px #0006;height:auto;max-width:400px;transition:transform .3s ease;width:100%}.image-preview:hover{transform:scale(1.02)}.prediction-result{align-items:center;animation:fadeIn .5s ease forwards;background-color:#4d6a2d4d;border-left:4px solid #4d6a2d;border-left:4px solid var(--primary);border-radius:8px;display:flex;font-size:1.2rem;font-weight:500;gap:10px;margin:1.5rem 0;padding:1.5rem}.prediction-result i{color:#e78a3e;color:var(--accent);font-size:1.4rem}.prediction-text{color:#e78a3e;color:var(--accent);font-weight:600}.prediction-error{align-items:center;animation:fadeIn .5s ease forwards;background-color:#c92c2c33;border-left:4px solid #c92c2c;border-left:4px solid var(--error);border-radius:8px;color:#fcc;display:flex;font-size:1.1rem;gap:10px;margin:1.5rem 0;padding:1.5rem}.prediction-error i{color:#c92c2c;color:var(--error)}.loading-indicator{align-items:center;animation:fadeIn .3s ease forwards;display:flex;flex-direction:column;margin:2rem 0}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#e78a3e;border-top:4px solid var(--accent);height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.predict-container:after,.predict-container:before{background-repeat:no-repeat;background-size:contain;content:"";height:60px;opacity:.07;position:absolute;width:60px;z-index:-1}.predict-container:before{right:40px;top:-30px;transform:rotate(20deg)}.predict-container:after,.predict-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M256 224c-79.5 0-144 64.5-144 144s64.5 144 144 144 144-64.5 144-144-64.5-144-144-144zm0 240c-52.9 0-96-43.1-96-96s43.1-96 96-96 96 43.1 96 96-43.1 96-96 96zm65.7-235.6c28.2-19.9 37.6-58.3 21.3-90.1-16.4-31.8-54.9-48.1-89.5-38-34.6 10.1-57.6 44-53.3 78.8 4.3 34.8 30.7 61.4 62.8 67.3 32.1 5.9 58.7-17.9 58.7-17.9zm-60.2-39.9c-5.8-10.8-2.7-24.2 7-30.2s22.1-2.7 27.9 8.1c5.8 10.8 2.7 24.2-7 30.2-9.6 6-22.1 2.7-27.9-8.1zm-80.8 69c-17.3-31.7-58-46.3-92.8-33.2C53 237.4 27.1 276 28.8 313.2c1.7 37.2 29.4 72.2 66.5 80.3 37.1 8.1 77.1-9.8 94.3-41.5 17.3-31.7-8.9-94.5-8.9-94.5zM123 319.7c-10.7 5.6-24.1 1.2-29.9-9.9s-1.5-24.2 9.2-29.8 24.1-1.2 29.9 9.9c5.8 11.1 1.5 24.2-9.2 29.8zm221.9-122.8c-37.1-8.1-77.1 9.8-94.3 41.5-17.3 31.7 8.9 94.5 8.9 94.5 17.3 31.7 58 46.3 92.8 33.2 34.9-13.1 60.8-51.7 59.1-88.9-1.6-37.2-29.3-72.2-66.5-80.3zm-37.7 101.6c-10.7 5.6-24.1 1.2-29.9-9.9-5.8-11.1-1.5-24.2 9.2-29.8s24.1-1.2 29.9 9.9c5.8 11.1 1.5 24.2-9.2 29.8z'/%3E%3C/svg%3E")}.predict-container:after{bottom:-20px;left:30px;transform:rotate(-15deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.predict-container{margin:1rem;padding:1.5rem}h2{font-size:1.5rem}.toggle-buttons{align-items:center;flex-direction:column;gap:.75rem}.toggle-buttons button{max-width:300px;width:100%}.file-upload-label{height:180px}.image-preview,.webcam-container video{max-width:300px}}@media (max-width:480px){.predict-container{padding:1rem}h2{font-size:1.3rem}.file-upload-label{height:150px}.upload-icon{font-size:2rem}.image-preview,.webcam-container video{max-width:250px}.webcam-container button,input[type=submit]{font-size:.9rem;padding:.6rem 1.5rem}.prediction-result{font-size:1rem;padding:1rem}}.chat-button{align-items:center;background-color:#298906;border-radius:50%;bottom:10px;box-shadow:0 2px 10px #0003;cursor:pointer;display:flex;height:85px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:85px;z-index:1000}.chat-button:hover{background-color:#185f0b;transform:scale(1.05)}.chat-icon{color:#fff;font-size:24px}.chatbot-container{background:hsla(0,0%,98%,.748);border:3px solid #ccc;border-radius:10px;bottom:100px;box-shadow:2px 2px 10px rgba(0,0,0,.622);display:flex;flex-direction:column;height:750px;overflow:hidden;position:fixed;right:20px;transition:all .3s ease;width:500px;z-index:999}.chatbot-container.hidden{opacity:0;pointer-events:none;transform:scale(.95)}.chatbot-header{background-color:#323606;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;font-weight:700;padding:15px}.chatbox{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:15px}.message{border-radius:18px;margin-bottom:10px;max-width:80%;padding:8px 12px}.user{align-self:flex-end;background-color:#615d06e7;border-bottom-right-radius:4px;color:#fff}.bot{align-self:flex-start;background-color:#a1ac5b7d;border-bottom-left-radius:4px;color:#000}.chat-input-container{border-top:3px solid #000;display:flex;padding:10px}.chat-input{background-color:#1818179d;border:2px solid #000;border-radius:20px;color:#fff;flex-grow:1;margin-right:10px;outline:none;padding:10px}.chat-input:focus{border-color:#007bff}.send-button{background-color:#000408;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:16px 25px;transition:background-color .2s}.send-button:hover{background-color:#232525}.welcome-message{color:#080808;margin:20px 0;text-align:center}@media (max-width:480px){.chatbot-container{left:5%;right:5%;width:90%}}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}
/*# sourceMappingURL=main.d247d258.css.map*/