@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0d0f1a;--bg-secondary: #131628;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--bg-glass: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .1);--border-active: rgba(99, 179, 237, .5);--accent-blue: #63b3ed;--accent-purple: #b794f4;--accent-green: #68d391;--accent-red: #fc8181;--accent-orange: #f6ad55;--accent-teal: #4fd1c5;--text-primary: #f7fafc;--text-secondary: #a0aec0;--text-muted: #718096;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .6);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}html,body,#root{height:100%}body{font-family:Inter,Noto Sans JP,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 10%,rgba(99,179,237,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(183,148,244,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.app{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.app-header{display:flex;align-items:center;gap:16px;padding:20px 32px;background:rgba(13,15,26,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.app-header__logo{font-size:2rem;filter:drop-shadow(0 0 8px var(--accent-blue))}.app-header__title h1{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.app-header__title p{font-size:.75rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.app-header__stats{margin-left:auto;display:flex;gap:12px}.stat-chip{display:flex;flex-direction:column;align-items:center;padding:8px 20px;background:var(--bg-glass);border:1px solid var(--border);border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-chip__value{font-size:1.4rem;font-weight:700;color:var(--accent-blue);line-height:1}.stat-chip__label{font-size:.65rem;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.06em}.reset-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;background:linear-gradient(135deg,#e53e3e 0%,#c53030 100%);border:1px solid rgba(255,100,100,.4);border-radius:50px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:var(--transition);font-family:inherit;box-shadow:0 4px 14px #e53e3e59,inset 0 1px #ffffff26}.reset-btn__icon{width:15px;height:15px;flex-shrink:0;transition:transform .5s ease}.reset-btn:hover{background:linear-gradient(135deg,#fc5c5c 0%,#e53e3e 100%);box-shadow:0 6px 20px #e53e3e8c,inset 0 1px #fff3;transform:translateY(-1px)}.reset-btn:hover .reset-btn__icon{transform:rotate(-180deg)}.reset-btn:active{transform:translateY(0);box-shadow:0 2px 8px #e53e3e66}.modal--reset{border-color:#fc81814d;max-width:360px}.modal--confirm-replace{border-color:#f6ad5559;max-width:380px}.modal__confirm-btn--swap{background:linear-gradient(135deg,rgba(99,179,237,.2),rgba(66,153,225,.15));border-color:#63b3ed73;color:var(--accent-blue)}.modal__confirm-btn--swap:hover{background:linear-gradient(135deg,rgba(99,179,237,.32),rgba(66,153,225,.25))}.modal__title--reset{color:var(--text-primary);font-size:1.1rem}.modal__desc{text-align:center;font-size:.85rem;color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.modal__reset-actions{display:flex;gap:10px}.modal__cancel-btn{flex:1;padding:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.88rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:inherit}.modal__cancel-btn:hover{background:var(--bg-card-hover)}.modal__confirm-btn{flex:1;padding:10px;background:rgba(252,129,129,.15);border:1px solid rgba(252,129,129,.4);border-radius:var(--radius-md);color:var(--accent-red);font-size:.88rem;font-weight:700;cursor:pointer;transition:var(--transition);font-family:inherit}.modal__confirm-btn:hover{background:rgba(252,129,129,.28)}.app-main{display:flex;flex:1;gap:0;height:calc(100vh - 77px);overflow:hidden}.person-list{width:240px;min-width:240px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.person-list__header{padding:20px 16px 12px;border-bottom:1px solid var(--border)}.person-list__header h2{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.person-list__add{display:flex;gap:6px;padding:12px;border-bottom:1px solid var(--border)}.person-list__add input{flex:1;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8rem;font-family:inherit;transition:var(--transition);min-width:0}.person-list__add input:focus{outline:none;border-color:var(--accent-blue);background:rgba(99,179,237,.05)}.person-list__add input::placeholder{color:var(--text-muted)}.person-list__add button{padding:8px 12px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border:none;border-radius:var(--radius-sm);color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.person-list__add button:hover{opacity:.85;transform:translateY(-1px)}.person-list__base-alarm{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border);background:rgba(99,179,237,.04)}.person-list__base-alarm__label{font-size:.72rem;color:var(--text-secondary);font-weight:600;white-space:nowrap;flex:1}.person-list__base-alarm input{width:52px;padding:4px 8px;background:var(--bg-card);border:1px solid var(--border-active);border-radius:var(--radius-sm);color:var(--accent-blue);font-size:.82rem;font-family:inherit;font-weight:700;text-align:right;transition:var(--transition)}.person-list__base-alarm input:focus{outline:none;border-color:var(--accent-blue);background:rgba(99,179,237,.08)}.person-list__base-alarm__unit{font-size:.7rem;color:var(--text-muted)}.person-list__items{list-style:none;overflow-y:auto;flex:1;padding:8px}.person-list__items::-webkit-scrollbar{width:4px}.person-list__items::-webkit-scrollbar-track{background:transparent}.person-list__items::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.person-item{display:flex;align-items:center;gap:4px;margin-bottom:4px;border-radius:var(--radius-sm);transition:var(--transition)}.person-item--placed .person-item__drag-area{opacity:.7;cursor:grab}.person-item__drag-area{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:grab;transition:var(--transition);-webkit-user-select:none;user-select:none;min-width:0}.person-item__drag-area:hover:not(.person-item--placed .person-item__drag-area){background:var(--bg-card-hover);border-color:var(--accent-blue);transform:translate(2px)}.person-item__drag-area:active{cursor:grabbing}.person-item__avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.person-item__name{font-size:.82rem;color:var(--text-primary);font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-item__badge{font-size:.6rem;background:rgba(104,211,145,.15);color:var(--accent-green);border:1px solid rgba(104,211,145,.3);padding:2px 6px;border-radius:50px;white-space:nowrap}.person-item__drag-hint{color:var(--text-muted);font-size:1rem;flex-shrink:0}.person-item__delete-btn{background:none;border:none;cursor:pointer;font-size:.85rem;opacity:0;padding:6px 4px;transition:var(--transition);border-radius:4px;flex-shrink:0}.person-item:hover .person-item__delete-btn{opacity:1}.person-item__delete-btn:hover{background:rgba(252,129,129,.1)}.person-list__empty{text-align:center;color:var(--text-muted);font-size:.8rem;padding:24px 16px}.work-grid-section{flex:1;overflow-y:auto;padding:28px 24px}.work-grid-section::-webkit-scrollbar{width:6px}.work-grid-section::-webkit-scrollbar-track{background:transparent}.work-grid-section::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.work-grid-section__title{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work-box{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);overflow:hidden;min-height:220px;display:flex;flex-direction:column}.work-box--empty{border-style:dashed;border-color:#ffffff1f}.work-box--empty:hover{border-color:var(--accent-blue);background:rgba(99,179,237,.04)}.work-box--active{border-color:#63b3ed4d;background:rgba(99,179,237,.03);box-shadow:0 0 0 1px #63b3ed1a inset}.work-box--alarm{border-color:var(--accent-red)!important;background:rgba(252,129,129,.06)!important;animation:alarm-pulse 1s ease-in-out infinite alternate}@keyframes alarm-pulse{0%{box-shadow:0 0 #fc818133}to{box-shadow:0 0 20px 4px #fc818159}}.work-box__header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border)}.work-box__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.work-box__header-actions{display:flex;align-items:center;gap:6px}.work-box__queue-count-badge{font-size:.6rem;font-weight:700;background:rgba(246,173,85,.15);color:var(--accent-orange);border:1px solid rgba(246,173,85,.3);padding:2px 7px;border-radius:50px;white-space:nowrap}.work-box__remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:2px 8px;border-radius:4px;transition:var(--transition);line-height:1;white-space:nowrap}.work-box__remove-btn:hover{background:rgba(252,129,129,.15);color:var(--accent-red)}.work-box__drop-hint{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:.78rem}.work-box__drop-icon{font-size:1.8rem;opacity:.4}.work-box__content{flex:1;padding:14px;display:flex;flex-direction:column;gap:10px}.work-box__person-name{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.work-box__timer{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--accent-blue);font-family:Inter,monospace;line-height:1}.work-box__timer--overtime{color:var(--accent-red)}.work-box__progress-track{height:4px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}.work-box__progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-teal));transition:width .5s linear}.work-box__progress-fill--overtime{background:linear-gradient(90deg,var(--accent-orange),var(--accent-red))}.work-box__alarm-setting{display:flex;align-items:center;gap:6px;margin-top:auto}.work-box__alarm-setting label{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.work-box__alarm-setting input{width:60px;padding:4px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8rem;font-family:inherit;text-align:right;transition:var(--transition)}.work-box__alarm-setting input:focus{outline:none;border-color:var(--accent-blue)}.work-box__alarm-setting span{font-size:.7rem;color:var(--text-muted)}.work-box__ack-btn{padding:6px 14px;background:rgba(252,129,129,.15);border:1px solid rgba(252,129,129,.3);border-radius:50px;color:var(--accent-red);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition);width:100%}.work-box__ack-btn:hover{background:rgba(252,129,129,.25)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:overlay-fade-in .2s ease}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.modal{background:#1a1d30;border:1px solid rgba(252,129,129,.3);border-radius:var(--radius-xl);padding:32px;width:480px;max-width:90vw;box-shadow:0 0 60px #fc818133,var(--shadow-lg);animation:modal-slide-in .25s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-slide-in{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal__icon{font-size:3rem;text-align:center;margin-bottom:12px;animation:shake .5s ease infinite alternate}@keyframes shake{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.modal__title{text-align:center;font-size:1.3rem;font-weight:700;color:var(--accent-red);margin-bottom:24px;letter-spacing:-.02em}.modal__list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.modal__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:rgba(252,129,129,.07);border:1px solid rgba(252,129,129,.2);border-radius:var(--radius-md)}.modal__item-info{display:flex;flex-direction:column;gap:2px}.modal__item-info strong{font-size:.95rem;color:var(--text-primary)}.modal__item-info span{font-size:.75rem;color:var(--text-secondary)}.modal__ack-btn{padding:8px 18px;background:rgba(252,129,129,.15);border:1px solid rgba(252,129,129,.4);border-radius:50px;color:var(--accent-red);font-size:.83rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:var(--transition)}.modal__ack-btn:hover{background:rgba(252,129,129,.3)}.modal__ack-all-btn{width:100%;padding:12px;background:linear-gradient(135deg,rgba(252,129,129,.2),rgba(252,129,129,.1));border:1px solid rgba(252,129,129,.4);border-radius:var(--radius-md);color:var(--accent-red);font-size:.9rem;font-weight:700;cursor:pointer;transition:var(--transition)}.modal__ack-all-btn:hover{background:rgba(252,129,129,.25)}.queue-section{margin-top:4px;border-top:1px solid var(--border);padding-top:10px;display:flex;flex-direction:column;gap:6px}.queue-section__title{font-size:.68rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.queue-list{list-style:none;display:flex;flex-direction:column;gap:4px}.queue-item{display:flex;align-items:center;gap:5px;padding:5px 8px;background:rgba(246,173,85,.06);border:1px solid rgba(246,173,85,.15);border-radius:var(--radius-sm);animation:queue-appear .2s ease}@keyframes queue-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.queue-item__index{font-size:.65rem;font-weight:700;color:var(--accent-orange);width:14px;text-align:center;flex-shrink:0}.queue-item__avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent-orange),#f6e05e);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#1a1d30;flex-shrink:0}.queue-item__name{font-size:.78rem;color:var(--text-primary);font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.queue-item__alarm{display:flex;align-items:center;gap:3px;flex-shrink:0}.queue-item__alarm input{width:44px;padding:3px 6px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.72rem;font-family:inherit;text-align:right;transition:var(--transition)}.queue-item__alarm input:focus{outline:none;border-color:var(--accent-orange)}.queue-item__alarm span{font-size:.65rem;color:var(--text-muted)}.queue-item__remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.7rem;padding:2px 4px;border-radius:4px;transition:var(--transition);flex-shrink:0;line-height:1}.queue-item__remove:hover{background:rgba(252,129,129,.15);color:var(--accent-red)}.queue-drop-zone{border:1.5px dashed rgba(246,173,85,.3);border-radius:var(--radius-sm);padding:14px 10px;text-align:center;font-size:.75rem;color:#f6ad5580;transition:var(--transition);cursor:default}.queue-drop-zone:hover{border-color:var(--accent-orange);color:var(--accent-orange);background:rgba(246,173,85,.05)}.person-item__badge--queued{font-size:.6rem;background:rgba(246,173,85,.15);color:var(--accent-orange);border:1px solid rgba(246,173,85,.3);padding:2px 6px;border-radius:50px;white-space:nowrap}@media (max-width: 1024px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.app-main{flex-direction:column;height:auto;overflow:unset}.person-list{width:100%;min-width:unset;max-height:280px;border-right:none;border-bottom:1px solid var(--border)}.work-grid{grid-template-columns:1fr}.work-grid-section{overflow-y:unset}.app-header{padding:14px 16px}}*{margin:0;padding:0;box-sizing:border-box}