.category-manage-content{display:flex;flex-direction:column;gap:.75rem}.category-header{color:#6b7280;font-size:.85rem;padding:0 .25rem}.category-header,.color-picker-row{display:grid;grid-template-columns:80px 1fr 120px}.color-picker-row{align-items:center;gap:.5rem;padding:.25rem;border-bottom:1px dashed #eef1f4}.header-color{grid-column:1}.header-name{grid-column:2}.header-actions{grid-column:3;text-align:left}.category-row{display:flex;align-items:center;gap:.5rem}.color-picker-row .color-dropdown{position:relative}.color-dropdown-trigger{display:inline-flex;align-items:center;gap:.5rem;background:#e9eef5;border:1px solid #d5dae0;border-radius:8px;padding:.35rem .5rem;cursor:pointer}.color-dropdown-trigger .caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #495057}.color-dropdown-menu{position:absolute;top:110%;left:0;background:white;border:1px solid #e9ecef;border-radius:8px;padding:8px;box-shadow:0 4px 12px rgba(0,0,0,.12);z-index:50;display:grid;grid-template-columns:repeat(3,20px);gap:8px}.category-row input[type=text]{flex:1;padding:.5rem;border:2px solid #e9ecef;border-radius:6px}.btn-icon{background:transparent;display:inline-flex;color:#6b7280}.color-palette{display:grid;grid-template-columns:repeat(5,20px);gap:6px}.color-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.1);cursor:pointer}.app{display:flex;height:100vh;background-color:#f5f6fa}.sidebar{width:250px;background:linear-gradient(180deg,#1f2937,#111827);color:white;display:flex;flex-direction:column;box-shadow:2px 0 8px rgba(0,0,0,.15);transition:width .3s ease}.sidebar.collapsed{width:70px}.sidebar.collapsed .nav-button span,.sidebar.collapsed .sidebar-header h1,.sidebar.collapsed .sidebar-header p{display:none}.sidebar.collapsed .sidebar-header>div:first-child{flex-direction:column;align-items:center;gap:.5rem}.sidebar.collapsed .sidebar-header>div:first-child>div:first-child{display:none}.sidebar.collapsed .nav-button{justify-content:center;padding:.75rem}.sidebar.collapsed .nav-children,.sidebar.collapsed .nav-parent svg:last-child{display:none}.sidebar-toggle-button{background:transparent;border:none;color:rgba(255,255,255,.8);cursor:pointer;padding:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.sidebar-toggle-button:hover{background:rgba(255,255,255,.1);color:white}.logout-button{display:flex;align-items:center;gap:.5rem;align-self:flex-start;font-size:12px;opacity:.8;background:transparent;border:none;color:rgba(255,255,255,.8);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s}.logout-button:hover{opacity:1;background:rgba(255,255,255,.1)}.sidebar.collapsed .logout-button{align-self:center;justify-content:center}.sidebar.collapsed .logout-button span{display:none}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h1{font-size:1.25rem;margin:0 0 .25rem;font-weight:700;letter-spacing:-.02em}.sidebar-header p{font-size:.875rem;margin:0;opacity:.75;font-weight:400}.navigation{display:flex;flex-direction:column;padding:1rem 0;flex:1;min-height:0;overflow-y:auto}.nav-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;margin:.25rem 1rem;color:rgba(255,255,255,.85);font-size:.9rem;transition:all .2s ease;position:relative;text-align:left;border-radius:8px}.nav-button:hover{background:rgba(255,255,255,.08);color:white}.nav-button.active{background:var(--brand-color-600);color:white;font-weight:600}.nav-group{width:100%}.nav-parent{justify-content:space-between;position:relative}.nav-parent svg:last-child{margin-left:auto;flex-shrink:0}.nav-children{padding-left:1rem;border-left:2px solid rgba(255,255,255,.1);margin-left:1rem}.nav-child{font-size:.875rem;padding:.5rem .75rem;margin:.25rem 1rem;background:transparent;border:1px solid transparent;border-radius:6px}.nav-child:hover{background:rgba(255,255,255,.08)}.nav-child.active{background:var(--brand-color-600);color:white;font-weight:600}.nav-child svg{width:16px;height:16px}.visitor-history-popover{display:flex;flex-direction:column;gap:.25rem;min-width:180px}.visitor-history-popover .popover-title{font-size:.75rem;font-weight:600;color:rgba(0,0,0,.6);padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:.25rem}.visitor-history-popover .popover-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;color:rgba(0,0,0,.8);border-radius:4px;transition:all .2s;text-decoration:none}.visitor-history-popover .popover-item:hover{background:rgba(52,152,219,.1);color:#3498db}.visitor-history-popover .popover-item.active{background:rgba(52,152,219,.2);color:#3498db;font-weight:500}.nav-child.active:before{width:2px;left:-1rem}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{background:white;padding:1rem 2rem;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;gap:1rem;align-items:center}.search-bar{flex:1;max-width:500px;position:relative}.search-bar input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;background:white;color:#333}.search-bar input:focus{outline:none;border-color:var(--brand-color-600)}.search-icon{top:50%;transform:translateY(-50%);color:#666;size:18px}.new-record-btn{display:flex;align-items:center;gap:.5rem;background:var(--brand-color-600);color:white;padding:.5rem 1rem;border-radius:4px;font-weight:500;transition:background .2s}.new-record-btn:hover{background:#2980b9}.main-content{flex:1;overflow-y:auto;padding:0}.dashboard{padding:2rem;height:100vh;overflow:hidden;display:flex;flex-direction:column}.dashboard .page-header{margin-bottom:1.5rem;flex-shrink:0}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1.5rem;flex:1;overflow:hidden}.dashboard-section{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden}.dashboard-section.today-events{grid-column:1;grid-row:1}.dashboard-section.inquiry-stats{grid-column:1;grid-row:2}.dashboard-section.recent-notes{grid-column:2;grid-row:1}.dashboard-section.today-notes{grid-column:2;grid-row:2}.dashboard-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:#2c3e50;font-size:1rem;font-weight:600;flex-shrink:0}.events-list,.note-list,.recent-records{overflow-y:auto;flex:1}.record-item{padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:.75rem}.record-item-link{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease}.record-item-link:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);border-color:#8b5cf6}.record-item:last-child{margin-bottom:0}.record-header{justify-content:space-between;margin-bottom:.5rem}.header-left,.record-header{display:flex;align-items:center}.header-left{gap:.5rem}.category-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.category-交通{background:#e3f2fd;color:#1976d2}.category-観光地{background:#f3e5f5;color:#7b1fa2}.category-イベント{background:#fff3e0;color:#f57c00}.category-飲食{background:#e8f5e9;color:#388e3c}.category-宿泊{background:#fce4ec;color:#c2185b}.category-その他{background:#f5f5f5;color:#616161}.importance{font-size:.75rem}.importance-重要{color:#d32f2f}.importance-注意{color:#f57c00}.importance-回覧{color:#388e3c}.record-item h4{margin:.25rem 0;color:#2c3e50;font-size:.9rem}.record-item p{color:#666;font-size:.8rem;line-height:1.4;margin:.25rem 0}.record-meta{display:flex;justify-content:space-between;margin-top:.75rem;font-size:.75rem;color:#999}.note-item{padding:.75rem;background:#f8f9fa;border-radius:6px;margin-bottom:.75rem;font-size:.875rem}.note-header{gap:1rem;margin-bottom:.5rem}.shift-badge{padding:.25rem .5rem;background:var(--brand-color-600);color:white;border-radius:4px;font-size:.75rem;font-weight:500}.todo-list{margin-top:.5rem;padding-left:1.25rem}.todo-list li{color:#666;font-size:.8rem;margin-bottom:.2rem}.no-data{text-align:center;color:#999;padding:1.5rem;font-size:.875rem}.category-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-item{display:flex;justify-content:space-between;padding:.75rem;background:#f8f9fa;border-radius:6px}.stat-label{color:#666;font-size:.875rem}.stat-value{font-weight:600;color:#2c3e50}.records h2{margin-bottom:2rem;color:#2c3e50}.records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.record-card{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.record-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.record-card h3{margin:1rem 0 .5rem;color:#2c3e50;font-size:1.125rem}.record-card p{color:#666;line-height:1.5;margin-bottom:1rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{padding:.25rem .5rem;background:#e3f2fd;color:#1976d2;border-radius:4px;font-size:.75rem}.record-footer{font-size:.75rem;color:#999;padding-top:.75rem;border-top:1px solid #f0f0f0}.page-header,.record-footer{display:flex;justify-content:space-between}.page-header{align-items:center;margin-bottom:1.5rem;flex-shrink:0}.page-header-main{gap:.75rem}.page-header-content h2,.page-header-leading,.page-header-main{display:flex;align-items:center}.page-header-content h2{gap:.5rem;margin:0 0 .25rem;color:#2c3e50;font-size:1.125rem}.page-header-content p{margin:0;color:#666;font-size:.875rem}.page-header-actions{display:flex;gap:.5rem;align-items:center}.category-settings-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #dee2e6;background:#f5f6f8;color:#6b7280;cursor:pointer}.category-settings-button:hover{background:#eceff3;border-color:#d5dae0}.note{display:flex;flex-direction:column;padding:2rem;height:100%}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.note-header h2{margin:0;color:#2c3e50}.note-controls{background:white;padding:1rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);flex-shrink:0}.note-controls,.search-section{margin-bottom:1rem}.search-section .search-bar{max-width:500px}.filter-section{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.35rem}.filter-group label{font-size:.875rem;color:#666;font-weight:500}.filter-group select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;min-width:120px}.filter-stats{margin-left:auto}.filter-with-action{display:flex;align-items:center;gap:.5rem}.filter-group.category-filter,.filter-group.search-filter{flex:1 1 260px;max-width:380px}.filter-group.category-filter .filter-with-action,.filter-group.search-filter .search-bar{width:100%}.filter-group.search-filter .search-bar{max-width:100%}.filter-group.category-filter .custom-dropdown{flex:1}.edit-category-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#6c757d;cursor:pointer;flex-shrink:0}.edit-category-btn:hover{background:#e9ecef;color:#495057}.result-count{color:#666;background:#f8f9fa;border-radius:4px}.manage-category-btn,.result-count{font-size:.875rem;padding:.5rem 1rem}.manage-category-btn{white-space:nowrap}.filter-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.5rem;margin:-.5rem -.5rem 0;border-radius:4px;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-header:hover{background-color:#f8f9fa}.filter-header:focus-visible{outline:2px solid #007bff;outline-offset:2px}.filter-header-content{display:flex;align-items:center;gap:.5rem}.filter-title{font-weight:600;font-size:.875rem;color:#333}.filter-active-badge{background:#007bff;color:white;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.filter-toggle-icon{transition:transform .2s ease;color:#666;flex-shrink:0}.filter-toggle-icon.expanded{transform:rotate(180deg)}.note-controls .filter-section{margin-top:1rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pagination-container{display:flex;flex-direction:row;align-items:center;margin-top:1rem;margin-bottom:1rem}.pagination-spacer{flex:1}.pagination-buttons{display:flex;align-items:center;gap:.5rem}.pagination-button{min-width:2rem;padding:.35rem .5rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#ffffff;color:#374151;cursor:pointer;font-size:.8125rem;font-weight:400}.pagination-button.active{background-color:#3b82f6;color:#ffffff;font-weight:600}.pagination-nav-button{display:flex;align-items:center;justify-content:center;padding:.35rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#ffffff;cursor:pointer}.pagination-nav-button:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.5}.pagination-ellipsis{color:#6b7280;padding:0 .25rem}.pagination-count{flex:1;text-align:right;font-size:.875rem;color:#6b7280;padding-right:1rem}.note-list-section{background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.records-list{flex:1;overflow-y:auto;padding:1.5rem}.record-item-compact{border:1px solid #e0e0e0;border-radius:6px;padding:1rem;margin-bottom:1rem;background:white;transition:box-shadow .3s ease,border-color .3s ease}.record-item-compact.note-highlighted{box-shadow:0 0 0 3px rgba(139,92,246,.4);border-color:#8b5cf6;animation:highlight-pulse 1s ease-in-out 2}@keyframes highlight-pulse{0%,to{box-shadow:0 0 0 3px rgba(139,92,246,.4)}50%{box-shadow:0 0 0 6px rgba(139,92,246,.2)}}.todo-badge{display:inline-block;background:#fff3e0;color:#e65100;font-size:.75rem;font-weight:500;padding:.2rem .4rem;border:1px solid #ffcc80;border-radius:4px;margin-right:.5rem;text-transform:uppercase;letter-spacing:.5px}.record-item-compact:last-child{margin-bottom:0}.record-item-header{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.record-date{font-size:.75rem;color:#999;margin-left:auto}.record-item-compact h4{margin:.5rem 0;color:#2c3e50;font-size:1rem}.record-item-compact p{font-size:.875rem;line-height:1.4;margin-bottom:.75rem}.note-content p,.record-item-compact p{color:#2c3e50;font-weight:500}.label-with-button{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.todo-label-container{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.todo-label-text{font-weight:500;color:#2c3e50;font-size:.875rem}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.date-input-placeholder{height:32px;border:1px solid transparent;background:transparent}.required-mark{font-weight:400}.custom-dropdown{position:relative;width:100%}.modal-content .custom-dropdown{position:relative;width:100%;isolation:isolate;overflow:visible}.modal-content .dropdown-menu{position:absolute;right:0!important;box-sizing:border-box;transform:none!important;margin:0!important}.modal-content .single-select-dropdown{left:0!important;right:0!important;width:100%!important;min-width:100%!important;max-width:100%!important;transform:translateX(0)!important;margin-left:0!important;margin-right:0!important}.modal-content .form-group{position:relative;z-index:auto}.modal-content .form-group:focus-within,.modal-content .form-group:has(.custom-dropdown button:focus),.modal-content .form-group:has(.single-select-dropdown){z-index:1080}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:120px;padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;background:white;cursor:pointer;font-size:.875rem;min-height:36px;box-sizing:border-box}.modal-content .dropdown-trigger{width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important}.dropdown-trigger span:first-child{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.dropdown-trigger:hover{border-color:#bbb}.dropdown-arrow{transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.category-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ccc transparent}.importance-dropdown{max-height:calc(3 * 36px + 12px)}.type-dropdown{max-height:calc(2 * 36px + 12px)}.dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;font-size:.875rem;flex-shrink:0;min-height:36px}.dropdown-item:hover{background:#f5f5f5}.dropdown-item input[type=checkbox]{width:auto;margin:0;flex-shrink:0}.dropdown-divider{height:1px;background:#eee;margin:.5rem 0}.manage-btn{color:var(--brand-color-600);font-weight:500;justify-content:center}.manage-btn:hover{background:#f0f8ff}.category-manage-modal{max-width:900px;width:85vw;min-width:700px}.settings-tabs{display:flex;gap:.5rem;margin-left:auto;margin-right:2rem}.settings-tab{padding:.5rem 1rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.settings-tab:hover{background:#e5e7eb;color:#374151}.settings-tab.active{background:#2563eb;border-color:#2563eb;color:white}.category-manage-content{padding:1.5rem 2rem}.category-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.category-list-header h4{margin:0;color:#2c3e50;font-size:1.1rem}.add-category-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem}.add-category-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.add-category-form{display:flex;gap:.5rem}.add-category-form input{flex:1}.category-list,.category-list-inline{display:flex;flex-direction:column;gap:.5rem}.category-list-inline{flex:1}.category-item{border:1px solid #e0e0e0;border-radius:8px;padding:1rem 1.25rem;background:white;margin-bottom:.75rem;transition:all .2s ease}.category-item:hover{border-color:#c0c0c0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.add-category-item{border:2px dashed #007bff!important;background:linear-gradient(45deg,#f8f9ff,#e9ecff)!important;box-shadow:0 2px 8px rgba(0,123,255,.1)!important}.add-category-item .category-edit-form input[type=text]{border-color:#007bff;background:white;font-weight:500}.category-display,.category-edit-form{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px}.category-name{flex:1;font-weight:500;color:#2c3e50;font-size:1rem;padding:.5rem 0}.category-edit-form input[type=text]{flex:1;padding:.75rem 1rem;border:2px solid #007bff;border-radius:6px;font-size:1rem;background:white;color:#2c3e50;outline:none}.category-edit-form input[type=text]:focus{border-color:#0056b3;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.category-actions{display:flex;gap:.75rem;align-items:center;flex-shrink:0}.category-manage-modal .btn-icon{display:flex;align-items:center;justify-content:center;padding:.65rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;color:#6c757d;transition:all .2s ease;width:auto;height:auto}.category-manage-modal .btn-icon:hover{background:#e9ecef;border-color:#dee2e6;color:#495057}.category-manage-modal .btn-icon.delete{color:#dc3545;border-color:#f5c6cb;background:#f8d7da}.category-manage-modal .btn-icon.delete:hover{background:#f1aeb5;border-color:#f1aeb5}.category-manage-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding:1.5rem 2rem 0}.btn-icon{border:1px solid #ddd;border-radius:4px;background:white}.btn-icon:hover{background:#f5f5f5;border-color:#bbb}.btn-icon.delete{color:#e74c3c;border-color:#e74c3c}.btn-icon.delete:hover{background:#fdf2f2}.btn-sm{padding:.25rem .75rem;font-size:.875rem}.category-edit-form input{flex:1}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:24px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;border-radius:50%}.toggle-switch input:checked+.slider{background-color:var(--brand-color-600)}.toggle-switch input:checked+.slider:before{transform:translateX(26px)}.due-date-container{gap:.5rem;flex-shrink:0;min-width:200px}.due-date-container,.due-date-label{display:flex;align-items:center;height:32px}.due-date-label{font-size:.875rem;color:#2c3e50;font-weight:500;white-space:nowrap;line-height:32px}.due-date-input{width:auto;min-width:150px;height:32px}.record-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.record-tags .tag{font-size:.7rem;padding:.2rem .4rem}.record-author{font-size:.75rem;color:#999;text-align:right}.record-due-date{font-size:.75rem;color:#f97316}.no-results{padding:3rem 1rem;color:#999}.faq h2{margin-bottom:2rem;color:#2c3e50}.faq-list{max-width:800px;margin:0 auto}.faq-item{display:flex;justify-content:space-between;align-items:center;background:white;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1rem}.faq-content h3{margin:0 0 .5rem;color:#2c3e50;font-size:1.125rem}.faq-content p{margin:0;color:#666}.faq-count{text-align:center;flex-shrink:0;margin-left:2rem}.count{display:block;font-size:2rem;font-weight:600;color:var(--brand-color-600)}.label{font-size:.75rem;color:#999}.analytics h2{margin-bottom:2rem;color:#2c3e50}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:white;padding:2rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.stat-card h3{margin:0 0 1rem;color:#666;font-size:1rem;font-weight:500}.stat-number{font-size:3rem;font-weight:600}.voice-input-container{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}.voice-input-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f8f9fa;border:1px solid #ddd;color:#666;transition:all .2s;cursor:pointer}.voice-input-btn:hover{background:#e9ecef;border-color:#adb5bd}.voice-input-btn.listening{background:#dc3545;border-color:#dc3545;color:white;animation:pulse 1.5s infinite}.voice-input-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.voice-error{color:#dc3545}.voice-error,.voice-status{font-size:.75rem;margin-left:.25rem}.voice-status{color:#28a745}.input-with-voice{align-items:flex-start;gap:0}.input-with-voice input,.input-with-voice textarea{flex:1}.input-with-voice .voice-input-container{margin-left:.5rem;margin-top:.25rem}.modal{background:white;padding:2rem;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal h2{margin:0 0 1.5rem;color:#2c3e50}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#666}.required-badge{display:inline-block;margin-left:.4rem;padding:.05rem .35rem;background:#f1f3f5;color:#495057;font-size:.75rem;font-weight:600;vertical-align:middle}.form-group input,.form-group select,.form-group textarea{padding:.5rem;border:1px solid #ddd;border-radius:4px}.form-actions{gap:1rem;margin-top:2rem}.btn-primary,.btn-secondary{padding:.5rem 1.5rem;border-radius:4px;font-weight:500;transition:background .2s;height:40px;display:flex;align-items:center;gap:.5rem}.btn-secondary{background:#e0e0e0;color:#666}.btn-secondary:hover{background:#d0d0d0}.btn-danger{background:#e74c3c;color:white;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s}.btn-danger:hover{background:#c0392b}@media (max-width:768px){.sidebar,.sidebar.not-initialized{width:70px}.sidebar.not-initialized .nav-button span,.sidebar.not-initialized .sidebar-header h1,.sidebar.not-initialized .sidebar-header p{display:none}.sidebar.not-initialized .sidebar-header{padding:1rem .5rem}.sidebar.not-initialized .nav-button{justify-content:center;padding:.75rem}.sidebar.not-initialized .nav-children,.sidebar.not-initialized .nav-parent svg:last-child{display:none}.sidebar.not-initialized .sidebar-header>div:first-child{flex-direction:column;align-items:center;gap:.5rem}.sidebar.not-initialized .sidebar-header>div:first-child>div:first-child{display:none}.sidebar.not-initialized .logout-button{align-self:center;justify-content:center}.sidebar.not-initialized .logout-button span{display:none}.sidebar.collapsed{width:70px}.sidebar:not(.collapsed):not(.not-initialized){width:250px}.sidebar-header{padding:1rem 1.5rem}.sidebar.collapsed .sidebar-header{padding:1rem .5rem}.navigation{flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:1rem 0}.sidebar:not(.collapsed) .nav-button{flex-direction:row;align-items:center;gap:.75rem;padding:.75rem 1.5rem}.sidebar.collapsed .nav-button{min-width:auto;width:100%;padding:.75rem;justify-content:center}.top-bar{flex-direction:column;align-items:stretch;gap:.5rem}.search-bar{max-width:none}.records-grid{grid-template-columns:1fr}.note-entry{flex-direction:column;gap:1rem}.note-date{width:auto}.filter-section{flex-direction:column;align-items:stretch;gap:1rem}.filter-stats{margin-left:0}}.chat{flex-direction:row;height:100%}.chat,.chat-main{display:flex;overflow:hidden;position:relative}.chat-main{flex-direction:column;flex:1;padding:0}.chat .page-header{border-bottom:none;flex-shrink:0;margin-bottom:0}.chat .page-header,.chat-messages{padding:1.5rem 2rem;background:transparent}.chat-messages{flex:1;overflow-y:auto;border-radius:0;gap:1rem}.chat-messages,.message{display:flex;flex-direction:column}.message{max-width:80%}.message.user{align-self:flex-end;align-items:flex-end}.message.assistant{align-self:flex-start;align-items:flex-start}.message-content{padding:.75rem 1rem;border-radius:12px;font-size:.9rem;line-height:1.4;word-wrap:break-word}.message.user .message-content{background:var(--brand-color-600);color:white;border-bottom-right-radius:4px}.message.assistant .message-content{background:white;color:#333;border:1px solid #e0e0e0;border-bottom-left-radius:4px}.message-time{font-size:.75rem;color:#999;margin-top:.25rem;padding:0 .5rem}.typing-indicator{display:flex;align-items:center;gap:.25rem}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:#999;animation:typing 1.4s ease-in-out infinite}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-form{padding:1.5rem 2rem;background:white;border-top:1px solid #e5e7eb;flex-shrink:0}.chat-input-container{display:flex;gap:.5rem;align-items:center}.chat-input{flex:1;padding:.75rem 1rem;border:1px solid #ddd;border-radius:24px;font-size:.9rem;outline:none;transition:border-color .2s}.chat-input:focus{border-color:var(--brand-color-600)}.chat-send-btn{width:40px;height:40px;border-radius:50%;background:var(--brand-color-600);color:white;display:flex;align-items:center;justify-content:center;transition:all .2s;border:none;cursor:pointer}.chat-send-btn:hover:not(:disabled){background:#2980b9}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.chat .page-header,.chat-input-form,.chat-messages{padding:1rem}.message{max-width:90%}}.chat-sidebar{width:280px;background:#f8f9fa;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100%}.chat-sidebar-header{padding:1rem;border-bottom:1px solid #e0e0e0}.new-thread-btn,.sidebar-header-top{display:flex;gap:.5rem;align-items:center}.new-thread-btn{flex:1;padding:.75rem 1rem;background:var(--brand-color-600);color:white;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;justify-content:center;transition:background .2s}.new-thread-btn:hover{background:#2980b9}.close-sidebar-btn{width:40px;height:40px;border-radius:8px;background:white;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#666;flex-shrink:0}.close-sidebar-btn:hover{background:#f8f9fa;border-color:var(--brand-color-600);color:var(--brand-color-600)}.chat-sidebar-threads{flex:1;overflow-y:auto;padding:.5rem}.chat-sidebar-empty,.chat-sidebar-loading{padding:2rem 1rem;text-align:center;color:#666;font-size:.9rem}.thread-item{padding:.75rem;margin-bottom:.5rem;background:white;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.thread-item:hover{background:#f0f8ff;border-color:var(--brand-color-600)}.thread-item.active{background:#e3f2fd;border-color:var(--brand-color-600)}.thread-message{font-size:.85rem;color:#333;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-time{font-size:.75rem;color:#999}.sidebar-toggle-btn{position:absolute;top:.75rem;left:.75rem;width:40px;height:40px;border-radius:8px;background:white;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10;color:#666;box-shadow:0 2px 8px rgba(0,0,0,.1)}.sidebar-toggle-btn:hover{background:#f8f9fa;border-color:var(--brand-color-600);color:var(--brand-color-600);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (max-width:768px){.sidebar-toggle-btn{top:4rem}}.chat.sidebar-collapsed .chat-main,.ocr-upload{width:100%}.ocr-drop-zone{border:2px dashed #ddd;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:#fafafa}.ocr-drop-zone:hover{border-color:var(--brand-color-600);background:#f0f8ff}.ocr-upload-icon{color:#999;margin-bottom:1rem}.ocr-drop-zone h3{margin:0 0 .5rem;color:#333;font-size:1.1rem}.ocr-drop-zone p{margin:0 0 1rem;color:#666;font-size:.9rem}.ocr-supported-formats{font-size:.75rem;color:#999;background:#f5f5f5;padding:.5rem 1rem;border-radius:4px;display:inline-block}.ocr-processing-area{display:flex;flex-direction:column;gap:1rem}.ocr-image-preview{position:relative;max-width:300px;margin:0 auto}.ocr-image-preview img{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.ocr-image-actions{position:absolute;top:8px;right:8px;display:flex;gap:.5rem}.btn-icon{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:rgba(255,255,255,.9);color:#666}.btn-icon:hover{background:white;color:#333}.btn-icon.btn-danger{background:rgba(220,53,69,.9);color:white}.btn-icon.btn-danger:hover{background:#dc3545}.ocr-processing{text-align:center;padding:2rem}.ocr-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ocr-processing p{margin:0 0 .5rem;color:#333;font-weight:500}.ocr-processing small{color:#666}.ocr-result{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.ocr-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #f0f0f0}.ocr-result-header h4{margin:0;color:#333}.ocr-stats{display:flex;gap:1rem;font-size:.75rem;color:#666}.ocr-confidence{color:#28a745;font-weight:500}.ocr-text-output{margin-bottom:1rem}.ocr-textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;line-height:1.4;resize:vertical;background:#f8f9fa}.ocr-actions{display:flex;gap:.5rem;justify-content:flex-end}.ocr-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000}.ocr-preview-content{position:relative;max-width:90vw;max-height:90vh}.ocr-preview-content img{max-width:100%;max-height:100%;border-radius:8px}.ocr-preview-close{position:absolute;top:-40px;right:0;background:rgba(255,255,255,.9);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333}.wheelchair-rental{padding:2rem;height:100%;overflow-y:auto;display:flex;flex-direction:column;position:relative}.wheelchair-rental-content{flex:1;overflow-y:auto;position:relative;z-index:1}.rental-section{margin-bottom:2rem}.wheelchair-list{display:flex;flex-direction:column;gap:.5rem}.wheelchair-row{display:grid;grid-template-columns:140px 1fr 140px;gap:1.5rem;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s;min-height:100px}@media (max-width:768px){.wheelchair-row{grid-template-columns:1fr;gap:.75rem;text-align:center}.wheelchair-row-right{align-items:center}}.wheelchair-row:hover{border-color:var(--brand-color-600);background:#f0f8ff}.wheelchair-row.unavailable{cursor:not-allowed;opacity:.7}.wheelchair-row.unavailable:hover{border-color:#e0e0e0;background:#fff}.wheelchair-row.selected{border-color:var(--brand-color-600);box-shadow:0 0 0 2px rgba(52,152,219,.15)}.wheelchair-row-left{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.wheelchair-num{font-weight:600;color:#2c3e50;font-size:1rem}.wheelchair-chip{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.chip-rented{background:#e7f1fb;color:#1d6fa5;border:1px solid #cfe3f8}.chip-free{background:#eaf7ea;color:#2f8f2f;border:1px solid #cfead0}.wheelchair-row-center{display:flex;align-items:center;justify-content:flex-start;min-height:60px}.wheelchair-user-info{width:100%;padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef;display:flex;flex-direction:column;gap:.4rem}.user-info-line{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.user-nationality{font-weight:600;color:#2c3e50;font-size:.9rem}.user-demographics{color:#6c757d;font-size:.8rem}.contact-label,.purpose-label{color:#495057;font-size:.8rem;font-weight:500;flex-shrink:0}.contact-phone{font-family:monospace}.contact-phone,.purpose-text{color:#495057;font-size:.8rem}.purpose-text{line-height:1.3;flex:1}.wheelchair-row-right{display:flex;justify-content:center;align-items:center}.empty-info{color:#adb5bd;font-style:italic;text-align:center;font-size:.9rem;opacity:.7}.history-btn{padding:.5rem 1rem;background:#6c757d;color:white;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s}.history-btn:hover{background:#5a6268}.history-modal{background:white;border-radius:12px;padding:0;width:90%;max-width:800px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.history-content{flex:1;overflow-y:auto;padding:1rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{border:1px solid #e9ecef;border-radius:8px;padding:1rem;background:#fff}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #f8f9fa}.wheelchair-info{display:flex;align-items:center;gap:.5rem}.status-badge{display:inline-block;padding:.25rem .5rem;width:-moz-fit-content;width:fit-content;white-space:nowrap}.status-rented{background:#e7f1fb;color:#1d6fa5;border:1px solid #cfe3f8}.status-returned{background:#eaf7ea;color:#2f8f2f;border:1px solid #cfead0}.time-info{color:#6c757d;font-size:.875rem}.history-item-details{display:grid;gap:.5rem}.detail-row{gap:.5rem}.detail-label{color:#495057;min-width:60px;flex-shrink:0}.detail-value{color:#212529}.no-history{text-align:center;color:#6c757d;font-style:italic;padding:3rem 1rem}.thread-section{margin-top:1rem;padding-top:.5rem;border-top:1px solid #f0f0f0}.thread-toggle{display:flex;justify-content:flex-start;align-items:center;margin-bottom:0}.thread-toggle-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#6c757d;cursor:pointer;font-size:.9rem;padding:0;transition:color .2s}.thread-toggle-btn:hover{color:#495057}.thread-replies{margin-left:1rem;border-left:3px solid #f8f9fa;padding-left:1rem}.reply-item{margin-bottom:.75rem;padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.reply-author{font-weight:500;color:#495057;font-size:.875rem}.reply-date{color:#6c757d;font-size:.8rem}.reply-content{color:#212529;line-height:1.4;font-size:.9rem}.reply-form{margin-left:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.reply-textarea{width:100%;border:1px solid #ced4da;border-radius:4px;padding:.5rem;font-size:.9rem;line-height:1.4;resize:vertical;min-height:80px}.reply-textarea:focus{outline:none;border-color:var(--brand-color-600);box-shadow:0 0 0 2px rgba(52,152,219,.1)}.reply-form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.reply-cancel-btn{background:#6c757d;border:none;color:white;padding:.375rem .75rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s}.reply-cancel-btn:hover{background:#5a6268}.reply-submit-btn{background:var(--brand-color-600);border:none;color:white;padding:.375rem .75rem;border-radius:4px;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.375rem;transition:background .2s}.reply-submit-btn:hover{background:#2980b9}.reply-submit-btn:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}.reply-submit-btn:disabled:hover{background:#bdc3c7}.section-title{margin-bottom:1rem}.rental-list{display:flex;flex-direction:column;gap:1rem}.rental-item{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.rental-item.active{border-left:4px solid #3498db;background:#f0f8ff}.rental-item.returned{border-left:4px solid #27ae60;background:#f8fffe}.rental-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.wheelchair-number{font-weight:600;color:#2c3e50;font-size:1.1rem}.rental-time{color:#666;font-size:.95rem;background:#f8f9fa;padding:.25rem .75rem;border-radius:4px}.return-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--brand-color-600);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s}.return-btn:hover{background:#2980b9}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.status-badge.returned{background:#d4edda;color:#155724}.rental-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{gap:1rem;flex-wrap:wrap}.detail-label{color:#666;min-width:50px}.nationality-selector{display:flex;gap:.75rem;flex-wrap:wrap}.nationality-btn{padding:.75rem 1.25rem;border:2px solid #ddd;border-radius:6px;background:white;cursor:pointer;transition:all .2s;font-size:.9rem;min-width:100px;text-align:center}.nationality-btn:hover{border-color:var(--brand-color-600);background:#f0f8ff}.nationality-btn.selected{border-color:var(--brand-color-600);background:var(--brand-color-600);color:white}.form-row.gender-age-row{grid-template-columns:2fr 1fr}.address-group{display:flex;gap:.75rem;flex-wrap:wrap}.address-group input{flex:1;min-width:200px}.toast-container{z-index:1001;pointer-events:none}.toast{gap:.75rem;background:#27ae60;color:white;padding:1rem 1.25rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:slideIn .3s ease-out;min-width:300px;pointer-events:auto}.toast-message{flex:1;font-size:.9rem}.toast-close{background:none;border:none;color:rgba(255,255,255,.8);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.toast-close:hover{background:rgba(255,255,255,.1);color:white}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.content-input-container{position:relative}.ocr-toggle-btn{font-size:.85rem}.ocr-section{margin-top:1rem;padding:1rem;border:1px solid #e0e0e0;border-radius:8px;background:#f8f9fa}@media (max-width:768px){.ocr-drop-zone{padding:1.5rem 1rem}.ocr-image-preview{max-width:100%}.ocr-result-header{flex-direction:column;align-items:flex-start;gap:.5rem}.ocr-stats{align-self:stretch;justify-content:space-between}.ocr-actions{flex-direction:column}}.visitor-history{padding:2rem;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column}.visitor-history-content{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;overflow:visible}.visitor-history .page-header{margin-bottom:1.5rem}.export-btn,.reset-btn{display:flex;align-items:center;gap:.25rem;padding:.4rem .8rem;border-radius:4px;font-size:.75rem;font-weight:500;transition:all .2s;border:none;cursor:pointer;flex-shrink:0}.export-btn{background:#28a745;color:white}.export-btn:hover{background:#218838}.reset-btn{background:#6c757d;color:white}.reset-btn:hover{background:#5a6268}.date-selector{display:flex;align-items:center;gap:.75rem;background:white;padding:.75rem 1rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1.5rem;flex-shrink:0}.date-selector input[type=date]{padding:.4rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.total-count{margin-left:auto;font-size:1rem;color:#2c3e50;font-weight:600}.main-tally-section{display:flex;flex-direction:column;overflow:hidden}.tally-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;align-items:start;overflow:hidden;padding-top:2px;contain:layout style paint;grid-auto-rows:min-content}.tally-column{display:flex;flex-direction:column;gap:.3rem;height:100%;overflow:hidden}.tally-item{background:white;justify-content:space-between;min-width:0;contain:layout style paint;will-change:transform;position:relative}.tally-add-inquiry-btn,.tally-item{border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.08);padding:.6rem .8rem;display:flex;align-items:center;transition:transform .15s;flex-shrink:0;min-height:3.25rem;border:1px solid transparent}.tally-add-inquiry-btn{background-color:#3498db;color:white;width:100%;flex-direction:row;-moz-column-gap:.25rem;column-gap:.25rem}.tally-item.selected{border-color:var(--brand-color-600);background:#f8fbff;box-shadow:0 0 0 2px rgba(52,152,219,.12)}.tally-item:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1);border-color:var(--brand-color-600)}.tally-item.dragging{opacity:.5;box-shadow:0 4px 12px rgba(0,0,0,.2);transform:rotate(2deg) scale(1.02);z-index:1000;cursor:grabbing!important}.tally-item.drop-target{border-color:var(--brand-color-600);box-shadow:0 0 0 2px rgba(52,152,219,.2)}.tally-item.drop-target:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px dashed #3498db;border-radius:8px;animation:pulse-border 1s ease-in-out infinite;pointer-events:none}@keyframes pulse-border{0%,to{opacity:.5}50%{opacity:1}}.tally-item{transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.clickable,.clickable:hover{cursor:pointer}.tally-label{font-weight:500;color:#2c3e50;font-size:.875rem;flex:1;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tally-controls{gap:.4rem}.tally-btn,.tally-controls{display:flex;align-items:center}.tally-btn{width:24px;height:24px;border-radius:50%;border:none;justify-content:center;cursor:pointer;transition:all .15s;font-weight:600}.tally-btn.plus{background:#28a745;color:white}.tally-btn.plus:hover{background:#218838;transform:scale(1.05)}.tally-btn.minus{background:#dc3545;color:white}.tally-btn.minus:hover:not(:disabled){background:#c82333;transform:scale(1.05)}.tally-btn:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none}.tally-count{min-width:32px;text-align:center;font-size:1rem}.other-inquiries-section{background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1rem;display:flex;flex-direction:column;flex:1;overflow-x:auto}.other-inquiries-header h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem;color:#2c3e50;font-size:.9rem}.other-inquiries-header p{margin:0 0 1rem;color:#666;font-size:.8rem}.add-inquiry-form{display:flex;gap:.5rem;margin-bottom:1rem}.inquiry-input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;font-family:inherit;background:#f8f9fa;transition:border-color .2s,background-color .2s}.inquiry-input:focus{outline:none;border-color:var(--brand-color-600);background:white;box-shadow:0 0 0 2px rgba(52,152,219,.1)}.inquiry-input::-moz-placeholder{color:#999;font-style:italic}.inquiry-input::placeholder{color:#999;font-style:italic}.add-inquiry-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:#28a745;color:white;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0}.add-inquiry-btn:hover:not(:disabled){background:#218838}.add-inquiry-btn:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.inquiry-list{flex:1;overflow-y:auto;border:1px solid #e9ecef;border-radius:4px;background:#f8f9fa;min-height:200px}.inquiry-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid #e9ecef;background:white;transition:background-color .2s}.inquiry-item:last-child{border-bottom:none}.inquiry-item:hover{background:#f8f9fa}.inquiry-text{flex:1;font-size:.875rem;color:#2c3e50;line-height:1.4}.remove-inquiry-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f1f3f5;color:#495057;border:1px solid #dee2e6;border-radius:50%;cursor:pointer;transition:all .2s;flex-shrink:0}.remove-inquiry-btn:hover{background:#e9ecef;border-color:#dee2e6;transform:scale(1.03)}.no-inquiries{padding:2rem;text-align:center;color:#999;font-style:italic;font-size:.875rem;margin:0}.card-section{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:2px solid #e9ecef}.main-tally-section .remarks-section{margin-top:2rem}.main-tally-section .jnto-notes-section{margin-top:1rem}.card-item{background:white;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;flex:1;transition:transform .15s;border:1px solid transparent}.card-item.selected{border-color:var(--brand-color-600);background:#f8fbff;box-shadow:0 0 0 2px rgba(52,152,219,.12)}.card-item:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.15);border-color:var(--brand-color-600)}.card-section .card-item:first-child:hover,.tally-column .tally-item:first-child:hover{transform:none}.tally-grid .tally-item:first-child:hover{transform:translateY(0);margin-top:-1px}.card-label{font-weight:600;color:#2c3e50;font-size:.9rem}@media (max-width:768px){.visitor-history{padding:1rem;min-height:100vh}.visitor-history-header{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{justify-content:stretch}.export-btn,.reset-btn{flex:1;justify-content:center}.date-selector{flex-direction:column;align-items:stretch;gap:.5rem}.total-count{margin-left:0;text-align:center}.tally-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.tally-column{gap:.75rem}.tally-item{padding:.75rem;min-width:0}.tally-item .tally-label{font-size:.8rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tally-item .count-display,.tally-item .edit-buttons{flex-shrink:0}.summary-stats{padding:1rem}}@media (max-width:480px){.tally-grid{grid-template-columns:1fr}}.events{padding:2rem;min-height:100vh;display:flex;flex-direction:column}.search-container{margin-bottom:0;position:relative;flex:1;min-width:300px}.search-box{display:flex;gap:1rem;align-items:center;background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1rem;height:56px;width:100%}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:#6b7280;z-index:1}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:2px solid #e9ecef;border-radius:6px;font-size:.9rem;transition:all .2s}.search-options-button{position:absolute;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;border:1px solid #e9ecef;background:#f3f7fb;color:#6b7280;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.search-options-button:hover{background:#e9eef5;color:#4b5563;border-color:#dee2e6}.search-input:focus{outline:none;border-color:var(--brand-color-600);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.advanced-search-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s;font-size:.9rem;white-space:nowrap}.advanced-search-button:hover{background:#e9ecef;border-color:#dee2e6;color:#495057}.advanced-search-panel{background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-top:1rem;padding:1.5rem;border:1px solid #e9ecef}.search-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-row{display:flex;flex-direction:column;gap:.5rem}.filter-row label{font-weight:500;color:#2c3e50;font-size:.9rem}.filter-row input,.filter-row select{padding:.5rem;border:2px solid #e9ecef;border-radius:4px;font-size:.9rem;transition:all .2s}.filter-row input:focus,.filter-row select:focus{outline:none;border-color:var(--brand-color-600);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.search-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e9ecef}.advanced-search-dropdown{background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:1.5rem;border:1px solid #e9ecef;position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:.5rem}.advanced-search-dropdown:before{content:"";position:absolute;top:-8px;right:120px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}.search-results{max-height:500px;overflow-y:auto}.search-results .no-events{text-align:center;padding:2rem;color:#6c757d;font-style:italic}.events .page-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.page-header-buttons{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.page-header-filters{margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.calendar-container{background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1.5rem;flex:1;display:flex;flex-direction:column}.calendar-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:1.5rem}.calendar-header-center{display:flex;align-items:center;gap:2rem}.calendar-header-right{display:flex;justify-content:flex-end}.calendar-header h3{font-size:1.25rem;margin:0;color:#2c3e50}.calendar-nav{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.calendar-nav:hover{background:#e9ecef}.calendar-memo-button{background:linear-gradient(135deg,#fef08a,#fde047);border:1px solid #facc15;border-radius:6px;padding:.625rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:#854d0e;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s;position:relative}.calendar-memo-button:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.15)}.calendar-memo-badge{position:absolute;top:-4px;right:-4px;background:#e74c3c;color:white;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:0 4px}.calendar-grid{flex:1;display:flex;flex-direction:column;overflow:hidden;height:600px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem;height:40px}.calendar-weekday{text-align:center;font-weight:600;color:#6c757d;font-size:.875rem;padding:.5rem;display:flex;align-items:center;justify-content:center}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:0;flex:1;overflow:hidden;grid-auto-rows:1fr}.calendar-day{border:1px solid #e9ecef;border-radius:0;padding:0;cursor:pointer;transition:all .2s;background:white;display:flex;flex-direction:column;min-height:0;width:100%;height:100%;overflow:hidden}.calendar-day:hover{background:#f8f9fa;border-color:#dee2e6}.calendar-day.empty{background:transparent;border:none;cursor:default}.calendar-day.today{background:white;color:#2c3e50;border-color:#e9ecef}.calendar-day.today .calendar-day-number{background:var(--brand-color-600);color:white;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto .125rem}.calendar-day.selected{background:white;color:#2c3e50;border-color:#e9ecef}.calendar-day-number{font-weight:500;text-align:center;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;margin:.15rem auto .125rem;font-size:.875rem}.calendar-day-events{display:flex;flex-direction:column;gap:.1rem;flex:1;overflow:hidden;min-width:0;padding:0 .15rem .15rem}.calendar-event{font-size:.7rem;padding:.1rem .2rem;border-radius:2px;color:white;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s ease;line-height:1.2;min-width:0;max-width:100%}.calendar-event[style*=line-through] .event-title{text-decoration:line-through}.calendar-event.all-day{color:white;font-weight:500}.calendar-event.time-specific{color:#2c3e50;font-weight:500}.calendar-event.todo .todo-icon{color:#e67e22}.calendar-event{display:flex;align-items:center;gap:.25rem}.calendar-event .event-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.calendar-event .event-time-left{font-size:.6rem;font-weight:500;color:#6c757d;line-height:1;flex-shrink:0}.calendar-event .event-title{font-size:.7rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.calendar-event-more{font-size:.75rem;color:#6c757d;font-style:italic}.calendar-todo{display:flex;align-items:center;gap:.25rem;color:#2c3e50;font-weight:500;font-size:.7rem;overflow:hidden;min-width:0;max-width:100%}.calendar-todo .todo-icon{color:#e67e22;flex-shrink:0}.calendar-todo .todo-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.selected-date-events{margin-top:1.5rem;border-top:1px solid #dee2e6;padding-top:1.5rem}.selected-date-events h4{margin:0 0 1rem;color:#2c3e50}.no-events{color:#6c757d;font-style:italic;text-align:center;padding:2rem}.event-checkbox-list{display:flex;-moz-column-gap:12px;column-gap:12px}.event-checkbox-group{display:flex;align-items:center;-moz-column-gap:6px;column-gap:6px}input[type=checkbox].checkbox{accent-color:var(--brand-color-600)}.event-list{display:flex;flex-direction:column;gap:1rem}.event-item{background:#f8f9fa;border-radius:6px;padding:1rem;transition:transform .15s}.event-item.todo{background:#fbfcfe}.event-item:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.event-category-tag{display:inline-block;padding:.25rem .5rem;border-radius:4px;color:white;font-size:.75rem;font-weight:500;margin-bottom:.5rem}.event-category-tag.todo{background:#f0ad4e}.todo-complete{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem;font-weight:500;color:#495057;background:#f1f3f5;padding:.15rem .4rem;border-radius:9999px}.todo-complete input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:3px;border:1.8px solid #9aa1a8;position:relative;cursor:pointer;background:#fff;transition:border-color .15s ease}.todo-complete input:checked:after{content:"";position:absolute;left:3px;top:0;width:6px;height:10px;border:solid #868e96;border-width:0 2px 2px 0;transform:rotate(45deg)}.todo-complete.gray input,.todo-complete.gray input:checked:after{border-color:#adb5bd}.todo-complete:hover input{border-color:#868e96}.todo-complete .todo-complete-text{font-size:.8rem}.todo-complete .todo-checkmark{display:none}.todo-complete .todo-complete-text{font-size:.75rem}.event-item h5{margin:.5rem 0;color:#2c3e50}.event-description{color:#666;font-size:.875rem;margin:.5rem 0}.event-description a{color:#3498db}.event-description a,.event-description a:hover{text-decoration:underline}.event-details{display:flex;gap:1rem;font-size:.875rem;color:#6c757d;margin-top:.5rem}.event-details span{display:flex;align-items:center;gap:.25rem}.event-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.category-dropdown{position:relative;width:100%;overflow:visible}.category-button{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:6px;background:white;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;font-family:inherit;font-size:.9rem}.wheelchair-rental .category-button{box-shadow:none}.category-button:focus,.category-button:hover{border-color:var(--brand-color-600)}.category-button:focus{outline:none;box-shadow:0 0 0 3px rgba(52,152,219,.1)}.category-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.category-options{position:absolute;top:100%;left:0;right:0;background:white;border:2px solid #e9ecef;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:9999;max-height:200px;overflow-y:auto}.wheelchair-rental .category-dropdown{box-shadow:none}.category-option{width:100%;padding:.75rem;border:none;background:white;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s;font-family:inherit;font-size:.9rem}.category-option:hover{background:#f8f9fa}.category-option:first-child{border-radius:0}.time-selector{position:relative}.time-selector select{width:100%;border:2px solid #e9ecef;border-radius:6px;font-size:.9rem;transition:all .2s;font-family:inherit;background:white;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5em 1.5em;padding:.75rem 2.5rem .75rem .75rem}.time-selector select:focus{outline:none;box-shadow:0 0 0 3px rgba(52,152,219,.1)}.time-selector select:focus,.time-selector select:hover:not(:disabled){border-color:var(--brand-color-600)}.time-selector select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.time-selector select option{padding:.5rem;font-size:.9rem}.time-dropdown{position:relative;width:100%;overflow:visible}.time-button{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:6px;background:white;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s;font-family:inherit;font-size:.9rem}.time-button:focus,.time-button:hover:not(:disabled){border-color:var(--brand-color-600)}.time-button:focus{outline:none;box-shadow:0 0 0 3px rgba(52,152,219,.1)}.time-button:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.time-button:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #6b7280;margin-left:.5rem;transition:transform .2s}.time-button:focus:after{border-top-color:var(--brand-color-600)}.time-options{position:absolute;top:100%;left:0;right:0;background:white;border:2px solid #e9ecef;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:9999;max-height:200px;overflow-y:auto}.time-option{width:100%;padding:.75rem;border:none;background:white;text-align:left;cursor:pointer;transition:background .2s;font-family:inherit;font-size:.9rem}.time-option:hover{background:#f8f9fa}.time-option:first-child{border-radius:0}.checkbox-label{font-weight:500;color:#2c3e50;font-size:.9rem}.checkbox-label input[type=checkbox]{cursor:pointer;width:1.125rem;height:1.125rem;accent-color:var(--brand-color-600)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:white;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;color:#2c3e50;font-size:1.25rem}.close-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s;color:#6c757d}.close-button:hover{background:#f8f9fa;color:#2c3e50}.modal-content form{padding:1.5rem;overflow:visible}.modal-actions{margin-top:1.5rem}.form-section-group .modal-actions{border-top:none}.event-card{background:#f8f9fa;border-radius:6px;padding:1rem;margin-bottom:.75rem;display:flex;gap:1rem;align-items:center}.event-card:last-child{margin-bottom:0}.event-time{font-weight:600;color:var(--brand-color-600);min-width:60px;text-align:center}.event-time-vertical{display:inline-flex;flex-direction:column;align-items:center;line-height:1.1}.event-time-vertical .time-sep{display:block;width:1px;height:12px;background-color:currentColor;opacity:.5;margin:2px 0;border-radius:1px}.event-info h4{margin:0 0 .25rem;color:#2c3e50;font-size:.9rem}.event-info p{margin:0;color:#666;font-size:.8rem}.stats-summary{text-align:center;flex:1;overflow-y:auto}.total-count{margin-bottom:1.5rem}.count-number{font-size:3rem;font-weight:700;color:var(--brand-color-600)}.count-label{font-size:1.2rem;color:#666;margin-left:.5rem}.top-categories h4,.top-nationalities h4{font-size:.875rem;color:#666;margin:0 0 1rem;text-align:left;font-weight:400}.category-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.category-name{font-size:.875rem;min-width:80px}.bar-wrapper{flex:1;height:20px;background:#f0f0f0;border-radius:10px;overflow:hidden}.bar{height:100%;background:var(--brand-color-600);transition:width .3s ease}.category-count{font-size:.875rem;font-weight:600;min-width:30px;text-align:right}.date-and-mode-selector{background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1.5rem}.date-section{display:flex;align-items:center;gap:2.5rem;flex-shrink:0}.date-and-mode-selector .date-section,.date-selector-simple .date-section{width:100%}.date-right{gap:1rem;margin-left:auto}.date-right,.total-count{display:flex;align-items:center}.total-count{margin:0;min-width:120px;justify-content:flex-end}.mode-divider{width:1px;height:24px;background:#e0e0e0;flex-shrink:0}.mode-section{display:flex;align-items:center;gap:1rem;flex:1}.mode-toggle-buttons{display:flex;gap:.5rem;flex-shrink:0}.nationality-section{flex:1;min-width:150px;display:flex;align-items:center;gap:.75rem}.nationality-prompt{color:#555;font-size:.85rem}.date-section input[type=date]{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background:white}.date-section svg{color:#666;flex-shrink:0}.mode-toggle-btn{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:.5rem 1rem;display:flex;align-items:center;gap:.375rem;font-size:.85rem;font-weight:500;color:#2c3e50;cursor:pointer;transition:all .2s ease}.mode-toggle-btn:hover{border-color:var(--brand-color-600);background:#f0f8ff}.mode-toggle-btn.active{background:var(--brand-color-600);border-color:var(--brand-color-600);color:white}.nationality-select-btn-inline{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;color:#2c3e50;cursor:pointer;transition:all .2s ease}.nationality-select-btn-inline:hover{border-color:var(--brand-color-600);background:#f0f8ff}.nationality-placeholder{font-size:.85rem;color:#999;padding:.5rem 1rem}.nationality-select-btn{background:white;border:2px solid #e0e0e0;border-radius:6px;padding:.75rem 1rem;font-size:.9rem;color:#2c3e50;cursor:pointer;transition:all .2s ease;min-width:120px;text-align:left}.nationality-select-btn:hover{border-color:var(--brand-color-600);background:#f8f9fa}.nationality-modal{background:white;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);max-width:1000px;width:92vw;max-height:82vh;overflow:hidden;display:flex;flex-direction:column}.modal-close-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;color:#6c757d;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#f8f9fa;color:#2c3e50}.nationality-regions{padding:1.5rem;overflow-y:auto;flex:1;background:#f7f9fc}.nationality-region{margin-bottom:2rem}.nationality-region:last-child{margin-bottom:0}.region-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #3498db;display:inline-block}.countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.country-btn{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;color:#2c3e50;cursor:default;transition:all .2s ease;text-align:left;font-weight:500;position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between}.country-btn--select{cursor:pointer}.country-btn--select:hover{border-color:var(--brand-color-600);background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.15)}.country-btn--edit{cursor:default}.nationality-modal .country-btn{overflow:visible}.nationality-modal .country-btn .custom-nationality-input{width:100%;max-width:100%;box-sizing:border-box}.nationality-modal .country-btn .country-name{flex:1;min-width:0;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.country-btn:focus-visible{outline:none;border-color:var(--brand-color-600);box-shadow:0 0 0 2px rgba(52,152,219,.15)}.country-btn.disabled{cursor:default;opacity:1}.country-btn.disabled:hover{transform:translateY(-1px);border-color:#e9ecef}.country-btn.reset-selected{background:white!important;border-color:#e9ecef!important;color:#2c3e50!important;box-shadow:none!important}.count-badge{display:inline-block;margin-left:.5rem;padding:.1rem .4rem;border-radius:9999px;background:#e9f5ff;color:#1d6fa5;font-size:.75rem;font-weight:600}.nationality-modal .country-btn--edit{padding:.5rem}.nationality-modal .country-display{display:flex;align-items:center;justify-content:space-between;width:100%}.nationality-modal .country-actions{display:flex;gap:.25rem;margin-left:.5rem}.nationality-modal .delete-btn,.nationality-modal .edit-btn,.nationality-modal .favorite-btn{padding:.25rem;border:none;background:none;cursor:pointer;border-radius:.25rem;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease}.nationality-modal .favorite-btn--active{opacity:1;color:#ef4444}.nationality-modal .favorite-btn--inactive:hover{opacity:1;background-color:rgba(239,68,68,.1);color:#ef4444}.nationality-modal .favorite-btn--active:hover{opacity:.7;background-color:rgba(239,68,68,.1)}.nationality-modal .edit-btn:hover{opacity:1;background-color:rgba(59,130,246,.1)}.nationality-modal .delete-btn:hover{opacity:1;background-color:rgba(239,68,68,.1);color:#ef4444}.nationality-modal .favorite-section{margin-bottom:2rem}.nationality-modal .favorite-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #3498db;display:inline-block}.nationality-modal .edit-input-wrapper{display:flex;align-items:center;gap:.5rem;width:100%}.nationality-modal .edit-input{flex:1;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem}.nationality-modal .edit-buttons{display:flex;gap:.25rem}.nationality-modal .cancel-btn,.nationality-modal .save-btn{padding:.25rem .5rem;border:none;border-radius:.25rem;cursor:pointer;font-size:.75rem;font-weight:500}.nationality-modal .save-btn{background-color:#22c55e;color:white}.nationality-modal .save-btn:hover{background-color:#16a34a}.nationality-modal .cancel-btn{background-color:#6b7280;color:white}.nationality-modal .cancel-btn:hover{background-color:#4b5563}.nationality-modal .add-custom-nationality-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background-color:#3b82f6;color:white;border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.nationality-modal .add-custom-nationality-btn:hover:not(:disabled){background-color:#2563eb}.nationality-modal .add-custom-nationality-btn:disabled{opacity:.5;cursor:not-allowed}.toast-container{position:fixed;left:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:3000}.toast{background:rgba(33,37,41,.95);color:#fff;padding:.6rem .9rem;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.2);display:flex;align-items:center;gap:.5rem;max-width:320px}.toast .toast-message{font-size:.85rem;line-height:1.3}.toast .toast-close{margin-left:auto;background:transparent;border:none;color:#adb5bd;cursor:pointer;display:flex;align-items:center}.custom-nationality-section{display:flex;gap:.5rem;align-items:center}.nationality-modal .custom-nationality-section{margin-top:1rem}.custom-nationality-input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.custom-nationality-input:focus{outline:none;border-color:var(--brand-color-600);box-shadow:0 0 0 2px rgba(52,152,219,.1)}.add-custom-nationality-btn{background:var(--brand-color-600);color:white;border:1px solid #3498db;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-custom-nationality-btn:hover:not(:disabled){background:#2980b9;border-color:#2980b9}.add-custom-nationality-btn:disabled{background:#bdc3c7;border-color:#bdc3c7;cursor:not-allowed}.remarks-section{background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1.5rem;margin-bottom:1.5rem}.remarks-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.remarks-header h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.1rem;color:#2c3e50}.remarks-header p{margin:0;color:#666;font-size:.875rem}.section-actions{margin-left:1rem}.btn-sm{padding:.35rem .6rem;font-size:.8rem;border-radius:4px}.btn-secondary{background:#f1f3f5;color:#495057;border:1px solid #dee2e6}.remarks-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;line-height:1.4;resize:vertical;font-family:inherit}.remarks-textarea:focus{outline:none;border-color:var(--brand-color-600);box-shadow:0 0 0 2px rgba(52,152,219,.1)}.remarks-counter{text-align:right;margin-top:.5rem;font-size:.8rem;color:#666}.remarks-display{width:100%;min-height:100px;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;line-height:1.4;background-color:#f8f9fa;white-space:pre-wrap}.remarks-content{color:#2c3e50}.remarks-placeholder{color:#adb5bd;font-style:italic}.form-modal .form-group,.form-modal .modal-actions,.form-modal .modal-header+.form-group{padding-left:1.5rem;padding-right:1.5rem}.form-modal .modal-header{padding:1.5rem 1.5rem 1rem}.form-modal .modal-actions{padding-top:1.5rem;padding-bottom:1.5rem}.form-section .modal-actions{border-top:none}@media (max-width:768px){.form-modal.medium,.modal-content{width:98%;max-width:none;margin:1rem}.form-modal .form-group,.form-modal .modal-actions,.form-modal .modal-header+.form-group{padding-left:1.5rem;padding-right:1.5rem}.form-modal .modal-header{padding:1.5rem 1.5rem 1rem}.form-modal .modal-actions{padding-top:1.5rem;padding-bottom:1.5rem}}.edit-mode-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8f9fa;color:#495057;border:2px solid #dee2e6;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.edit-mode-btn.active,.edit-mode-btn:hover{background:#e9ecef;border-color:#adb5bd}.edit-mode-btn.active{color:#495057}.tally-item.edit-mode{cursor:grab;min-height:3.25rem}.tally-item.edit-mode:active{cursor:grabbing}.drag-handle{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:grab;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:10}.drag-handle:hover{color:#64748b}.drag-handle:active{cursor:grabbing}.tally-item.edit-mode .tally-label{padding-left:1.5rem}.edit-buttons{gap:.25rem;margin-left:.5rem}.delete-btn,.edit-btn,.edit-buttons{display:flex;flex-shrink:0;align-items:center}.delete-btn,.edit-btn{justify-content:center;width:24px;height:24px;border:none;border-radius:3px;cursor:pointer;transition:all .2s}.edit-btn{background:#e0e0e0;color:#666}.edit-btn:hover{background:#d0d0d0}.delete-btn{background:#e0e0e0;color:#666}.delete-btn:hover{background:#d0d0d0}.category-edit-input{border:1px solid #007bff;border-radius:4px;padding:0 6px;font-size:.875rem;font-weight:500;background:#fff;color:#333;outline:none;width:100%;min-width:120px;height:18px;line-height:18px;box-sizing:border-box}.category-edit-input:focus{border-color:#0056b3;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.nationality-info-section{display:flex;align-items:center;gap:.75rem}.nationality-prompt{font-size:.875rem;color:#666;white-space:nowrap}.date-selector-simple{background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1rem 1.5rem;margin-bottom:1.5rem}.date-selector-simple .date-section{display:flex;align-items:center;gap:2.5rem;flex-wrap:wrap}.date-selector-simple .date-section input[type=date]{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background:white}.date-selector-simple .date-section svg{color:#666;flex-shrink:0}.count-display{flex-direction:column;gap:.25rem;min-width:56px}.count-display,.count-display-horizontal{display:flex;align-items:center;min-height:1.75rem}.count-display-horizontal{flex-direction:row;gap:.5rem;min-width:120px}.tally-count{font-size:1.1rem;font-weight:600;color:#2c3e50}.foreigner-count{font-size:.75rem;color:var(--brand-color-600);font-weight:500;background:rgba(52,152,219,.1);padding:.125rem .375rem;border-radius:4px}.history-edit-scrollable::-webkit-scrollbar{width:8px}.history-edit-scrollable::-webkit-scrollbar-track{background:#e3f2fd;border-radius:4px}.history-edit-scrollable::-webkit-scrollbar-thumb{background:#90caf9;border-radius:4px;border:1px solid #e3f2fd}.history-edit-scrollable::-webkit-scrollbar-thumb:hover{background:#64b5f6}.history-edit-scrollable{scrollbar-width:thin;scrollbar-color:#90caf9 #e3f2fd}.statistics-section{background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1.5rem;margin-bottom:1.5rem}.jnto-suggestions{margin:.25rem 0 1rem 1.25rem;color:#555;font-size:.9rem;line-height:1.6}.jnto-suggestions li+li{margin-top:.35rem}.jnto-suggestions li{list-style:disc}.statistics-header{margin-bottom:1.5rem}.jnto-notes-section .statistics-header{margin-bottom:.75rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.statistics-header h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.statistics-header p{margin:0;color:#666;font-size:.875rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#f8f9fa;border-radius:6px;padding:1.25rem;text-align:center;transition:transform .15s}.stat-card:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-card h4{margin:0 0 .75rem;color:#2c3e50;font-size:.9rem;font-weight:500}.stat-number{font-size:1.75rem;font-weight:700;color:var(--brand-color-600);margin:0}.nationality-stats{border-top:1px solid #e9ecef;padding-top:1.5rem}.nationality-stats h4{margin:0 0 1rem;color:#2c3e50;font-size:.95rem;font-weight:600}.nationality-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.nationality-item{background:#f8f9fa;border-radius:6px;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;transition:background .15s}.nationality-item:hover{background:#e9ecef}.nationality-name{font-size:.875rem;color:#2c3e50;font-weight:500}.nationality-count{font-size:.875rem;color:var(--brand-color-600);font-weight:600}.foreigner-statistics-section{background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1.5rem;margin-top:1.5rem}.statistics-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.statistics-header h3{display:flex;align-items:center;gap:.5rem;margin:0;color:#2c3e50;font-size:1.2rem}.statistics-summary{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.stat-item{color:#666;font-size:.9rem}.stat-item strong{color:var(--brand-color-600);font-weight:600}.nationality-detail-btn{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:.5rem .75rem;display:flex;align-items:center;gap:.375rem;font-size:.85rem;color:#666;cursor:pointer;transition:all .2s ease;margin-left:auto}.nationality-detail-btn:hover{background:#f0f8ff;border-color:var(--brand-color-600);color:var(--brand-color-600)}.nationality-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.nationality-details h4{margin-bottom:1rem;color:#2c3e50;font-size:1.1rem;border-left:3px solid #e74c3c;padding-left:.75rem}.nationality-list{display:flex;flex-direction:column;gap:.75rem}.foreigner-statistics-section .category-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:0;background:transparent;border:none}.foreigner-statistics-section .category-name{font-size:.875rem;min-width:80px;color:#333;font-weight:500}.foreigner-statistics-section .bar-wrapper{flex:1;height:20px;background:#f0f0f0;border-radius:10px;overflow:hidden}.foreigner-statistics-section .bar{height:100%;background:var(--brand-color-600);transition:width .3s ease;border-radius:0}.foreigner-statistics-section .category-count{font-size:.875rem;min-width:30px;text-align:right;color:#666}.nationality-detail-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.nationality-detail-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.nationality-detail-bar .nationality-rank{min-width:1.5rem;text-align:center;font-size:.8rem;color:#666;font-weight:600;background:#e0e0e0;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nationality-detail-bar .category-name{font-size:.875rem;min-width:80px}.nationality-detail-bar .bar-wrapper{flex:1;height:20px;background:#f0f0f0;border-radius:10px;overflow:hidden}.nationality-detail-bar .bar{height:100%;background:var(--brand-color-600);transition:width .3s ease}.nationality-detail-bar .category-count{font-size:.875rem;min-width:30px;text-align:right}@media (max-width:768px){.statistics-summary{flex-direction:column;align-items:flex-start;gap:1rem}.nationality-detail-btn{margin-left:0;align-self:flex-start}.nationality-detail-bar{gap:.5rem}}.section-header{justify-content:space-between;margin-bottom:1rem}.detail-btn,.section-header{display:flex;align-items:center}.detail-btn{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:.5rem .75rem;gap:.375rem;font-size:.85rem;color:#666;cursor:pointer;transition:all .2s ease}.detail-btn:hover{background:#f0f8ff;border-color:var(--brand-color-600);color:var(--brand-color-600)}.stats-overview{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;gap:.5rem}.total-count-center{display:flex;align-items:baseline;gap:.25rem}.total-count-center .count-number{font-size:2.5rem;font-weight:700;color:#2c3e50}.total-count-center .count-label{font-size:1.2rem;color:#666}.foreigner-stats-inline{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666}.foreigner-label{color:#666}.foreigner-number{color:var(--brand-color-600);font-weight:600}.foreigner-ratio{color:#666}.stats-details{display:flex;gap:2rem;overflow-y:auto}.top-categories,.top-nationalities{flex:1}.inquiry-stats .nationality-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.inquiry-stats .nationality-item:last-child{border-bottom:none}.inquiry-stats .nationality-name{font-weight:500;color:#333}.inquiry-stats .nationality-count{color:#666;font-size:.9rem}.detailed-stats-modal{background:white;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);width:90vw;max-width:700px;max-height:85vh;overflow-y:auto;padding:1.5rem}.detailed-overview{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.overview-stats{display:flex;align-items:center;justify-content:center;gap:1.5rem}.overview-item{text-align:center}.overview-number{font-size:2rem;font-weight:700;color:#2c3e50;line-height:1}.overview-label{color:#666;font-size:.9rem;margin-top:.25rem}.overview-divider{color:#ccc;font-size:1.5rem}.overview-percentage{color:var(--brand-color-600);font-size:1rem;font-weight:600}.detailed-sections{display:flex;flex-direction:column;gap:2rem}.section-column h4{margin-bottom:1rem;color:#2c3e50;font-size:1.1rem;border-left:3px solid #3498db;padding-left:.75rem}.section-items{display:flex;flex-direction:column;gap:.75rem}.section-item{gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.item-rank,.section-item{display:flex;align-items:center}.item-rank{min-width:1.5rem;text-align:center;font-size:.8rem;color:#666;font-weight:600;background:#e0e0e0;border-radius:50%;width:1.5rem;height:1.5rem;justify-content:center}.item-name{min-width:80px;font-weight:500;color:#333;font-size:.9rem}.item-progress{flex:1;display:flex;align-items:center;gap:.75rem}.progress-bar{flex:1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--brand-color-600);border-radius:3px;transition:width .3s ease}.nationality-fill{background:#e74c3c}.item-count{min-width:2.5rem;text-align:right;font-weight:600;color:#2c3e50;font-size:.85rem}@media (max-width:768px){.total-count-center .count-number{font-size:2rem}.total-count-center .count-label{font-size:1rem}.stats-details{flex-direction:column;gap:1.5rem;overflow-y:auto}.detailed-stats-modal{width:95vw;max-width:none;padding:1rem}.overview-stats{flex-direction:column;gap:1rem;text-align:center}.overview-divider{transform:rotate(90deg)}.overview-number{font-size:1.5rem}.item-name{min-width:60px;font-size:.8rem}}.record-item-menu,.reply-menu{position:relative}.menu-trigger{background:transparent;border:none;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#6c757d;transition:all .2s}.menu-trigger:hover{background:#f8f9fa;color:#2c3e50}.dropdown-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;min-width:120px;overflow:visible}.modal-content .dropdown-menu{position:absolute!important;top:100%!important;left:0!important;right:auto!important;width:100%!important;min-width:100%!important;max-width:100%!important}.dropdown-menu.category-dropdown{overflow-y:auto;max-height:300px;left:0;right:0}.dropdown-menu.category-dropdown::-webkit-scrollbar{width:8px}.dropdown-menu.category-dropdown::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px;margin:4px 0}.dropdown-menu.category-dropdown::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px}.dropdown-menu.category-dropdown::-webkit-scrollbar-thumb:hover{background:#adb5bd}.single-select-dropdown{left:0!important;right:0!important;max-height:250px;overflow-y:auto;width:100%!important;box-sizing:border-box;z-index:1060;position:absolute}.modal-content .form-group .custom-dropdown .single-select-dropdown{z-index:1070}.single-select-item{display:block;width:100%;padding:.5rem 1rem;border:none;background:none;text-align:left;color:#2c3e50;cursor:pointer;transition:background-color .2s ease;font-size:.875rem;line-height:1.2}.single-select-item:hover{background-color:#f8f9fa}.single-select-item.selected{background-color:#007bff;color:white;font-weight:500}.single-select-item.selected:hover{background-color:#0056b3}.menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;text-align:left;cursor:pointer;font-size:.875rem;color:#2c3e50;transition:background .15s}.menu-item:hover{background:#f8f9fa}.menu-item.delete{color:#dc3545}.menu-item.delete:hover{background:#f8f9fa;color:#c82333}.edit-note-form,.edit-reply-form{margin-top:1rem;padding:1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px}.edit-form-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.edit-form-row{display:flex;flex-direction:column;gap:.375rem}.edit-form-label{font-size:.75rem;font-weight:600;color:#495057;padding-left:.25rem}.edit-form-input,.edit-form-select{flex:1;padding:.5rem .75rem;border:2px solid #dee2e6;border-radius:6px;font-size:.875rem;background:#ffffff;transition:all .2s ease;cursor:pointer}.edit-form-input:hover,.edit-form-select:hover{border-color:#adb5bd;background:#f8f9fa}.edit-form-input:focus,.edit-form-select:focus{outline:none;border-color:#3498db;background:#ffffff;box-shadow:0 0 0 3px rgba(52,152,219,.15)}.edit-form-input{cursor:text}.edit-title-input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;margin-bottom:.75rem;font-weight:600}.edit-title-input:focus{outline:none;border-color:var(--brand-color-600);box-shadow:0 0 0 2px rgba(52,152,219,.1)}.edit-content-textarea,.edit-reply-textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;resize:vertical;font-family:inherit;line-height:1.4}.edit-content-textarea:focus,.edit-reply-textarea:focus{outline:none;border-color:var(--brand-color-600);box-shadow:0 0 0 2px rgba(52,152,219,.1)}.edit-form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.edit-cancel-btn{padding:.375rem .75rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;cursor:pointer;font-size:.875rem;transition:all .15s}.edit-cancel-btn:hover{background:#e9ecef;border-color:#adb5bd;color:#495057}.edit-save-btn{padding:.375rem .75rem;background:var(--brand-color-600);border:1px solid #3498db;border-radius:4px;color:white;cursor:pointer;font-size:.875rem;transition:all .15s}.edit-save-btn:hover{background:#2980b9;border-color:#2980b9}.record-item-header,.reply-header{position:relative}.record-item-header-left,.reply-header-left{display:flex;align-items:center;gap:.5rem;flex:1}.reply-form-header{margin-bottom:.75rem}.reply-author-select{width:100%;padding:.5rem;border:1px solid #e9ecef;border-radius:4px;font-size:.875rem;color:#2c3e50;background:white;transition:all .2s}.reply-author-select:focus{outline:none;border-color:var(--brand-color-600);box-shadow:0 0 0 2px rgba(52,152,219,.1)}@media (max-width:768px){.reply-form-header{margin-bottom:.5rem}}.form-modal{max-width:700px;width:95%}.form-modal.large{max-width:800px}.form-modal.small{max-width:500px}.new-record-modal{max-width:700px;width:95%}.form-section:last-of-type{margin-bottom:0}.section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1.25rem}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;font-weight:500;color:#2c3e50;font-size:.9rem}.form-group label.required{color:#2c3e50}.required-mark{font-weight:700;margin-left:.25rem}.required-icon{color:#e74c3c;flex-shrink:0}.required-badge{background:#e74c3c;color:white;font-size:.7rem;padding:.125rem .375rem;border-radius:4px;font-weight:500;margin-left:.375rem}.form-group label.required-alt{position:relative}.form-group label.required-alt:after{content:"*";color:#e74c3c;font-weight:700;margin-left:.25rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:6px;font-size:.9rem;transition:all .2s;font-family:inherit;background:white}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-color-600);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.form-group input.error,.form-group textarea.error{border-color:#e74c3c;background:#fdf2f2}.form-group input.error:focus,.form-group textarea.error:focus{border-color:#e74c3c;box-shadow:0 0 0 3px rgba(231,76,60,.1)}.form-group input.disabled,.form-group input:disabled,.form-group select.disabled,.form-group select:disabled,.form-group textarea.disabled,.form-group textarea:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.error-message{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;font-weight:500}.help-text{margin-top:.375rem;font-size:.8rem;color:#6c757d;line-height:1.4}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-with-voice{position:relative;display:flex;align-items:center}.radio-group{display:flex;flex-direction:row;gap:1rem;margin-top:.5rem}.radio-label{display:flex;align-items:center;gap:.375rem;font-size:.9rem;color:#2c3e50;cursor:pointer;padding:.375rem .75rem;border:2px solid transparent;border-radius:6px;transition:all .2s}.radio-label:hover{background:#f8f9fa;border-color:#e9ecef}.radio-label input[type=radio]{margin:0;width:auto;padding:0;border:none;cursor:pointer}.radio-label input[type=radio]:checked+span,.radio-label:has(input[type=radio]:checked){background:#e3f2fd;border-color:var(--brand-color-600);color:#2c3e50;font-weight:500}.address-group{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center}.address-group select{min-width:120px}.datetime-group{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.nationality-selector{position:relative}.nationality-select-btn-main{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:6px;background:white;text-align:left;cursor:pointer;font-size:.9rem;color:#2c3e50;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.nationality-select-btn-main:focus,.nationality-select-btn-main:hover{border-color:var(--brand-color-600);box-shadow:0 0 0 3px rgba(52,152,219,.1);outline:none}.nationality-placeholder{color:#6c757d;font-style:italic}.nationality-select-btn-main.selected-btn{border-color:var(--brand-color-600);background:#e3f2fd;color:#2c3e50;font-weight:500}.nationality-selector{display:grid;grid-template-columns:1fr 2fr;gap:.5rem}@media (max-width:768px){.nationality-selector{grid-template-columns:1fr;gap:.75rem}}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.btn-secondary{padding:.75rem 1.5rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;color:#6c757d;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#e9ecef;border-color:#dee2e6;color:#495057}.btn-primary{padding:.75rem 1.5rem;background:var(--brand-color-600);border:2px solid var(--brand-color-600);border-radius:6px;color:white;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.btn-primary:hover{background:var(--brand-color-700);border-color:var(--brand-color-700);transform:translateY(-1px);box-shadow:0 2px 4px rgba(147,51,234,.2)}.content-input-tools{display:flex;justify-content:flex-end;margin-bottom:.5rem}.ocr-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;font-size:.8rem;color:#666;cursor:not-allowed;transition:all .2s}@media (max-width:768px){.new-record-modal{width:98%;max-width:none;margin:1rem}.datetime-group,.form-row,.form-row.gender-age-row{grid-template-columns:1fr;gap:.75rem}.modal-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.dashboard-container{padding:2rem;height:100vh;overflow:auto;display:flex;flex-direction:column}.dashboard-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;flex-shrink:0}.dashboard-header-row{display:flex;justify-content:space-between;align-items:center;width:100%}.dashboard-header-actions{display:flex;gap:.5rem;align-items:center}.dashboard-tabs-row{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.dashboard-title{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0}.dashboard-item-group{display:flex;flex-direction:row;align-items:center;gap:.5rem}.dashboard-item-text{display:flex;align-items:center;height:100%}.dashboard-month-input{padding:6px 10px}.stats-summary{margin-bottom:1rem;color:#666;font-size:.9rem}.table-container{flex:1;background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:auto;min-height:0}.data-table{width:100%;border-collapse:collapse;font-size:.8rem}.data-table th{background:#f8f9fa;padding:.5rem .25rem;text-align:left;font-weight:600;border-bottom:2px solid #e9ecef;white-space:nowrap;font-size:.75rem;position:sticky;top:0;z-index:10}.data-table td{padding:.5rem .25rem;border-bottom:1px solid #e9ecef;overflow:hidden;text-overflow:ellipsis;font-size:.8rem;vertical-align:top}.clamp-5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden;white-space:pre-wrap;word-break:break-word;line-height:1.3}.col-narrow-text{width:50px;min-width:50px}.col-medium-text{width:90px;min-width:90px}.col-textarea{width:150px;min-width:150px;white-space:pre-wrap;word-wrap:break-word;line-height:1.3}.data-table tbody tr:hover{background:#f8f9fa}.row-even{background:#ffffff}.row-odd{background:#f8f9fa}.action-buttons{display:flex;gap:.25rem;align-items:center}.action-buttons .btn-icon{padding:.25rem;border:none;background:transparent;cursor:pointer;border-radius:4px;color:#6b7280;transition:all .2s}.action-buttons .btn-icon:hover{background:#e5e7eb;color:#374151}.check-icon{color:#10b981}.uncheck-icon{color:#ef4444}.detail-header{width:100%}.detail-header,.detail-navigation{display:flex;align-items:center;gap:1rem}.detail-navigation{flex:1}.nav-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa;color:#6c757d}.nav-btn:disabled:hover{background:#f8f9fa;transform:none;box-shadow:none}.sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s}.sortable-header:hover{background:#e9ecef!important}.header-content{justify-content:space-between;gap:.25rem}.header-content,.sort-icon{display:flex;align-items:center}.sort-icon{opacity:.7}.detail-table-layout{margin-bottom:2rem}.detail-info-table{width:100%;border-collapse:collapse;background:white;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.detail-info-table tbody tr:nth-child(2n){background:#f8f9fa}.detail-info-table tbody tr:nth-child(odd){background:white}.label-cell{background:#e9ecef;font-weight:600;color:#495057;border-right:1px solid #dee2e6;width:180px}.label-cell,.value-cell{padding:.75rem 1rem;border-bottom:1px solid #dee2e6;vertical-align:top}.value-cell{color:#2c3e50}.value-cell.text-content{white-space:pre-wrap;word-wrap:break-word;line-height:1.5;font-family:inherit}.nav-actions{align-items:center}.edit-actions,.nav-actions{display:flex;gap:.5rem}.edit-input,.edit-textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.edit-textarea{resize:vertical;font-family:inherit}.checkbox-container{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-container input[type=checkbox]{margin:0}.text-content{white-space:pre-wrap;word-wrap:break-word;line-height:1.5}.daily-report-modal{width:95vw;max-width:1000px}.report-empty{width:100%;display:flex;justify-content:center;align-items:center}.report-empty-text{font-size:"16px";color:"#6b7280";margin-bottom:"12px"}@media (max-width:768px){.daily-report-modal{width:98vw;max-width:none;margin:1rem}}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e9ecef}.form-section:last-of-type{border-bottom:none}.form-section h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#2c3e50}.daily-report-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}@media (max-width:900px){.daily-report-modal .form-row{grid-template-columns:1fr;gap:1rem}}.daily-report-modal .form-group{display:flex;flex-direction:column;gap:.5rem}.daily-report-modal .form-group label{font-weight:500;color:#495057;font-size:.9rem}.daily-report-modal .form-group input,.daily-report-modal .form-group select,.daily-report-modal .form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;transition:border-color .2s;width:100%;box-sizing:border-box}.daily-report-modal .form-group input:focus,.daily-report-modal .form-group select:focus,.daily-report-modal .form-group textarea:focus{outline:none;border-color:var(--brand-color-600);box-shadow:0 0 0 2px rgba(52,152,219,.1)}.daily-report-modal .form-group input.error,.daily-report-modal .form-group textarea.error{border-color:#e74c3c}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{margin:0}.required-mark{color:#e74c3c;margin-left:2px}.error-message{color:#e74c3c;font-size:.8rem;margin-top:.25rem}.detail-content{flex:1;overflow-y:auto;padding:1rem;background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.detail-section{background:#f8f9fa;padding:1.5rem;border-radius:8px;border:1px solid #e9ecef}.section-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0 0 1rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e9ecef}.detail-row:last-child{border-bottom:none}.detail-row label{font-weight:500;color:#495057;min-width:120px}.detail-row span{color:#2c3e50;flex:1;text-align:right}.status-indicator{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.detail-full-width{display:flex;flex-direction:column;gap:1.5rem}.detail-text-content{background:white;border:1px solid #e9ecef;border-radius:6px;padding:1rem;margin-top:.5rem}.detail-text-content pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:.9rem;line-height:1.5;color:#495057}@media (max-width:768px){.detail-grid{grid-template-columns:1fr}.detail-row{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-row span{text-align:left}.status-indicator{justify-content:flex-start}}@media (max-width:1200px){.data-table{min-width:1000px}.data-table td,.data-table th{font-size:.7rem;padding:.4rem .2rem}}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-header,.dashboard-header-row{gap:.75rem}.dashboard-tabs-row{flex-direction:column;gap:.75rem}.data-table{min-width:800px}.data-table td,.data-table th{font-size:.65rem;padding:.3rem .15rem}}.required-mark{color:red;margin-left:4px}.form-block{display:flex;flex-direction:column;gap:.5rem}.form-block label{font-weight:600;color:#2c3e50;font-size:.9rem}.form-block textarea{width:100%;min-height:120px;padding:.8rem 1rem;border:1px solid #dee2e6;border-radius:8px;font-size:.95rem;line-height:1.5;resize:vertical;color:#495057;transition:border-color .2s ease}.form-block textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,.1)}.form-block textarea::-moz-placeholder{color:#adb5bd}.form-block textarea::placeholder{color:#adb5bd}.food-options{display:flex;flex-wrap:wrap;gap:.5rem}.food-option{position:relative;padding:.4rem .9rem;border-radius:999px;background:#f1f3f5;border:1px solid transparent;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.food-option:hover{background:#e9ecef}.food-option.active{background:#3498db;color:#fff;border-color:#3498db;font-weight:600}.food-option .delete-icon{display:inline-flex;align-items:center;margin-left:.25rem;padding:.15rem;border-radius:4px;color:#e53e3e;cursor:pointer}.food-option .delete-icon:hover{background:rgba(229,62,62,.1)}.food-option.active .delete-icon{color:#ffffff}.food-option.active .delete-icon:hover{background:rgba(255,255,255,.2)}.food-option.add-genre-button{background:#e7f5ff;color:#1971c2;border:1px dashed #74c0fc}.food-option.add-genre-button:hover{background:#d0ebff;border-color:#4dabf7}.genre-settings-button{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.85rem;color:#495057;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;transition:all .2s ease}.genre-settings-button:hover{background:#e9ecef;color:#212529}.genre-settings-button.active{background:#3498db;color:#ffffff;border-color:#3498db}.genre-settings-button.active:hover{background:#2980b9;border-color:#2980b9}.genre-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.custom-food-input{display:flex;flex-direction:column;gap:.75rem}.custom-food-input input{flex:1;width:100%;min-width:0;padding:.6rem .75rem;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem}.custom-food-input textarea{width:100%;min-height:120px;padding:.8rem 1rem;border:1px solid #dee2e6;border-radius:8px;font-size:.95rem;line-height:1.5;resize:vertical;color:#495057}.voice-button{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:6px;background:#edf2ff;color:#364fc7;border:1px solid #d0d9ff;font-size:.85rem;cursor:pointer;transition:background .2s ease;align-self:flex-start}.voice-button:hover{background:#dbe4ff}.icon-input{display:flex;align-items:center;gap:.5rem;border:1px solid #dee2e6;border-radius:6px;padding:.6rem .75rem;font-size:.9rem;color:#495057}.icon-input input,.icon-input select{border:none;outline:none;font-size:.9rem;color:#495057;flex:1;background-color:transparent}.icon-input select{cursor:pointer;padding-right:.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.price-mode-switch,.price-options{display:flex;flex-wrap:wrap;gap:.5rem}.price-mode-switch{margin-bottom:.25rem}.price-mode-option{padding:.35rem .8rem;border-radius:999px;border:1px solid #dee2e6;background:#f8f9fa;font-size:.8rem;color:#495057;cursor:pointer;transition:all .2s ease}.price-mode-option:hover{background:#e9ecef}.price-mode-option.active{background:#364fc7;color:#fff;border-color:#364fc7;font-weight:600}.price-option{padding:.4rem .9rem;border-radius:6px;border:1px solid #dee2e6;background:#ffffff;font-size:.85rem;cursor:pointer;transition:all .2s ease}.price-option.active{border-color:#4c6ef5;background:#edf2ff;color:#364fc7;font-weight:600}.form-actions{display:flex;justify-content:flex-end;margin-top:-.25rem}.search-button{display:inline-flex;align-items:center;gap:.5rem;background:#3498db;color:#fff;border:none;border-radius:6px;padding:.7rem 1.4rem;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.search-button:hover{transform:translateY(-1px)}.result-list{list-style:none;margin:0;padding:0;gap:1rem}.result-item,.result-list{display:flex;flex-direction:column}.result-item{border:1px solid #edf2ff;border-radius:10px;padding:1.2rem;gap:.9rem;background:#f8f9ff}.result-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.result-header h4{margin:0;font-size:1.1rem;color:#1c2c4c}.result-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:#5c677d;margin-top:.35rem}.result-cuisine{background:#fff;border-radius:999px;padding:.2rem .6rem;font-weight:600;color:#364fc7}.result-description{margin:0;color:#495057;line-height:1.5;font-size:.9rem}.result-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag-chip{background:#fff;border-radius:999px;border:1px solid #dee2e6;padding:.25rem .6rem;font-size:.75rem;color:#495057}.result-footer{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem;color:#5c677d}.result-price{font-weight:600;color:#364fc7}.result-address{display:flex;align-items:center;gap:.3rem}.reservation-note{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#364fc7;background:#e7f5ff;border-radius:6px;padding:.45rem .7rem}.no-results{border:1px dashed #ced4da;border-radius:8px;padding:1.5rem;text-align:center;color:#adb5bd;display:flex;flex-direction:column;gap:.5rem}@media (max-width:1024px){.events{padding:1.5rem}.events .page-header{gap:.75rem}.page-header-content{min-width:0;flex-shrink:1}.page-header-buttons{gap:.5rem}.page-header-buttons .btn-primary{font-size:.875rem;padding:.5rem .75rem;white-space:nowrap}.page-header-filters{gap:.75rem}.search-container{min-width:250px}}@media (max-width:768px){.events .page-header{gap:.5rem}.page-header-content h2{font-size:1rem}.page-header-content p{font-size:.75rem}.page-header-filters{gap:.5rem}.event-checkbox-list{flex:0 0 auto}.search-container{flex:1 1 100%;min-width:0}.category-settings-button{flex-shrink:0}.page-header-buttons .btn-primary{font-size:.875rem;padding:.5rem .75rem}}@media print{.calendar-header,.event-checkbox-list,.page-header-buttons,.page-header-filters,.search-container,.sidebar{display:none!important}.events .page-header{margin-bottom:1rem;page-break-after:avoid}.page-header-content p{display:none}.events{padding:0;min-height:auto}.calendar-container{box-shadow:none;border-radius:0;padding:0;width:100%;max-width:100%}.calendar-grid{page-break-inside:avoid;height:auto}.calendar-days{grid-auto-rows:auto;height:auto;gap:0!important}.calendar-day{border:1px solid #ddd;overflow:hidden;min-height:84px;height:auto;padding:0!important;border-radius:0!important}.calendar-day-number{font-size:.75rem;padding:.05rem .15rem}.calendar-day-events{overflow:hidden;padding:0 .15rem .15rem}.calendar-event{print-color-adjust:exact;-webkit-print-color-adjust:exact;font-size:.65rem!important;line-height:1.3!important;padding:.05rem .15rem!important;max-width:100%!important;box-sizing:border-box!important}.calendar-event.all-day{display:flex!important;align-items:center!important}.calendar-event.all-day,.calendar-event.all-day .event-title{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.calendar-event.time-specific:not(.todo){display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:.05rem .2rem!important}.calendar-event.time-specific:not(.todo) .event-dot{display:inline-block!important;flex-shrink:0!important}.calendar-event.time-specific:not(.todo) .event-time-left{display:inline-block!important;font-weight:600!important;font-size:.6rem!important;color:#495057!important;white-space:nowrap!important;flex-shrink:0!important}.calendar-event.time-specific:not(.todo) .event-title{display:block!important;flex-basis:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.calendar-event.todo{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.2rem!important;white-space:nowrap!important;overflow:hidden!important}.calendar-event.todo .todo-icon{flex-shrink:0!important;display:inline-block!important}.calendar-event.todo .event-title{flex:1!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:inline!important}.modal-overlay{display:none!important}}.wheelchair-rental-history{padding:1.5rem}.history-summary{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f3f4f6;border-radius:4px;margin-bottom:1rem}.history-summary .page-info,.history-summary .total-count{font-size:.875rem}.empty-state,.error-state,.loading-state{text-align:center;padding:2rem}.error-state{color:#ef4444}.empty-state{color:#6b7280}.history-table-container{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;background-color:white;box-shadow:0 1px 3px rgba(0,0,0,.1)}.history-table thead tr{background-color:#f9fafb}.history-table th{padding:.75rem;text-align:left;font-size:.875rem;font-weight:600}.history-table tbody tr,.history-table th{border-bottom:1px solid #e5e7eb}.history-table td{padding:.75rem;font-size:.875rem}.history-table .wheelchair-number{font-weight:600}.history-table .status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.history-table .status-badge.status-rented{background-color:#fef3c7;color:#92400e}.history-table .status-badge.status-returned{background-color:#d1fae5;color:#065f46}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}.pagination-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background-color:white;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.875rem}.pagination-btn:disabled{background-color:#e5e7eb;cursor:not-allowed}.pagination-numbers{display:flex;gap:.25rem}.pagination-numbers .page-number{padding:.5rem .75rem;background-color:white;color:#374151;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.875rem}.pagination-numbers .page-number.active{background-color:#3b82f6;color:white;font-weight:600}.pagination-numbers .page-ellipsis{padding:.5rem .75rem;color:#6b7280;font-size:.875rem}.history-header-with-back{display:flex;align-items:center;gap:1rem}.back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#f3f4f6;color:#374151;text-decoration:none;transition:background-color .2s}.back-button:hover{background-color:#e5e7eb}.history-table tbody tr{cursor:pointer}.history-table tbody tr:hover{background-color:#f9fafb}.rental-detail-modal{max-width:600px}.rental-detail-content{display:flex;flex-direction:column;gap:1.5rem}.detail-section{border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.detail-section:last-child{border-bottom:none}.detail-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#374151}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width{grid-column:1/-1}.detail-label{font-size:.75rem;color:#6b7280;font-weight:500}.detail-value{font-size:.875rem;color:#111827}@media (max-width:640px){.detail-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:1}}.hamburger-menu-button{position:fixed;top:.75rem;left:.75rem;z-index:100;padding:.5rem;background:#1f2937;border:none;border-radius:.375rem;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .2s ease}.hamburger-menu-button:hover{background:#111827;box-shadow:0 3px 8px rgba(0,0,0,.3)}.hamburger-menu-button:active{transform:scale(.95)}@media (min-width:769px){.hamburger-menu-button{display:none}}.mobile-drawer-header{padding:1rem 0 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.sidebar-drawer{background:linear-gradient(180deg,#1f2937,#111827);color:white;padding:1.5rem;width:280px!important;max-width:85vw!important;display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-drawer h1{color:white}.sidebar-drawer .logout-button{width:100%;margin-top:.5rem}@media (max-width:768px){.sidebar{display:none!important}.main-area{width:100%;margin-left:0}}