.schedule-grid-container{background:#1a1a2e;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #00000080}.schedule-grid-container h2{color:#e0e0e0;margin-bottom:20px;font-size:24px;text-align:center}.schedule-loading{text-align:center;padding:40px;color:#e0e0e0;font-size:18px}.schedule-table-wrapper{overflow-x:auto;margin-bottom:24px}.schedule-table{width:890px;border-collapse:separate;border-spacing:0;background:#16213e;border-radius:8px;overflow:hidden;table-layout:fixed;margin:0 auto}.schedule-table thead{background:#0f1626;position:sticky;top:0;z-index:10}.schedule-table th{padding:12px 8px;text-align:center;font-weight:600;color:#e0e0e0;border:1px solid #2a2a3e;font-size:12px;vertical-align:middle}.time-header{background:#0a0e1a;width:120px!important;min-width:120px!important;max-width:120px!important;text-align:left;padding-left:16px;position:sticky;left:0;z-index:11;border-right:2px solid #2a2a3e}.day-header{background:#0a0e1a;min-width:110px!important;width:110px!important;max-width:110px!important}.schedule-table tbody tr{border-bottom:1px solid #2a2a3e}.schedule-table tbody tr:hover{background:#1e2746}.schedule-table tbody td{border:1px solid #2a2a3e;vertical-align:top}.time-cell{padding:12px 16px;color:#b0b0b0;font-weight:500;background:#0f1626;border-right:2px solid #2a2a3e;font-size:13px;text-align:left;width:120px!important;min-width:120px!important;max-width:120px!important;position:sticky;left:0;z-index:5;vertical-align:top}.schedule-cell{padding:4px;min-height:60px;height:60px;background:#16213e;border:1px solid #2a2a3e;position:relative;transition:background .2s ease;vertical-align:top;display:table-cell;pointer-events:auto;width:110px!important;min-width:110px!important;max-width:110px!important}.schedule-cell-content{display:flex;flex-direction:column;gap:2px;align-items:stretch;width:100%;height:100%}.cell-placeholder{pointer-events:none;-webkit-user-select:none;user-select:none;cursor:default}.boss-tag{display:block;padding:4px 6px;margin:1px 0;border-radius:4px;font-size:10px;font-weight:500;border:1px solid;cursor:pointer;transition:all .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;text-align:center;box-sizing:border-box;-webkit-user-select:none;user-select:none;pointer-events:auto;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;will-change:transform,opacity,filter}.boss-tag-inactive{opacity:.5;font-weight:400;filter:grayscale(.3)}.boss-tag-active{opacity:1;font-weight:600;box-shadow:0 0 10px currentColor,inset 0 0 10px #ffffff1a;filter:brightness(1.2);transform:scale(1.02)}.boss-tag:hover{opacity:1;transform:scale(1.05);box-shadow:0 0 12px currentColor,inset 0 0 10px #ffffff26;filter:brightness(1.3);transition:all .15s ease}.boss-legend{margin-top:24px;padding-top:20px;border-top:1px solid #2a2a3e}.boss-legend h3{color:#e0e0e0;margin-bottom:12px;font-size:16px}.legend-items{display:flex;flex-wrap:wrap;gap:16px}.legend-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.legend-item:hover{background:#4a90e21a;transform:translateY(-1px)}.legend-item-selected{background:#4a90e233;border:1px solid rgba(74,144,226,.4)}.legend-color{width:16px;height:16px;border-radius:3px;border:1px solid;display:inline-block}.legend-name{color:#b0b0b0;font-size:13px}.boss-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.boss-menu{position:fixed;background:#1a1a2e;border:1px solid #2a2a3e;border-radius:8px;padding:12px;z-index:1001;box-shadow:0 8px 24px #000000b3;min-width:200px;max-width:300px}.boss-menu-header{color:#e0e0e0;font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #2a2a3e;font-size:14px}.boss-menu-list{display:flex;flex-direction:column;gap:6px}.boss-menu-item{padding:10px 12px;border-radius:6px;cursor:pointer;border:1px solid;background:#0000004d;transition:all .2s ease;font-size:13px}.boss-menu-item:hover{background:#00000080;transform:translate(4px)}@media (max-width: 768px){.schedule-table-wrapper{overflow-x:scroll}.schedule-table{min-width:800px}.time-cell,.schedule-cell{font-size:11px;padding:6px}.boss-tag{font-size:9px;padding:2px 6px}}.notification-selector{background:#1a1a2e;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000080;margin-bottom:24px;border:1px solid #2a2a3e}.notification-selector h2{margin-bottom:12px;color:#e0e0e0;font-size:24px}.notification-hint{margin-bottom:20px;color:#b0b0b0;font-size:14px}.notification-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.notification-card{display:flex;align-items:center;justify-content:center;padding:16px;border:2px solid #2a2a3e;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#0f1626}.notification-card:hover{border-color:#4a90e2;background:#16213e;transform:translateY(-2px);box-shadow:0 4px 8px #4a90e24d}.notification-card input[type=checkbox]{width:20px;height:20px;margin-right:10px;cursor:pointer;accent-color:#4A90E2}.notification-label{font-size:16px;font-weight:500;color:#e0e0e0}.notification-card input[type=checkbox]:checked+.notification-label{color:#4a90e2;font-weight:600}@media (max-width: 768px){.notification-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 360px){.notification-selector{padding:16px;margin-bottom:16px;border-radius:8px}.notification-selector h2{font-size:18px;margin-bottom:8px}.notification-hint{font-size:12px;margin-bottom:12px;line-height:1.4}.notification-grid{grid-template-columns:repeat(3,1fr);gap:8px}.notification-card{padding:10px 8px;border-radius:6px;border-width:1.5px}.notification-card input[type=checkbox]{width:16px;height:16px;margin-right:6px}.notification-label{font-size:13px}}@media (max-width: 320px){.notification-selector{padding:12px;margin-bottom:12px}.notification-selector h2{font-size:16px;margin-bottom:6px}.notification-hint{font-size:11px;margin-bottom:10px}.notification-grid{grid-template-columns:repeat(3,1fr);gap:6px}.notification-card{padding:8px 6px;border-radius:5px}.notification-card input[type=checkbox]{width:14px;height:14px;margin-right:4px}.notification-label{font-size:12px}}.qr-code-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:#000;border-radius:8px;margin:.5rem 0;box-shadow:0 2px 4px #0000004d;width:100%;max-width:100%;box-sizing:border-box}.qr-code-header{text-align:center;margin-bottom:1rem;color:#fff}.qr-code-header h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.qr-code-header p{margin:0;font-size:.9rem;opacity:.9}.qr-code-user-info{margin:.75rem 0;padding:.75rem;background:#ffffff1a;border-radius:6px;text-align:center}.qr-code-user-name{margin:0 0 .25rem!important;font-size:.95rem!important;font-weight:600!important;color:#fff!important;opacity:1!important}.qr-code-user-id{margin:0!important;font-size:.85rem!important;font-family:Courier New,monospace!important;color:#fffc!important;opacity:1!important}.qr-code-wrapper{background:#fff;padding:.5rem;border-radius:6px;margin-bottom:.75rem;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;width:100%;max-width:280px;box-sizing:border-box}.qr-code-wrapper svg{width:100%;height:auto;max-width:240px}.qr-code-link{margin-top:.5rem}.qr-code-link a{color:#fff;font-size:.95rem;font-weight:600;text-decoration:none;padding:.4rem .8rem;background:#ffffff26;border-radius:4px;transition:background .3s ease;display:inline-block}.qr-code-link a:hover{background:#ffffff40}@media (max-width: 360px){.qr-code-container{padding:.75rem;margin:.25rem 0}.qr-code-header h3{font-size:1rem}.qr-code-header p{font-size:.85rem}.qr-code-wrapper{max-width:240px;padding:.4rem}.qr-code-wrapper svg{max-width:200px}.qr-code-link a{font-size:.85rem;padding:.3rem .6rem}}.app{min-height:100vh;padding:20px;background:transparent}.container{max-width:1400px;margin:0 auto}.header{text-align:center;color:#e0e0e0;margin-bottom:40px;padding:40px 20px}.header h1{font-size:48px;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header p{font-size:18px;opacity:.9}.user-info-section{background:#1a1a2e;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000080;margin-bottom:24px;border:1px solid #2a2a3e;display:flex;align-items:center;gap:20px}.user-info-section .qr-code-container{margin:0;width:100%;background:#000}@media (max-width: 360px){.user-info-section{padding:12px;margin-bottom:12px}}.user-avatar{flex-shrink:0;width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid #4A90E2;background:#0f1626;display:flex;align-items:center;justify-content:center}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;color:#4a90e2;background:linear-gradient(135deg,#1a1a2e,#0f1626)}.user-details{flex:1;display:flex;flex-direction:column;gap:8px}.user-name{font-size:20px;font-weight:600;color:#e0e0e0}.user-id{font-size:14px;color:#6a6a7e;font-family:Courier New,monospace}.user-message{width:100%;text-align:center;padding:20px}.user-message p{color:#f5a623;font-size:16px;margin:0}.user-section{background:#1a1a2e;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000080;margin-bottom:24px;border:1px solid #2a2a3e}.input-group{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.input-group label{display:flex;flex-direction:column;font-weight:500;color:#e0e0e0}.input{padding:12px;border:2px solid #2a2a3e;border-radius:8px;font-size:16px;margin-top:8px;transition:all .3s ease;background:#0f1626;color:#e0e0e0}.input::placeholder{color:#6a6a7e}.input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233;background:#16213e}.button-group{display:flex;gap:12px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#4a90e2,#2e5c8a);color:#fff;border:1px solid #3a6a9a;box-shadow:0 2px 8px #4a90e24d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266;background:linear-gradient(135deg,#5aa0f2,#3e6c9a)}.btn-secondary{background:linear-gradient(135deg,#3a3a4e,#2a2a3e);color:#e0e0e0;border:1px solid #4a4a5e;box-shadow:0 2px 8px #0000004d}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#4a4a5e,#3a3a4e);transform:translateY(-2px);border-color:#5a5a6e;box-shadow:0 4px 12px #0006}.message{padding:16px;border-radius:8px;margin-bottom:24px;text-align:center;font-weight:500}.message-success{background:#1e3a2e;color:#7ed321;border:1px solid #2e5a3e}.message-error{background:#3a1e1e;color:#d0021b;border:1px solid #5a2e2e}.schedule-preview{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a;margin-bottom:24px}.schedule-preview h2{margin-bottom:20px;color:#333;font-size:24px}.schedule-list{display:flex;flex-direction:column;gap:8px}.schedule-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9f9f9;border-radius:8px;border-left:4px solid #667eea}.schedule-main{display:flex;justify-content:space-between;align-items:center}.schedule-notifications{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid #e0e0e0}.notifications-label{font-size:12px;color:#666}.notifications-minutes{font-size:14px;font-weight:600;color:#667eea}.schedule-boss{font-weight:600;color:#667eea}.schedule-day{color:#666}.schedule-time{font-weight:500;color:#333}.settings-section{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.actions{text-align:center;margin-top:32px}.actions .btn{padding:16px 48px;font-size:18px}@media (max-width: 768px){.header h1{font-size:32px}.boss-grid,.day-grid{grid-template-columns:1fr}.schedule-item{flex-direction:column;align-items:flex-start;gap:8px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0e1a,#16213e,#0f1626);min-height:100vh;color:#e0e0e0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}