@tailwind base;@tailwind components;@tailwind utilities;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{background-color:#f5f5f5;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.App{align-items:center;display:flex;justify-content:center;min-height:100vh}.signin-container,.signup-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;width:100%}h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.2rem}label{display:block;font-weight:500;margin-bottom:.5rem}input,select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.8rem;width:100%}input:focus,select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}select{-webkit-appearance:none;appearance:none;background-color:#fff;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='%23333' 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 .8rem center;background-repeat:no-repeat;background-size:1em}button,select{cursor:pointer}button{background-color:#4f00b3;border:none;border-radius:4px;color:#fff;font-size:1rem;margin-top:1rem;padding:.8rem;transition:background-color .3s;width:100%}button:hover{background-color:#3b0086}button:disabled{background-color:#95a5a6;cursor:not-allowed}p{margin-top:1.5rem;text-align:center}a{color:#3498db;text-decoration:none}a:hover{text-decoration:underline}.error-message{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:1rem;padding:.8rem;text-align:center}body{background-color:#f8fafc;font-family:Inter,sans-serif}#dashboard-layout{display:flex;min-height:1024px}#sidebar{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;flex-direction:column;height:100%;position:fixed;width:16rem}#main-content{flex:1 1;margin-left:16rem}#header{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;height:5rem;justify-content:space-between;padding-left:2.5rem;padding-right:2.5rem;position:sticky;top:0;z-index:110}#dashboard-body{padding:2.5rem}#sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;height:5rem;justify-content:center}#sidebar-header h1{align-items:center;color:#4f00b3;display:flex;font-size:1.5rem;font-weight:700}#sidebar-header svg{margin-right:.5rem}#sidebar-nav{flex-grow:1;padding:1.5rem}#sidebar-nav ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}#sidebar-nav li span{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;padding:.5rem;transition:all .2s}#sidebar-nav li:first-child span{background-color:#4f00b3;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff}#sidebar-nav li:first-child span:hover{transform:scale(1.05)}#sidebar-nav li:not(:first-child) span{color:#475569}#sidebar-nav li:not(:first-child) span:hover{background-color:#f4ecff;color:#4f00b3}#sidebar-nav svg{font-size:1.125rem;width:1.5rem}#sidebar-nav span span{font-weight:500;margin-left:.75rem}#header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}#header .logout-button{align-items:center;background-color:#fee2e2;border:none;border-radius:.5rem;color:#dc2626;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}#header .logout-button:hover{background-color:#fecaca}#welcome-banner{align-items:center;background-color:#4f00b3;border-radius:1rem;box-shadow:0 10px 15px -3px #c4b5fd80,0 4px 6px -4px #c4b5fd80;display:flex;justify-content:space-between;margin-bottom:2.5rem;overflow:hidden;padding:2rem;position:relative}#welcome-banner>div:first-child{z-index:10}#welcome-banner h3{color:#fff;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}#welcome-banner p{color:#e9d5ff;margin-right:150px}#welcome-banner>div:last-child{bottom:-5rem;opacity:.1;position:absolute;right:-5rem}#welcome-banner>div:last-child svg{color:#fff;font-size:200px;transform:rotate(12deg)}#stays-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}#stays-header h4{color:#334155;font-size:1.25rem;font-weight:600}#stays-header button{align-items:center;background-color:#feae17;border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #fde68a80,0 2px 4px -2px #fde68a80;color:#4f00b3;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s;width:auto}#stays-header button:hover{background-color:#fbbd23;transform:scale(1.05)}#stays-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){#stays-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){#stays-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.stay-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;cursor:pointer;padding:1.5rem;transition:all .3s}.stay-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-.25rem)}.stay-card>div:first-child{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.stay-card h5{color:#4f00b3;font-size:1.125rem;font-weight:700}.stay-card>div:nth-child(2){color:#475569;display:flex;flex-direction:column;font-size:.875rem;gap:.75rem;margin-bottom:1.5rem}.stay-card>div:nth-child(2) p{align-items:center;display:flex}.stay-card>div:nth-child(2) svg{color:#94a3b8;margin-right:.5rem;width:1.25rem}.stay-card>div:nth-child(2) span{color:#1e293b;font-weight:500;margin-left:.25rem}.stay-card>span{align-items:center;background-color:#f4ecff;border-radius:.5rem;color:#4f00b3;display:flex;font-weight:600;justify-content:center;padding:.75rem 0;transition:background-color .2s;width:100%}.stay-card>span:hover{background-color:#e9d5ff}.stay-card>span svg{font-size:.75rem;margin-left:.5rem}.add-unit-form{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;margin-bottom:2.5rem;padding:2rem}.add-unit-form h4{color:#334155;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.add-unit-form .error-message{background-color:#fee2e2;border-radius:.5rem;color:#b91c1c;margin-bottom:1rem;padding:.75rem}.add-unit-form form{display:flex;flex-direction:column;gap:1.5rem}.add-unit-form form>div:not(.form-buttons){grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.add-unit-form form>div:not(.form-buttons){grid-template-columns:repeat(2,1fr)}}.add-unit-form label{color:#475569;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.add-unit-form input,.add-unit-form select{border:1px solid #cbd5e1;border-radius:.5rem;padding:.5rem 1rem;width:100%}.add-unit-form input:focus,.add-unit-form select:focus{border-color:#4f00b3;box-shadow:0 0 0 2px #c4b5fd;outline:2px solid #0000;outline-offset:2px}.add-unit-form input:disabled{background-color:#f1f5f9}.form-buttons{display:flex;gap:1rem;justify-content:flex-end}.form-buttons button{border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.25rem;transition:background-color .2s}.form-buttons button[type=button]{background-color:#f1f5f9;color:#475569}.form-buttons button[type=button]:hover{background-color:#e2e8f0}.form-buttons button[type=submit]{background-color:#4f00b3;color:#fff}.form-buttons button[type=submit]:hover{background-color:#3b0086}.form-buttons button:disabled{background-color:#94a3b8;cursor:not-allowed}#dashboard-container{width:100%}.status-badge{border-radius:9999px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.status-red{background-color:#fee2e2;color:#b91c1c}.status-orange{background-color:#ffedd5;color:#c2410c}.status-gray{background-color:#f1f5f9;color:#64748b}.status-green{background-color:#dcfce7;color:#166534}.sidebar-toggle{background:none;border:none;color:#4f00b3;cursor:pointer;display:none;font-size:1.5rem;margin:0;padding:.5rem;width:auto}.sidebar-overlay{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}@media (max-width:768px){#sidebar{transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:100}#sidebar.open{transform:translateX(0)}#main-content{margin-left:0}#sidebar.open~.sidebar-overlay,.sidebar-toggle{display:block}}@media (min-width:769px){.sidebar-toggle{display:none}}#edit-unit-section{padding:2.5rem}#edit-unit-container{margin-left:auto;margin-right:auto;max-width:56rem}#unit-details-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:2rem}@media (min-width:768px){#unit-details-card{padding:3rem}}#unit-details-card h3{color:#1e293b;font-size:1.875rem;font-weight:700;margin-bottom:2.5rem;text-align:center}#unit-form{display:flex;flex-direction:column;gap:1.5rem}#unit-form label{color:#475569;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}#unit-form input,#unit-form select{border:1px solid #cbd5e1;border-radius:.5rem;padding:.75rem 1rem;transition:box-shadow .2s;width:100%}#unit-form input:focus,#unit-form select:focus{border-color:#4f00b3;box-shadow:0 0 0 2px #4f00b380;outline:2px solid #0000;outline-offset:2px}.select-wrapper{position:relative}.select-wrapper select{appearance:none;-webkit-appearance:none;background-color:#fff}.select-wrapper svg{color:#64748b;font-size:.75rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.form-grid{grid-template-columns:repeat(2,1fr)}}.date-wrapper{position:relative}.date-wrapper svg{color:#64748b;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}#unit-form .form-buttons{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}@media (min-width:768px){#unit-form .form-buttons{flex-direction:row}}#unit-form .form-buttons button{border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff;cursor:pointer;flex:1 1;font-weight:700;padding:.75rem 1.5rem;transition:background-color .3s;width:100%}#unit-form .form-buttons .btn-primary{background-color:#4f00b3}#unit-form .form-buttons .btn-primary:hover{background-color:#3b0086}#unit-form .form-buttons .btn-danger{background-color:#ef4444}#unit-form .form-buttons .btn-danger:hover{background-color:#dc2626}#unit-details-card hr{border-color:#e2e8f0;margin:2.5rem 0}#access-section{display:flex;flex-direction:column;gap:2rem}#access-section h4{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:1rem}#access-section ul{color:#475569;list-style:disc;padding-left:1.5rem}#access-section ul span{color:#94a3b8;font-size:.875rem}#parent-link-section p{color:#64748b;font-size:.875rem;margin-bottom:1rem}.link-container{align-items:center;background-color:#f1f5f9;border-radius:.5rem;display:flex;padding:.75rem}.link-container span{color:#4f00b3;cursor:pointer;flex-grow:1;font-size:.875rem;word-break:break-all}.link-container button{background:none;border:none;color:#64748b;cursor:pointer;margin-left:1rem}.link-container button:hover{color:#4f00b3}.copy-success{color:green;margin-top:5px}#qr-code-section{text-align:center}#qr-code-section>div{display:flex;justify-content:center;margin-bottom:1.5rem}#qr-code-section button{background-color:#feae17;border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#1e293b;cursor:pointer;font-weight:700;padding:.75rem 2rem;transition:background-color .3s;width:100%}@media (min-width:768px){#qr-code-section button{width:auto}}#qr-code-section button:hover{background-color:#f59e0b}.form-buttons .btn-primary{background-color:#4f00b3}.form-buttons .btn-primary:hover{background-color:#3b0086}.devices-list{list-style:none;padding:0}.devices-list li{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.delete-device-btn{background:none;border:none;color:#dc3545;cursor:pointer;flex-shrink:0;padding:5px;width:40px}.delete-device-btn:hover{color:#a71d2a}
/*# sourceMappingURL=main.ec2abf15.css.map*/