@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap);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}body{font-family:Poppins,sans-serif;line-height:1.6}.App{overflow:hidden}.App,.sidebar{display:flex;height:100vh}.sidebar{background-color:#333;flex-direction:column;left:0;position:fixed;top:0;transition:width .3s ease;width:60px}.sidebar.open{width:220px}.sidebar-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.toggle-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:10px;width:100%}.sidebar-logo{height:40px;transition:width .3s ease;width:40px}.sidebar-text{color:#fff;font-size:1.2rem;margin-left:10px;transition:opacity .3s ease;white-space:nowrap}.sidebar:not(.open) .sidebar-text{display:none}.nav-links{list-style:none;margin:0;padding:0}.nav-item{align-items:center;color:#fff;display:flex;padding:10px;text-decoration:none;transition:background-color .3s ease;white-space:nowrap}.nav-item:hover{background-color:#555}.nav-icon{font-size:24px;margin-right:10px}.sidebar:not(.open) .nav-item{justify-content:center;padding:10px 0}.sidebar:not(.open) .nav-icon{margin-right:0}.nav-text{align-items:center;display:inline-flex;font-size:1rem;transition:opacity .3s ease}.sidebar:not(.open) .nav-text{display:none}.sidebar.open .nav-item{justify-content:center}.main-content{flex:1 1;margin-left:60px;overflow-y:auto;padding:20px;transition:margin-left .3s ease}.main-content.shifted{margin-left:220px}.App-header{align-items:center;background-color:#1a1a1a;box-shadow:0 2px 5px #0003;color:#fff;display:flex;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.App-header .logo{color:#6dd9ff;font-size:1.5rem;font-weight:700}.App-footer{background-color:#222;bottom:0;color:#fff;padding:10px;position:fixed;text-align:center;width:100%}.contact-form{background:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:2rem auto;max-width:600px;padding:1.5rem;text-align:left}.contact-form h2{color:#333;margin-bottom:1rem}.contact-form p{color:#555;margin-bottom:1.5rem}.contact-form label{color:#333;display:block;font-weight:700;margin-bottom:.5rem}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#6dd9ff;box-shadow:0 0 5px #6dd9ff80;outline:none}.contact-form button{background-color:#1a1a1a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.contact-form button:hover{background-color:#6dd9ff}.message-container{background:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:.75rem;margin:1rem auto;max-width:600px;padding:1rem}.message-container .message{background:#fff;border-radius:6px;box-shadow:0 2px 5px #0000001a;color:#333;padding:.75rem}.message-container .message.sent{background-color:#e6f7ff;border-left:4px solid #6dd9ff}.message-container .message.received{background-color:#f1f1f1;border-left:4px solid #333}.message-container .message p{margin:0}.message-container .message .timestamp{color:#777;font-size:.85rem;text-align:right}.message-container .message button{background-color:#6dd9ff;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .3s ease}.message-container .message button:hover{background-color:#1a1a1a;color:#fff}.row-container{background:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:.75rem;margin:1rem auto;max-width:1200px;padding:1rem}.row-container .message{background:#fff;border-radius:6px;box-shadow:0 2px 5px #0000001a;color:#333;padding:.75rem}.row-container .message.sent{background-color:#e6f7ff;border-left:4px solid #6dd9ff}.row-container .message.received{background-color:#f1f1f1;border-left:4px solid #333}.row-container .message p{margin:0}.row-container .message .timestamp{color:#777;font-size:.85rem;text-align:right}.row-container .message button{background-color:#1a1a1a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .3s ease}.row-container .message button:hover{background-color:#6dd9ff}.row{align-items:center;display:flex;gap:20px;justify-content:center}.row label{color:#333;font-size:14px;font-weight:500}.row button,.row select,.row textarea{border:1px solid #ccc;border-radius:5px;color:#333;font-size:14px;padding:5px}.row textarea{flex-grow:1;resize:none}.row button{background-color:#1a1a1a;color:#fff;cursor:pointer;transition:background-color .3s}.row button:hover{background-color:#6dd9ff}.btn-danger{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.btn-danger:hover{background-color:#c0392b}.row .btn-danger{background-color:#e74c3c;color:#fff}.row .btn-danger:hover{background-color:#c0392b}.row input[type=checkbox]{margin-left:5px}.textarea-tall{max-height:70vh;min-height:100px;resize:vertical;width:100%}.textarea-normal{border:1px solid #ccc;border-radius:5px;padding:5px;width:200px}.textarea,.textarea-normal{max-height:70vh;min-height:25px;resize:vertical}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-button{background-color:#1a1a1a;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;position:absolute;right:10px;top:10px;transition:background-color .3s ease}.login-button:hover{background-color:#6dd9ff}button{border:none!important}@media screen and (max-width:768px){.App{flex-direction:column;height:100vh;overflow:hidden}.sidebar{align-items:center;background-color:#333;box-shadow:0 2px 5px #0003;display:flex;flex-direction:row;height:60px;justify-content:space-between;left:0;padding:0 15px;position:fixed;right:0;top:0;width:100%;z-index:1000}.sidebar.open{align-items:stretch;flex-direction:column;height:auto;min-height:60px;padding:10px 15px;width:100%}.toggle-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:18px;padding:8px}.sidebar-logo{height:35px;width:35px}.sidebar-text{color:#fff;font-size:1.1rem;font-weight:500;margin-left:8px}.sidebar-content{flex:1 1;justify-content:flex-start;margin-top:10px}.nav-links,.sidebar-content{display:flex;flex-direction:column;gap:5px}.nav-item{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:16px;padding:12px 15px;text-decoration:none;transition:background-color .3s ease}.nav-item:hover{background-color:#555}.nav-icon{font-size:20px;margin-right:12px;min-width:20px}.nav-text{font-size:16px;font-weight:500}.main-content{flex:1 1;min-height:calc(100vh - 60px);overflow-y:auto;padding:20px 15px;transition:none}.main-content,.main-content.shifted{margin-left:0;margin-top:60px}.message-container{background:#f9f9f9;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:20px 0;padding:20px}.message-container h1{color:#333;font-size:1.8rem;line-height:1.3;margin-bottom:15px}.message-container p{color:#666;font-size:1.1rem;line-height:1.6}.row-container{background:#f9f9f9;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:25px 0;padding:20px}.row{align-items:stretch;gap:20px}.row,.row>div{display:flex;flex-direction:column}.row>div{gap:15px}.row label{color:#333;display:block;font-size:16px;font-weight:500;margin-bottom:8px}.row input,.row select,.row textarea{background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;font-size:16px;margin-bottom:10px;padding:15px;transition:border-color .3s ease;width:100%}.row input:focus,.row select:focus,.row textarea:focus{border-color:#6dd9ff;box-shadow:0 0 0 3px #6dd9ff1a;outline:none}.row textarea{font-family:inherit;min-height:140px;resize:vertical}.row button{background-color:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin:10px 0;min-height:52px;padding:15px 25px;transition:all .3s ease}.row button:hover{background-color:#6dd9ff;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.row button:active{transform:translateY(0)}.textarea-tall{max-height:250px;min-height:140px}.textarea-normal,.textarea-tall{font-size:16px;padding:15px;resize:vertical;width:100%}.textarea-normal{max-height:150px;min-height:50px}.row>div:last-child{display:flex;flex-direction:column;gap:15px;margin-top:20px}.row>div:last-child button{max-width:none;width:100%}.subscription-info{background:#e6f7ff;border-left:4px solid #6dd9ff;border-radius:12px;margin:20px 0;padding:20px}.subscription-info>div{font-size:15px;line-height:1.4;margin-bottom:12px}.subscription-info>div:last-child{color:#666;font-size:14px;margin-bottom:0}.row p{color:#666;font-size:13px;margin-bottom:15px;margin-top:8px;text-align:right}.subscription-info>div[style*="color: #e74c3c"]{border-top:1px solid #fcc;color:#e74c3c!important;font-size:14px;line-height:1.4;margin-top:12px;padding-top:12px}.home-container button{background-color:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin:15px 0;min-height:52px;padding:18px;transition:all .3s ease;width:100%}.home-container button:hover{background-color:#6dd9ff;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.row select{background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;font-size:16px;padding:12px;width:100%}.home-container button,.nav-item,.row button{align-items:center;display:flex;justify-content:center;min-height:52px}.main-content{-webkit-overflow-scrolling:touch;padding-bottom:40px;scroll-behavior:smooth}body{font-size:16px;line-height:1.6}.row input:invalid,.row textarea:invalid{border-color:#e74c3c}.row input:valid,.row textarea:valid{border-color:#27ae60}.home-container>div{margin-bottom:30px}.row>div:first-child{margin-bottom:20px}.row button+.row button{margin-top:15px}.message-container+.row-container,.row-container+.message-container{margin-top:30px}}@media screen and (min-width:769px) and (max-width:1024px){.sidebar{width:70px}.sidebar.open{width:250px}.main-content{margin-left:70px}.main-content.shifted{margin-left:250px}.row{flex-direction:row;gap:20px}.row>div{flex:1 1}}
/*# sourceMappingURL=main.6a7e7351.css.map*/