*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.6;color:#333;background:#fafafa;min-height:100vh;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:#5B9BD5 #f0f0f0}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#f0f0f0}body::-webkit-scrollbar-thumb{background:#5b9bd5;border-radius:6px}body::-webkit-scrollbar-thumb:hover{background:#4a8bc2}#scale-wrapper{width:100%;display:flex;justify-content:center;align-items:flex-start}#app-root{width:100%;min-width:1200px}.page-shell{width:100%;padding:20px;box-sizing:border-box}.container{width:100%;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;overflow:hidden}header{background:#f5f5f5;color:#333;padding:20px 30px;box-shadow:0 2px 4px #0000001a}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;width:100%;flex-wrap:nowrap}.header-action-group{display:flex;gap:8px;align-items:center;flex-shrink:0}header h1{font-size:1.8rem;font-weight:700;color:#333;margin:0;flex-shrink:1;min-width:0}header p{font-size:.95rem;color:#888;margin:0}.header-actions{display:flex;gap:8px;flex-wrap:nowrap;align-items:center;flex-shrink:0}.admin-login-btn{background:transparent;color:#00796b;border:1px solid #00796B;padding:8px 16px;font-size:.9rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.admin-login-btn:hover{background:#e0f2f1;border-color:#00796b}.icon-action-btn{background:transparent;border:1px solid #00796B;padding:8px;border-radius:4px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px}.icon-action-btn i{color:#00796b;font-size:1.1rem}.icon-action-btn:hover{background:#e0f2f1}.cleanup-btn.icon-action-btn{border-color:#f44336}.cleanup-btn.icon-action-btn i{color:#f44336}.cleanup-btn.icon-action-btn:hover{background:#ffebee}.primary-btn{background:#00796b;color:#fff;border:1px solid #00796B;padding:10px 20px;font-size:.95rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500;white-space:nowrap}.primary-btn:hover{background:#00695c;border-color:#00695c}.secondary-btn{background:transparent;color:#00796b;border:1px solid #00796B;padding:10px 20px;font-size:.95rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500;white-space:nowrap}.secondary-btn:hover{background:#e0f2f1;border-color:#00796b}.danger-btn{background:#f44336;color:#fff;border:none;padding:10px 20px;font-size:.95rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500;white-space:nowrap}.danger-btn:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 5px 15px #f4433666}.reload-btn{display:inline-flex;align-items:center;gap:6px}.reload-btn i{font-size:1rem}main{padding:30px;background:#fafafa}.container{background:#fff;box-shadow:0 2px 8px #0000001a;border-radius:8px;margin:20px auto;max-width:1400px}.loading{text-align:center;padding:40px;color:#00796b;font-size:1.2rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #00796B;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}.error{background:#fee;border:1px solid #fcc;color:#c33;padding:15px;border-radius:6px;margin-bottom:20px}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.attendance-grid-wrapper{position:relative;width:100%}.attendance-grid-container{overflow-x:auto;overflow-y:visible;border:1px solid #e0e0e0;border-radius:8px;background:#fff;width:100%;position:relative;box-shadow:0 1px 3px #0000000d;scrollbar-width:thin;scrollbar-color:#5B9BD5 #f0f0f0}.attendance-grid-scrollbar-top{overflow-x:auto;overflow-y:hidden;height:12px;width:100%;margin-bottom:4px;border:1px solid #e0e0e0;border-radius:8px 8px 0 0;background:#f0f0f0;scrollbar-width:thin;scrollbar-color:#5B9BD5 #f0f0f0;display:none}.attendance-grid-scrollbar-top.visible{display:block}.attendance-grid-scrollbar-top::-webkit-scrollbar{height:12px}.attendance-grid-scrollbar-top::-webkit-scrollbar-track{background:#f0f0f0;border-radius:6px}.attendance-grid-scrollbar-top::-webkit-scrollbar-thumb{background:#5b9bd5;border-radius:6px}.attendance-grid-scrollbar-top::-webkit-scrollbar-thumb:hover{background:#4a8bc2}.attendance-grid-container::-webkit-scrollbar{height:12px;width:12px}.attendance-grid-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:6px}.attendance-grid-container::-webkit-scrollbar-thumb{background:#5b9bd5;border-radius:6px}.attendance-grid-container::-webkit-scrollbar-thumb:hover{background:#4a8bc2}.attendance-grid-wrapper:before,.attendance-grid-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;z-index:3;transition:opacity .2s ease;opacity:0}.attendance-grid-wrapper:before{left:0;background:linear-gradient(to right,rgba(255,255,255,.95),transparent)}.attendance-grid-wrapper:after{right:0;background:linear-gradient(to left,rgba(255,255,255,.95),transparent)}.attendance-grid-wrapper.scrollable-left:before{opacity:1}.attendance-grid-wrapper.scrollable-right:after{opacity:1}.attendance-grid-wrapper-top-fade{position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,rgba(255,255,255,.95),transparent);pointer-events:none;z-index:4;transition:opacity .2s ease;opacity:0}.attendance-grid-wrapper.scrollable-top .attendance-grid-wrapper-top-fade{opacity:1}.attendance-grid-wrapper.scrolled .attendance-grid-wrapper-top-fade{opacity:0}.scroll-hint{position:absolute;bottom:5px;left:50%;transform:translate(-50%);background:#667eeae6;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;white-space:nowrap;z-index:10;pointer-events:none;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.attendance-grid{width:100%;border-collapse:collapse;min-width:800px;table-layout:fixed;writing-mode:horizontal-tb!important;text-orientation:mixed!important}.attendance-grid th,.attendance-grid td{padding:8px 12px;text-align:center;border:none;border-bottom:1px solid #f0f0f0;line-height:1.4;vertical-align:middle;writing-mode:horizontal-tb!important;text-orientation:mixed!important}.member-name-col{min-width:45px!important;max-width:45px!important;width:45px!important;overflow:hidden;height:46px;min-height:46px;max-height:46px;vertical-align:middle;white-space:normal!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;padding:2px 3px!important;box-sizing:border-box!important}.member-name-wrapper{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2!important;overflow:hidden!important;word-break:break-word;overflow-wrap:break-word;line-height:1.3!important;height:2.6em!important;min-height:2.6em!important;max-height:2.6em!important;width:100%;white-space:normal!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;text-align:center}.member-name-col a{display:inline;word-break:break-word;overflow-wrap:break-word;white-space:normal!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;font-size:.7rem!important;line-height:1.3!important}.member-name-col .member-name-wrapper a{writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important}.attendance-grid .status-cell{min-width:40px;width:40px;max-width:40px}.attendance-grid td:first-child{min-width:180px}.attendance-grid tbody tr:nth-child(2n){background-color:#fafafa}.attendance-grid tbody tr:nth-child(odd){background-color:#fff}.attendance-grid th{background:#f5f5f5;color:#333;font-weight:700;font-size:.85rem;position:sticky;top:0;z-index:10;border:none;border-bottom:1px solid #DDDDDD;vertical-align:middle;writing-mode:horizontal-tb!important;text-orientation:mixed!important}.attendance-grid th:first-child{position:sticky;left:0;top:0;z-index:30;background:#f5f5f5;color:#333;font-weight:700;min-width:200px;width:200px;max-width:200px;border-right:1px solid #DDDDDD;vertical-align:middle}.attendance-grid thead tr:nth-child(2) th{z-index:9;writing-mode:horizontal-tb!important;text-orientation:mixed!important}.attendance-grid thead tr:nth-child(2){writing-mode:horizontal-tb!important;text-orientation:mixed!important}.attendance-grid thead{writing-mode:horizontal-tb!important;text-orientation:mixed!important}.attendance-grid tbody tr:nth-child(2n) td:first-child{background-color:#f5f5f5}.attendance-grid tbody tr:nth-child(odd) td:first-child{background-color:#f5f5f5}.attendance-grid td:first-child{position:sticky;left:0;z-index:1;font-weight:600;min-width:200px;width:200px;max-width:200px;word-wrap:break-word;overflow-wrap:break-word;border-right:1px solid #DDDDDD}.event-name-clickable{color:#1976d2;padding:8px 28px 8px 8px;margin:-8px;border-radius:8px;position:relative;box-shadow:0 1px 3px #0000000d;display:block;transition:all .2s ease;cursor:pointer}.event-name-clickable:after{content:"›";position:absolute;right:8px;opacity:.7;font-size:1.4rem;font-weight:700;color:#1976d2;top:50%;transform:translateY(-50%);transition:opacity .2s ease;line-height:1}@media(hover:hover)and (pointer:fine){.event-name-clickable:hover{background:#1976d214;box-shadow:0 2px 6px #0000001a}.event-name-clickable:hover:after{opacity:1}}.event-name-clickable:active{background:#1976d21a;box-shadow:0 2px 6px #0000001a;transform:scale(.98)}.event-name-clickable:active:after{opacity:1}.status-cell{cursor:pointer;min-width:50px;height:32px;padding:4px 6px;transition:background-color .2s}.status-cell:hover{background-color:#f0f0f0}.status-cell.status-attend{background-color:#e8f5e9}.status-cell.status-maybe{background-color:#fffde7}.status-cell.status-absent{background-color:#ffebee}.status-cell.status-none{background-color:#f5f5f5;color:#999}.status-cell.status-unregistered{background-color:#fff;color:#333}.status-icon{font-size:1.1rem;font-weight:500}.grid-controls{position:relative;margin-bottom:30px}.response-form{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.response-form label{display:block;margin-bottom:10px;font-weight:700;color:#333}.response-buttons{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.response-btn{flex:1;min-width:70px;padding:6px 12px;border:2px solid #00796B;background:#fff;color:#00796b;border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .2s}.response-btn:hover,.response-btn.active{background:#00796b;color:#fff}.member-info-header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.member-info-block{flex:1;min-width:140px}.member-info-block+.member-info-block{margin-left:20px}.member-info-actions{display:flex;gap:8px;flex-shrink:0}.member-info-actions button{white-space:nowrap}.event-row-top{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.event-status-buttons{display:flex;gap:6px;flex-wrap:wrap}.event-status-buttons .response-btn{flex:1 1 auto;min-width:70px}@media(max-width:600px){.member-info-header{flex-direction:column;align-items:stretch}.member-info-block+.member-info-block{margin-left:0}.member-info-actions{width:100%;justify-content:stretch;flex-direction:column}.member-info-actions button{width:100%}.event-row-top{flex-direction:column;align-items:flex-start;gap:8px}.event-status-buttons{width:100%;justify-content:flex-start}.event-status-buttons .response-btn{flex:1 1 calc(50% - 6px);min-width:120px}}@media(max-width:420px){.event-status-buttons .response-btn{flex:1 1 100%;min-width:0}}.response-btn.attend{border-color:#4caf50;color:#4caf50}.response-btn.attend.active{background:#4caf50;color:#fff}.response-btn.maybe{border-color:#ff9800;color:#ff9800}.response-btn.maybe.active{background:#ff9800;color:#fff}.response-btn.absent{border-color:#f44336;color:#f44336}.response-btn.absent.active{background:#f44336;color:#fff}.comment-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:1rem;margin-bottom:15px;font-family:inherit}.submit-btn{width:100%;background:#00796b;color:#fff;border:none;padding:12px 24px;font-size:1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.submit-btn:hover{background:#00695c;transform:translateY(-2px);box-shadow:0 5px 15px #00796b66}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tally{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.tally h4{color:#667eea;margin-bottom:10px}.tally-stats{display:flex;gap:15px;flex-wrap:wrap}.tally-stat{flex:1;min-width:80px;text-align:center;padding:10px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.tally-stat .label{font-size:.9rem;color:#666;margin-bottom:5px}.tally-stat .value{font-size:1.5rem;font-weight:700;color:#333}.tally-stat.attend .value{color:#4caf50}.tally-stat.maybe .value{color:#ff9800}.tally-stat.absent .value{color:#f44336}.toast{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:6px;color:#fff;font-weight:700;z-index:10000;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #0003;background:#2196f3}.toast.success{background:#4caf50}.toast.error{background:#f44336}.toast.info{background:#2196f3}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state h3{color:#667eea;margin-bottom:10px}.admin-actions{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0;display:flex;gap:10px}.admin-btn{flex:1;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.admin-btn.edit{background:#2196f3;color:#fff}.admin-btn.edit:hover{background:#1976d2}.admin-btn.delete{background:#f44336;color:#fff}.admin-btn.delete:hover{background:#d32f2f}.admin-btn.sync{background:#4caf50;color:#fff}.admin-btn.sync:hover{background:#45a049}.admin-btn.sync:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.sync-all-btn:not(.icon-action-btn){background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;gap:8px}.sync-all-btn:not(.icon-action-btn):hover{background:#45a049;transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}.sync-all-btn:not(.icon-action-btn):disabled{background:#ccc;cursor:not-allowed;opacity:.6;transform:none}.icon-action-btn:disabled{opacity:.5;cursor:not-allowed}.icon-action-btn:disabled i{opacity:.5}.reload-btn i.spinning{animation:spin 1s linear infinite}.sync-icon{display:inline-block;animation:none}.sync-icon.spinning,.icon-action-btn i.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-status{font-size:.85rem;color:#666;margin-top:8px;padding:4px 8px;background:#f5f5f5;border-radius:4px}.fullscreen-loader{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;flex-direction:column}.fullscreen-loader.active{display:flex}.fullscreen-loader .loader-spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:20px}.fullscreen-loader .loader-text{color:#fff;font-size:1.2rem;font-weight:500}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;overflow:auto}.modal-content{background-color:#fff;margin:5% auto;padding:30px;border-radius:12px;width:90%;max-width:600px;box-shadow:0 10px 40px #00000080;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.modal-header h2{color:#667eea;margin:0}.close-btn{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;line-height:1;padding:0;width:30px;height:30px}.close-btn:hover{color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#333}.form-group .checkbox-label{display:flex;align-items:center;gap:8px;margin-bottom:0;font-weight:400;cursor:pointer}.form-group .checkbox-label input[type=checkbox]{width:auto;margin:0;padding:0;border:none;border-radius:0;cursor:pointer;flex-shrink:0}.form-group .checkbox-label span{-webkit-user-select:none;user-select:none}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit}.form-group textarea{min-height:100px;resize:vertical}.location-history-btn{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:1.2rem;transition:all .2s;flex-shrink:0}.location-history-btn:hover{background:#f5f5f5;border-color:#667eea}.location-history{margin-top:10px;border:1px solid #ddd;border-radius:6px;background:#fff;box-shadow:0 2px 8px #0000001a;max-height:200px;overflow-y:auto}.location-history-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #e0e0e0;background:#f9f9f9;font-weight:700;font-size:.9rem;color:#666}.location-history-close{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1}.location-history-close:hover{color:#333}.location-history-list{padding:5px}.location-history-item{padding:10px 15px;cursor:pointer;border-radius:4px;transition:background .2s;font-size:.95rem}.location-history-item:hover{background:#f0f0f0}.location-history-item:active{background:#e0e0e0}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.form-btn{padding:10px 24px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.form-btn.primary{background:#00796b;color:#fff}.form-btn.primary:hover{background:#00695c;transform:translateY(-2px);box-shadow:0 5px 15px #00796b66}.form-btn.secondary{background:#e0e0e0;color:#333}.form-btn.secondary:hover{background:#d0d0d0}.form-btn.danger{background:#f44336;color:#fff}.form-btn.danger:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 5px 15px #f4433666}.form-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.confirm-dialog{display:none;position:fixed;z-index:2100;left:0;top:0;width:100%;height:100%;background-color:#00000080;overflow:auto}.confirm-dialog-content{background-color:#fff;margin:15% auto;padding:30px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 10px 40px #0000004d;animation:slideDown .3s ease-out;text-align:center}.confirm-dialog-content h3{color:#f44336;margin-bottom:15px}.confirm-dialog-content p{margin-bottom:25px;color:#666}.confirm-dialog-actions{display:flex;gap:10px;justify-content:center}.confirm-btn{padding:10px 24px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.confirm-btn.danger{background:#f44336;color:#fff}.confirm-btn.danger:hover{background:#d32f2f}.confirm-btn.cancel{background:#e0e0e0;color:#333}.confirm-btn.cancel:hover{background:#d0d0d0}footer{background:#f8f9fa;text-align:center;padding:20px;color:#666;font-size:.9rem;border-top:1px solid #e0e0e0}