:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}:root{--main-bg: #f7f9fc;--panel-bg: #ffffff;--text-color: #2c3e50;--primary-color: #3498db;--danger-color: #e74c3c;--border-color: #ecf0f1;--text-light: #7f8c8d}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--main-bg);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{width:100%;margin:0 auto;padding:0;max-width:1200px}.app-header{padding:1rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #00000005}.header-main{display:flex;justify-content:space-between;align-items:center}.app-header h1{font-size:1.5rem;margin:0;line-height:1.3;word-break:break-word;flex-grow:1}.user-info{display:flex;align-items:center;gap:1rem}.user-info span,.company-name{font-weight:600;color:#555;white-space:nowrap}.company-name{padding:6px 12px;background-color:#e9ecef;border-radius:4px;color:#495057}.btn-logout{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.btn-logout:hover{background-color:#f0f0f0}.btn-logout svg{fill:#555}.tabs{display:flex;border-bottom:none;margin-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-link{flex-shrink:0;white-space:nowrap;padding:.8rem 1.2rem;cursor:pointer;border:none;background-color:transparent;font-size:1rem;font-weight:500;border-bottom:3px solid transparent;color:var(--text-light);transition:color .2s,border-color .2s}.tab-link:hover{color:var(--primary-color)}.tab-link.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-content{padding:1.5rem}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-weight:500;font-size:.95rem;border:1px solid rgba(0,0,0,.1);border-bottom-width:3px;box-shadow:0 2px 4px #0000001a;transition:all .15s ease-out}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #00000026}button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #0003;border-bottom-width:2px}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-danger{background-color:var(--danger-color);color:#fff;border-color:var(--danger-color)}.btn-secondary{background-color:#95a5a6;color:#fff;border-color:#95a5a6}table{width:100%;border-collapse:collapse}th,td{padding:12px 15px;border-bottom:1px solid var(--border-color);text-align:left}th{background-color:#f8f9fa;font-weight:600}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search]{padding:10px;border:1px solid var(--border-color);border-radius:5px;font-size:1rem;background-color:#fff;color:var(--text-color);width:100%;box-sizing:border-box}.hamburger-btn{display:none;z-index:1001;width:40px;height:40px;padding:0;background:transparent;border:none;cursor:pointer}.hamburger-btn span{display:block;width:24px;height:3px;background-color:var(--text-color);margin:5px auto;transition:all .3s ease-in-out;border-radius:3px}.hamburger-btn.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.company-management-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem}.company-management-header .label{font-size:.9rem;color:var(--text-light);display:block;margin-bottom:4px}.company-management-header .company-name-display{font-size:1.1rem;font-weight:600}::placeholder{color:var(--text-light);opacity:1}.invite-form{display:flex;gap:10px;align-items:stretch;margin:1.5rem 0}.invite-form input{flex-grow:1;width:auto}.invite-form button{flex-shrink:0}@media (min-width: 768px){.app-header{padding:2rem 2rem 0;background-color:transparent;border-bottom:none;box-shadow:none}.header-main{margin-bottom:0}.app-header h1{font-size:2rem}.user-info{display:flex;gap:15px}.hamburger-btn{display:none}.tabs{overflow-x:visible;justify-content:flex-start;border-bottom:2px solid var(--border-color);margin-top:1rem}.tab-content{padding:2rem;background-color:var(--panel-bg);border-radius:8px;box-shadow:0 4px 12px #0000000d}}@media screen and (max-width: 767px){.header-main{display:flex;flex-direction:column;align-items:stretch}.header-top-row{display:flex;justify-content:space-between;align-items:center;width:100%}.app-header h1{min-width:0;word-break:break-word}.user-info{justify-content:center;margin-top:.75rem}.hamburger-btn{display:block;flex-shrink:0}.tabs{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fffffffa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease-in-out;transform:translate(100%);z-index:1000}.tabs.active{transform:translate(0)}.tab-link{font-size:1.5rem;padding:1.5rem;width:100%;text-align:center;border-bottom:none}.tab-link.active{border-bottom:none;font-weight:700}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table .responsive-table-row,.responsive-table td{display:block;width:100%;box-sizing:border-box}.responsive-table .responsive-table-row{margin-bottom:1rem;border:1px solid var(--border-color);border-radius:5px;padding:.5rem;background-color:var(--panel-bg)}.responsive-table td{display:flex;justify-content:space-between;align-items:center;padding:.75rem .5rem;border-bottom:1px dotted var(--border-color)}.responsive-table .responsive-table-row td:last-child{border-bottom:none}.responsive-table td:before{content:attr(data-label);font-weight:700;margin-right:1rem}.responsive-table .empty-row td{justify-content:center;padding:1rem}.responsive-table .empty-row td:before{display:none}.company-management-header{flex-direction:column;align-items:flex-start}.company-management-header .btn-secondary{width:100%;text-align:center}.invite-form{flex-direction:column;align-items:stretch}}.occupancy-indicator{display:flex;align-items:center;gap:.5rem;padding:6px 12px;background-color:#e8f4fd;border:1px solid var(--primary-color);border-radius:20px;color:var(--primary-color);font-weight:600;cursor:help}.occupancy-indicator svg{fill:var(--primary-color)}.users-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.users-tab-header h2,.users-tab-header h3{margin:0}.settings-section{margin-top:3rem;border-top:2px solid var(--border-color);padding-top:1.5rem}.settings-section fieldset{border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.settings-section legend{font-size:1.2rem;font-weight:600;padding:0 .5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input[type=checkbox]{width:auto;margin-right:.5rem}.action-details{padding-left:1.5rem;margin-top:1rem;border-left:3px solid var(--primary-color)}.help-text{font-size:.9rem;color:var(--text-light);background-color:#f8f9fa;padding:.75rem;border-radius:5px;margin:0}.users-tab-header,.readers-tab-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.logs-container{height:400px;overflow-y:auto;border:1px solid var(--border-color);background-color:#fdfdfd}.logs-table th{position:sticky;top:0;background-color:#f8f9fa;z-index:1}.logs-table-row:nth-child(2n){background-color:#f9f9f9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto}.modal-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-form .form-group{margin-bottom:1rem}.modal-form label{display:block;font-weight:500;margin-bottom:.5rem}.modal-form input[type=text],.modal-form input[type=number],.modal-form input[type=time],.modal-form input[type=datetime-local],.modal-form select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;border-top:1px solid #eee;padding-top:1.5rem}.btn-delete-mini{background-color:transparent;color:var(--danger-color);border:none;cursor:pointer;padding:0;width:auto;height:auto;line-height:1;opacity:.7;transition:opacity .2s}.btn-delete-mini:hover{opacity:1}.days-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.5rem;margin-bottom:1rem}.days-checkboxes label{display:flex;align-items:center;gap:.25rem}@media screen and (max-width: 767px){.modal-content{padding:1.5rem 1rem;width:95%}.modal-form .form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column;gap:.5rem}.modal-actions button{width:100%}.add-action-form{flex-direction:column;align-items:stretch}.add-action-form small{text-align:center;margin-bottom:.5rem}}.chip-list{margin-bottom:1rem;padding:.5rem;border:1px solid #eee;border-radius:4px;min-height:50px}.chip-item{display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;padding:.5rem;border-radius:4px;margin-bottom:.5rem}.chip-item span{font-family:monospace}.add-chip-container{display:flex;gap:.5rem}.add-chip-container input{flex-grow:1}.rules-container{border:1px solid #eee;padding:1rem;margin-bottom:1rem;border-radius:5px}.rule-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f8f9fa;border-radius:4px;margin-bottom:.5rem;gap:1rem}.rule-summary{flex-grow:1}.rule-actions{display:flex;gap:.5rem}.rule-form{border:1px solid var(--primary-color);border-radius:5px;padding:1.5rem;margin-top:1rem;background-color:#fdfdfd}.rule-form h4{margin-top:0}.actions-container{border:1px solid #ddd;border-radius:4px;padding:.75rem;margin-bottom:.5rem}.action-item{display:flex;justify-content:space-between;align-items:center;background-color:#f0f0f0;padding:.5rem;border-radius:4px;margin-bottom:.5rem}.add-action-form{display:flex;gap:.5rem;margin-top:1rem}.add-action-form select,.add-action-form input{flex-grow:1}.add-action-form button{flex-shrink:0}.action-item-buttons{display:flex;gap:.5rem}.btn-edit-mini{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:0 5px;font-size:.8em;opacity:.8}.btn-edit-mini:hover{opacity:1;text-decoration:underline}.add-action-form{padding:1rem;margin-top:1rem;border:1px dashed #ccc;border-radius:4px;background-color:#fafafa}.add-action-form small{margin-left:1rem;align-self:center}