.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 10px 40px #0000001a}.auth-title{font-size:32px;font-weight:700;text-align:center;color:#333;margin-bottom:8px}.auth-subtitle{font-size:18px;text-align:center;color:#666;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}.btn{padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.oauth-divider{margin:24px 0;text-align:center;position:relative}.oauth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#e0e0e0}.oauth-divider span{position:relative;padding:0 16px;background-color:#fff;color:#999;font-size:14px}.btn-google{width:100%;padding:14px 24px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-weight:600;background-color:#fff;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.btn-google:hover:not(:disabled){background-color:#f8f8f8;border-color:#ccc;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-google:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:24px;text-align:center;color:#666;font-size:14px}.auth-footer p{margin-bottom:8px}.link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s}.link:hover{color:#764ba2;text-decoration:underline}.landing-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.landing-layout{display:flex;flex-direction:column;gap:24px;max-width:1200px;margin:0 auto}.landing-login{display:flex;justify-content:center}.landing-login-card{max-width:400px;width:100%}.landing-login-tagline{text-align:center;color:#666;font-size:14px;margin-bottom:24px}.landing-invite-note{margin-top:20px;text-align:center;font-size:12px;color:#999;line-height:1.6}.landing-main{display:flex;flex-direction:column;gap:24px;min-width:0}.landing-hero{color:#fff;text-align:center;padding:24px 8px 8px}.landing-hero-title{font-size:30px;font-weight:800;line-height:1.4;margin:0 0 16px;text-shadow:0 2px 12px rgba(0,0,0,.2)}.landing-hero-text{font-size:15px;line-height:1.9;margin:0 auto;max-width:560px;opacity:.95}.landing-section{background:#fff;border-radius:16px;padding:28px 24px;box-shadow:0 10px 40px #0000001a}.landing-section-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:20px;font-weight:700;color:#333;text-align:center;margin:0 0 20px}.landing-section-title .material-symbols-outlined{color:#667eea;font-size:26px}.landing-voices{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.landing-voice{position:relative;max-width:85%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.6;color:#333}.landing-voice.left{align-self:flex-start;background:#f0f2ff;border-bottom-left-radius:4px}.landing-voice.right{align-self:flex-end;background:#fdf1f5;border-bottom-right-radius:4px}.landing-voice-row{display:flex;align-items:flex-end;gap:10px;max-width:90%}.landing-voice-row.left{align-self:flex-start}.landing-voice-row.right{align-self:flex-end;flex-direction:row-reverse}.landing-voice-avatar{width:42px;height:42px;border-radius:50%;background:#fff;border:2px solid #e8e8f5;box-shadow:0 2px 6px #667eea26;display:flex;align-items:center;justify-content:center;font-size:23px;flex-shrink:0}.landing-voice-row .landing-voice{max-width:none}.landing-voice-row.left .landing-voice{background:#f0f2ff;border-bottom-left-radius:4px}.landing-voice-row.right .landing-voice{background:#fdf1f5;border-bottom-right-radius:4px}.landing-voices-arrow{display:flex;justify-content:center;margin:0 0 16px}.landing-voices-arrow .material-symbols-outlined{font-size:32px;color:#667eea;animation:landing-arrow-bounce 1.6s ease-in-out infinite}@keyframes landing-arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.landing-voices-answer{text-align:center;font-size:15px;font-weight:700;line-height:2;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:18px 20px;margin:0;box-shadow:0 4px 16px #667eea59}.landing-cycle{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.landing-cycle-step{position:relative;text-align:center;padding:24px 12px 16px;border:2px solid #f0f0f0;border-radius:12px}.landing-cycle-num{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.landing-cycle-icon{font-size:36px;color:#667eea}.landing-cycle-title{font-size:15px;font-weight:700;color:#333;margin:8px 0 6px}.landing-cycle-text{font-size:12px;color:#666;line-height:1.6}.landing-shots{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.landing-shot{margin:0;text-align:center}.landing-shot img{display:block;background:#1a1a1a;border:6px solid #1a1a1a;box-shadow:0 8px 24px #00000040}.landing-shot.phone img{width:220px;max-width:100%;border-radius:24px}.landing-shot.tablet img{width:520px;max-width:100%;border-radius:16px}.landing-shot figcaption{margin-top:10px;font-size:13px;color:#666}.landing-sprint{background:linear-gradient(160deg,#fff,#f6f4ff)}.landing-sprint-lead{text-align:center;font-size:15px;font-weight:700;color:#333;margin:0 0 16px}.landing-sprint-answer{text-align:center;font-size:17px;font-weight:800;color:#667eea;margin:4px 0 16px}.landing-sprint-points{max-width:420px;margin:0 auto 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.landing-sprint-points li{position:relative;padding-left:28px;font-size:14px;color:#333;line-height:1.6}.landing-sprint-points li:before{content:"check_circle";font-family:Material Symbols Outlined;position:absolute;left:0;top:1px;color:#667eea;font-size:20px}.landing-sprint-text{max-width:560px;margin:0 auto 24px;font-size:14px;line-height:1.9;color:#333;text-align:center}.landing-sprint-text strong{color:#764ba2}.landing-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.landing-feature{padding:16px 14px;border:2px solid #f0f0f0;border-radius:12px;transition:all .3s}.landing-feature:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.landing-feature-icon{font-size:28px;color:#667eea}.landing-feature-title{font-size:14px;font-weight:700;color:#333;margin:6px 0 4px}.landing-feature-text{font-size:12px;color:#666;line-height:1.6}.landing-cta{text-align:center}.landing-cta-title{font-size:22px;font-weight:800;color:#333;margin:0 0 8px}.landing-cta-text{font-size:13px;color:#666;margin:0 0 20px}.landing-cta-btn{min-width:220px;cursor:pointer}@media(min-width:900px){.landing-container{padding:32px}.landing-layout{flex-direction:row-reverse;align-items:flex-start}.landing-main{flex:1}.landing-login{width:380px;flex-shrink:0;position:sticky;top:32px}.landing-hero{text-align:left;padding:8px 8px 8px 4px}.landing-hero-title{font-size:36px}.landing-hero-text{margin:0}.landing-cta-btn{display:none}.landing-cta{padding-bottom:20px}}@media(max-width:480px){.landing-container{padding:12px}.landing-section{padding:24px 16px}.landing-hero-title{font-size:24px}.landing-cycle{grid-template-columns:1fr;gap:20px}.landing-features{grid-template-columns:repeat(2,1fr)}}.landing-footer{max-width:1200px;margin:24px auto 0;padding:24px 20px 8px;text-align:center;color:#ffffffe6}.landing-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-bottom:12px}.landing-footer-links a{color:#fff;font-size:14px;text-decoration:none;opacity:.92;transition:opacity .2s}.landing-footer-links a:hover{opacity:1;text-decoration:underline}.landing-footer-copyright{font-size:12px;color:#ffffffbf;margin:0}.setup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.setup-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:500px;box-shadow:0 10px 40px #0000001a}.setup-title{font-size:28px;font-weight:700;text-align:center;color:#333;margin-bottom:8px}.setup-description{text-align:center;color:#666;margin-bottom:32px;font-size:14px}.setup-form{display:flex;flex-direction:column;gap:24px}.chores-section{display:flex;flex-direction:column;gap:12px}.chores-section>label{font-size:14px;font-weight:600;color:#333}.preset-grid{display:flex;flex-wrap:wrap;gap:8px}.preset-chip{padding:8px 14px;border:1.5px solid #d1d5db;border-radius:20px;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:all .15s}.preset-chip:hover{border-color:#667eea;color:#667eea}.preset-chip.selected{background:#667eea;border-color:#667eea;color:#fff}.custom-chore-row{display:flex;gap:8px;align-items:center}.custom-chore-row input{flex:1}.remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#9ca3af;cursor:pointer;border-radius:50%;flex-shrink:0}.remove-btn:hover{background:#fee2e2;color:#ef4444}.add-chore-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;border:1.5px dashed #d1d5db;border-radius:8px;background:none;color:#6b7280;font-size:14px;cursor:pointer;transition:all .15s}.add-chore-btn:hover{border-color:#667eea;color:#667eea}.add-chore-btn .material-symbols-outlined{font-size:18px}.chore-count{text-align:center;font-size:14px;color:#374151;font-weight:600}.count-hint{color:#ef4444;font-weight:400;font-size:13px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.group-switch-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003;z-index:1001;overflow:hidden}.group-switch-modal .modal-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:16px 16px 0 0;flex-shrink:0}.group-switch-modal .modal-header h2{font-size:20px;font-weight:600;margin:0!important;padding:0;line-height:1.6;color:#333}.group-switch-modal .modal-close-btn{background:none;border:none;font-size:32px;color:#999;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s;padding:0;line-height:1}.group-switch-modal .modal-close-btn:hover{background:#f0f0f0;color:#333}.group-switch-modal .modal-content{position:static!important;transform:none!important;flex:1;overflow-y:auto;padding:20px;max-width:none!important;width:auto!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}.group-switch-modal .loading{text-align:center;padding:40px 20px;color:#666}.group-switch-modal .error-message{padding:12px;background:#ffebee;color:#f44336;border-radius:8px;margin-bottom:16px;font-size:14px}.group-switch-modal .empty-state{text-align:center;padding:60px 20px;color:#999}.group-switch-modal .empty-state p{margin:0;font-size:16px}.group-switch-modal .groups-list{display:flex;flex-direction:column;gap:12px}.group-switch-modal .group-card{padding:16px;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:space-between;gap:12px}.group-switch-modal .group-card:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.group-switch-modal .group-card.current{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#faf8ff)}.group-switch-modal .group-card.current:hover{transform:none;cursor:default}.group-switch-modal .group-info{flex:1}.group-switch-modal .group-name{font-size:16px;font-weight:600;color:#333!important;margin-bottom:8px}.group-switch-modal .group-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.group-switch-modal .member-count{font-size:14px;color:#666!important}.group-switch-modal .user-role{font-size:12px;padding:4px 8px;background:#667eea;color:#fff;border-radius:12px;font-weight:600}.group-switch-modal .current-badge{font-size:12px;padding:6px 12px;background:#667eea;color:#fff;border-radius:16px;font-weight:600;white-space:nowrap}@media(max-width:600px){.group-switch-modal{width:95%;max-height:90vh}.group-card{flex-direction:column;align-items:flex-start}.current-badge{align-self:flex-end}}.sprint-progress-card{background:linear-gradient(135deg,#f0ebff,#e8ddff,#f5f0ff);border-radius:16px;margin:12px 16px;box-shadow:0 4px 12px #667eea33;overflow:hidden;cursor:pointer;transition:all .3s ease;border:4px solid rgba(102,126,234,.5)}.sprint-progress-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea59;border-color:#667eeab3}.sprint-status-banner{background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:10px}.sprint-banner-icon-left,.sprint-banner-icon-right{font-size:24px}.sprint-banner-title{color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.1);margin:0}.sprint-card-content{padding:20px;border-bottom:3px solid rgba(102,126,234,.3)}.sprint-title-section{margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;text-align:center}.sprint-title-icon-left,.sprint-title-icon-right{font-size:24px;flex-shrink:0}.sprint-name{font-size:20px;font-weight:700;margin:0;color:#4a3a6e;flex-shrink:0}.sprint-message{font-size:14px;color:#6b5b8e;margin:0 0 16px;line-height:1.4;text-align:center}.sprint-progress-section{margin-bottom:16px}.sprint-progress-bar{height:14px;background:#fff9;border-radius:8px;overflow:hidden;margin-bottom:8px;box-shadow:inset 0 2px 4px #0000000d;border:2px solid rgba(102,126,234,.3)}.sprint-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:6px;transition:width .5s ease;box-shadow:0 0 10px #667eea80}.sprint-progress-text{font-size:12px;color:#6b5b8e;text-align:center;font-weight:600}.sprint-chores-section{padding:20px;background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sprint-chores-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.sprint-chore-tile{border-radius:10px;padding:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 8px #0000001f;min-height:80px;display:flex;flex-direction:column;justify-content:space-between;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:3px solid rgba(255,255,255,.4)}.sprint-chore-tile:not(.completed):hover{transform:translateY(-4px) scale(1.02);box-shadow:0 6px 16px #0003;border-color:#fff9}.sprint-chore-tile:not(.completed):active{transform:translateY(-2px) scale(1)}.sprint-chore-tile.completed{cursor:default}.sprint-tile-chore-name{font-size:14px;font-weight:700;margin:0 0 8px;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.1)}.sprint-tile-chore-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600}.sprint-tile-points{font-weight:700}.sprint-tile-duration{font-weight:600;opacity:.9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;z-index:1001;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h2{font-size:20px;font-weight:700;color:#333;margin:0!important;padding:0;line-height:1.6}.modal-header .modal-close-btn{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:none;background:none;font-size:28px;line-height:1;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;border-radius:4px;flex-shrink:0}.modal-header .modal-close-btn:hover{background-color:#f0f0f0;color:#333}.request-form{padding:20px}.form-field{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-value{font-size:16px;font-weight:500;color:#667eea;padding:8px 0}.type-selector{display:flex;gap:8px}.type-btn{flex:1;padding:12px 16px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .3s}.type-btn:hover{background-color:#f5f5f5}.type-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.form-select,.form-input{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;transition:border-color .3s}.form-select:focus,.form-input:focus{outline:none;border-color:#667eea}.form-hint{font-size:12px;color:#999;margin-top:4px}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary:hover:not(:disabled){background-color:#f5f5f5}.request-chore-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.request-chore-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f5f5f7;border-radius:8px;font-size:14px}.request-chore-name{color:#333;font-weight:600}.request-chore-bonus{color:#667eea;font-weight:700;font-size:13px}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:10000;font-size:14px;max-width:90%;text-align:center;animation:toast-slide-down .3s ease-out}@keyframes toast-slide-down{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-info{background-color:#333}.toast-success{background-color:#10ac84}.toast-error{background-color:#ff6b6b}.toast-warning{background-color:#feca57;color:#333}.rules-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.rules-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.rules-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.rules-modal-header h2{margin:0;font-size:18px}.rules-close-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.rules-modal-body{padding:16px;overflow-y:auto;flex:1}.rules-modal-footer{padding:12px 16px;border-top:1px solid #eee;display:flex;flex-direction:column;gap:8px}.rules-footer-links{display:flex;justify-content:space-between}.rules-primary-btn{width:100%;padding:12px;border:none;border-radius:8px;background:#667eea;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.rules-primary-btn:disabled{opacity:.6;cursor:default}.rules-link-btn{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;padding:4px 0;text-decoration:underline}.rules-update-banner{background:#fff4e5;border:1px solid #ffb74d;border-radius:8px;padding:10px 12px;margin-bottom:12px;font-weight:700}.rules-change-note{font-weight:400;margin-top:4px}.rules-meta{color:#888;font-size:12px;margin-bottom:8px}.rules-error{background:#fdecea;color:#c62828;border-radius:8px;padding:8px 12px;margin-bottom:12px}.rules-loading,.rules-empty{text-align:center;color:#666;padding:24px 0}.rule-content{line-height:1.7;word-break:break-word}.rule-content h1,.rule-content h2,.rule-content h3{margin:16px 0 8px;font-size:17px}.rule-content ul,.rule-content ol{padding-left:1.4em}.rule-content blockquote{border-left:4px solid #ddd;margin-left:0;padding-left:12px;color:#555}.rule-diff{border:1px solid #ddd;border-radius:8px;overflow:hidden;margin-bottom:12px;font-size:14px}.rule-diff-line{display:flex;gap:6px;padding:2px 8px;white-space:pre-wrap;word-break:break-word}.rule-diff-added{background:#e6f4ea}.rule-diff-removed{background:#fdecea;color:#a33;text-decoration:line-through}.rule-diff-mark{flex:none;width:1em;font-weight:700}.rule-diff-collapsed{display:block;width:100%;text-align:center;background:#f5f5f5;border:none;padding:4px;min-height:44px;font-size:15px;color:#666;cursor:pointer}.rule-diff-empty{color:#666;padding:8px 0}.rules-page{min-height:100vh;background:#f5f5f5}.rules-page-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.rules-page-header h1{margin:0;font-size:18px}.rules-header-btn{background:#fff3;border:none;color:#fff;min-width:40px;height:40px;border-radius:8px;font-size:16px;cursor:pointer;padding:0 10px}.rules-tabs{display:flex;background:#fff;border-bottom:1px solid #ddd}.rules-tab{flex:1;padding:12px 0;border:none;background:none;font-size:15px;cursor:pointer;color:#666;border-bottom:3px solid transparent}.rules-tab.active{color:#667eea;border-bottom-color:#667eea;font-weight:700}.rules-page-content{padding:16px;max-width:720px;margin:0 auto}.rules-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px}.rules-compare{display:flex;align-items:center;gap:8px;margin-bottom:12px}.rules-compare select{flex:1;padding:8px;font-size:16px}.rules-version-list,.rules-acceptance-list{list-style:none;padding:0;margin:0}.rules-version-list li{padding:10px 0;border-bottom:1px solid #eee}.rules-acceptance-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.rules-badge{display:inline-block;font-size:11px;background:#eee;color:#666;border-radius:10px;padding:1px 8px;margin-left:6px}.rules-accepted{color:#2e7d32}.rules-not-accepted{color:#c62828}.rules-edit-field{margin-bottom:12px}.rules-edit-field label{display:block;font-weight:700;margin-bottom:4px}.rules-edit-textarea{width:100%;min-height:320px;padding:12px;font-size:16px;line-height:1.6;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-family:inherit}.rules-edit-field input[type=text]{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.rules-checkbox{display:flex;align-items:center;gap:8px}.rules-hint{color:#888;font-size:12px}.top-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.top-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000026}.menu-btn,.rules-btn{background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s}.menu-btn:hover,.rules-btn:hover{background:#ffffff4d}.rules-btn{position:relative}.rules-btn-dot{position:absolute;top:6px;right:6px;width:10px;height:10px;background:#ff3b30;border:2px solid #fff;border-radius:50%}.header-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.site-name{font-size:24px;font-weight:700;color:#fff;letter-spacing:.5px}.group-name{font-size:14px;color:#ffffffe6;font-weight:500}.icon-btn{background:none;border:1px solid #ddd;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.icon-btn:hover{background-color:#f5f5f5}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.side-menu{position:fixed;top:0;left:0;width:280px;height:100vh;background:#fff;box-shadow:2px 0 8px #0000001a;z-index:1001;display:flex;flex-direction:column;animation:slideIn .3s}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.menu-header{padding:24px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.menu-user-info{flex:1}.menu-user-name{font-size:18px;font-weight:700;margin-bottom:4px}.menu-user-email{font-size:13px;opacity:.9}.menu-close-btn{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1}.menu-items{flex:1;padding:8px 0;overflow-y:auto}.menu-item{width:100%;padding:16px 20px;background:none;border:none;display:flex;align-items:center;gap:12px;font-size:16px;color:#333;cursor:pointer;transition:all .2s;text-align:left;text-decoration:none}.menu-item:hover{background-color:#f5f5f5}.menu-item-icon{font-size:20px;width:24px;text-align:center}.menu-item-text{flex:1}.menu-item-danger{color:#dc2626}.menu-item-danger:hover{background-color:#fee}.menu-item-disabled{opacity:.4;cursor:not-allowed}.menu-item-disabled:hover{background-color:transparent}.menu-divider{height:1px;background-color:#e0e0e0;margin:8px 0}.tab-badge{display:inline-block;background:#f44336;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:6px;min-width:18px;text-align:center;vertical-align:middle}.content{flex:1;padding:20px;position:relative}.quick-search-section{margin-bottom:24px;display:flex;gap:12px;align-items:center}.quick-search-input{flex:1;padding:16px 20px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;background:#fff;cursor:pointer;transition:all .3s;box-shadow:0 2px 4px #00000014}.quick-search-input:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.quick-add-btn{width:48px;height:48px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:28px;font-weight:300;border-radius:50%;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #667eea4d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.quick-add-btn:active{transform:translateY(0)}.search-mode{position:fixed;top:0;left:0;right:0;bottom:0;background:#f5f5f5;z-index:1000;display:flex;flex-direction:column;animation:fadeIn .2s}.search-header{background:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 4px #0000001a}.search-back-btn{background:none;border:none;font-size:24px;color:#333;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.search-back-btn:hover{background:#f5f5f5}.search-input-fullscreen{flex:1;border:none;outline:none;font-size:18px;padding:8px}.search-results{flex:1;overflow-y:auto;padding:16px}.search-results-list{display:flex;flex-direction:column;gap:12px}.search-result-item{padding:16px;border-radius:12px;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:row;align-items:center;gap:12px;position:relative;overflow:hidden}.search-result-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.search-result-item.selected{outline:3px solid rgba(255,255,255,.9);outline-offset:-3px}.search-result-checkbox{flex-shrink:0;width:28px;height:28px;border:2px solid;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.search-result-checkbox .material-symbols-outlined{font-size:22px;font-weight:700}.search-result-detail-btn{align-self:flex-start;margin-top:4px;padding:4px 14px;background:transparent;border:1.5px solid;border-radius:16px;font-size:13px;font-weight:600;cursor:pointer;position:relative;z-index:2}.search-result-detail-btn:hover{background:#ffffff40}.selection-action-bar{position:sticky;bottom:0;left:0;right:0;background:#fff;padding:14px 20px;box-shadow:0 -4px 16px #00000026;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:10;border-top:1px solid #eee}.selection-count{font-size:14px;font-weight:600;color:#333;white-space:nowrap}.selection-actions{display:flex;gap:10px}.selection-btn{padding:10px 18px;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap}.selection-btn.request{background:#2196f3}.selection-btn.sprint{background:linear-gradient(135deg,#667eea,#764ba2)}.selection-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.search-result-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff0;transition:background .3s;pointer-events:none}.search-result-item:hover:before{background:#ffffff26}.search-result-item:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.search-result-name{font-size:16px;font-weight:600;margin:0;position:relative;z-index:1}.search-result-info{font-size:14px;position:relative;z-index:1;opacity:.9}.search-result-footer{display:flex;justify-content:space-between;align-items:center;font-size:14px;position:relative;z-index:1}.search-result-footer .chore-points{font-weight:600}.search-result-footer .last-performed{opacity:.8}.search-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:20px}.search-no-results p{font-size:16px;color:#666}.btn-create-chore{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.btn-create-chore:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.suggested-chores-section{margin-bottom:24px}.section-title{font-size:18px;font-weight:700;color:#333;margin-bottom:12px}.suggested-chores-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.suggested-chore-tile{border-radius:12px;padding:16px;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;gap:8px;min-height:120px;position:relative;overflow:hidden}.suggested-chore-tile:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff0;transition:background .3s;pointer-events:none}.suggested-chore-tile:hover{box-shadow:0 6px 16px #00000040;transform:translateY(-4px)}.suggested-chore-tile:hover:before{background:#ffffff1a}.suggested-chore-tile:active{transform:translateY(-2px)}.tile-chore-name{font-size:15px;font-weight:600;margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:relative;z-index:1}.tile-chore-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;position:relative;z-index:1}.tile-points{font-weight:600}.tile-duration{font-weight:500}.tile-last-done{font-size:12px;margin-top:auto;position:relative;z-index:1}.tile-never-done{font-size:12px;font-weight:500;margin-top:auto;position:relative;z-index:1}.suggested-chore-tile.accepted-request{border:3px solid #4caf50;box-shadow:0 4px 12px #4caf504d,0 0 0 1px #4caf501a;animation:pulse-border 2s ease-in-out infinite}.suggested-chore-tile.accepted-request:hover{box-shadow:0 8px 20px #4caf5066,0 0 0 1px #4caf5033}@keyframes pulse-border{0%,to{box-shadow:0 4px 12px #4caf504d,0 0 0 1px #4caf501a}50%{box-shadow:0 4px 16px #4caf5080,0 0 0 2px #4caf504d}}.accepted-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;z-index:2;box-shadow:0 2px 4px #0003;letter-spacing:.3px}.tile-request-indicator{position:absolute;top:8px;right:8px;z-index:2;font-size:20px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff40;box-shadow:0 1px 3px #0003}.status-badge{position:absolute;top:8px;right:8px;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;z-index:2;box-shadow:0 2px 4px #0003;letter-spacing:.3px}.completed-badge{background:linear-gradient(135deg,#2196f3,#1976d2)}.skipped-badge{background:linear-gradient(135deg,#9e9e9e,#757575)}.postponed-badge{background:linear-gradient(135deg,#ff9800,#f57c00)}.suggested-chore-tile.chore-completed,.suggested-chore-tile.chore-skipped,.suggested-chore-tile.chore-postponed{pointer-events:auto}.suggested-chore-tile.sprint-chore{border:3px solid #667eea;box-shadow:0 4px 12px #667eea4d,0 0 0 1px #667eea1a;animation:pulse-sprint-border 2s ease-in-out infinite}.suggested-chore-tile.sprint-chore:hover{box-shadow:0 8px 20px #667eea66,0 0 0 1px #667eea33}@keyframes pulse-sprint-border{0%,to{box-shadow:0 4px 12px #667eea4d,0 0 0 1px #667eea1a}50%{box-shadow:0 4px 16px #667eea80,0 0 0 2px #667eea4d}}.sprint-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;z-index:2;box-shadow:0 2px 4px #0003;letter-spacing:.3px}.chore-points{font-weight:600}.chore-duration{font-weight:500}.timeline-header{margin-bottom:16px}.timeline-header h2{font-size:20px;font-weight:700;color:#333;text-align:center}.timeline{background:#fff;border-radius:8px;min-height:400px;padding:20px}.timeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;color:#999;text-align:center}.timeline-empty p{margin:8px 0}.timeline-empty-hint{font-size:14px;color:#bbb}.timeline-list{display:flex;flex-direction:column;gap:16px}.timeline-item{padding:16px;background-color:#f9f9f9;border-radius:8px;border-left:4px solid #667eea}.timeline-item-header{margin-bottom:8px;line-height:1.6}.user-name{font-weight:600;color:#333}.chore-name{font-weight:700;color:#667eea}.action-text{color:#666}.timeline-item-info{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;color:#666;margin-bottom:8px}.points{color:#667eea;font-weight:600}.duration,.time{color:#999}.timeline-request{background:linear-gradient(to right,#f8f9ff,#fff);border-left:4px solid #667eea}.request-type-badge,.request-status-badge,.log-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;margin-right:6px}.timeline-log-skipped{background:linear-gradient(to right,#f5f5f5,#fff);border-left:4px solid #9e9e9e}.timeline-log-postponed{background:linear-gradient(to right,#fff8e1,#fff);border-left:4px solid #ff9800}.bonus-points{color:#ff9800;font-weight:600;font-size:13px}.bonus-points-inline{color:#ff9800;font-weight:700;margin-left:2px;margin-right:2px}.timeline-item-comment{margin-top:8px;padding:12px;background-color:#fff;border-radius:6px;font-size:14px;color:#666;line-height:1.5}.timeline-item-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.response-btn{background:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:6px 12px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.response-btn:hover{background-color:#f5f5f5;border-color:#667eea;transform:translateY(-1px)}.response-btn:active{transform:translateY(0)}.response-count{background:#f0f2ff;color:#667eea;border-radius:10px;padding:0 8px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.fab{position:fixed;bottom:24px;right:24px;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:24px;font-weight:700;box-shadow:0 4px 12px #667eea66;cursor:pointer;transition:all .3s;z-index:1000}.fab:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.fab:active{transform:translateY(0)}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center}.timeline-sprint{background:linear-gradient(135deg,#f0ebff,#e8ddff,#f5f0ff);border:3px solid rgba(102,126,234,.4);border-radius:12px;padding:16px}.timeline-sprint-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.sprint-status-badge{display:inline-block;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.sprint-icon{font-size:20px}.sprint-name-timeline{font-size:16px;font-weight:700;color:#4a3a6e;flex:1}.timeline-sprint-message{font-size:14px;color:#6b5b8e;margin-bottom:10px;padding:8px 12px;background:#fff9;border-radius:8px;line-height:1.4}.timeline-sprint-info{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;color:#6b5b8e}.sprint-period{font-weight:600}.sprint-meta{font-weight:500}.timeline-sprint-detail-btn{width:100%;padding:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #667eea4d}.timeline-sprint-detail-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #667eea66}.timeline-sprint-detail-btn:active{transform:translateY(0)}.center-mode{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column}.center-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:#fff}.center-mode h1{font-size:2rem;margin-bottom:20px}.center-mode .description{font-size:1.1rem;opacity:.9;margin-bottom:30px}.center-mode .description.white-text{color:#fff;opacity:1}.center-mode .passcode-help{font-size:.9rem;line-height:1.7;max-width:480px;margin:-10px auto 24px;opacity:.9;text-align:left}.center-mode .passcode-help.white-text{color:#fff;opacity:.95}.center-mode .passcode-help p{margin:4px 0}.center-mode .error{color:#ff6b6b;background:#ffffffe6;padding:10px 20px;border-radius:8px;margin-bottom:15px}.passcode-phase form{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:300px}.passcode-input{width:100%;padding:20px;font-size:2rem;text-align:center;border:none;border-radius:12px;letter-spacing:.5em;background:#fffffff2}.passcode-input:focus{outline:none;box-shadow:0 0 0 3px #ffffff80}.passcode-phase button{width:100%;padding:16px;font-size:1.2rem;font-weight:700;color:#667eea;background:#fff;border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s}.passcode-phase button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.passcode-phase button:disabled{opacity:.5;cursor:not-allowed}.keypad{width:100%;max-width:280px;margin:20px 0}.keypad-row{display:flex;justify-content:center;gap:12px;margin-bottom:12px}.keypad-btn{width:70px;height:56px;font-size:1.5rem;font-weight:700;color:#667eea;background:#fff;border:none;border-radius:12px;cursor:pointer;transition:transform .1s,background .1s}.keypad-btn:hover{background:#f0f0f0;transform:scale(1.05)}.keypad-btn:active{transform:scale(.95);background:#e0e0e0}.keypad-btn.keypad-delete{font-size:1rem;color:#ef4444}.keypad-btn.keypad-submit{font-size:1rem;color:#fff;background:#667eea}.keypad-btn.keypad-submit:hover:not(:disabled){background:#5a6fd6}.keypad-btn.keypad-submit:disabled{opacity:.5;cursor:not-allowed}.waiting-phase .confirm-code-display{background:#fff3;padding:30px 50px;border-radius:16px;margin-bottom:30px}.waiting-phase .confirm-code-display p{font-size:1rem;margin-bottom:10px;opacity:.8}.waiting-phase .confirm-code-display .code{font-size:4rem;font-weight:700;letter-spacing:.2em}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:20px 0}@keyframes spin{to{transform:rotate(360deg)}}.waiting-text{opacity:.8}.center-phase{background:#f5f5f5}.center-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.center-header .header-title{font-size:1.5rem;font-weight:700}.exit-btn{padding:8px 16px;font-size:.9rem;color:#fff;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer}.exit-btn:hover{background:#ffffff4d}.center-main{flex:1;overflow:hidden;display:flex;flex-direction:row;min-height:0}.center-main-content{flex:1;min-width:0;min-height:0;padding:20px;display:flex;flex-direction:column;gap:20px;overflow:hidden}.center-stats-panel{width:25%;flex-shrink:0;background:#f5f5f5;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.center-stats-panel-header{padding:12px 16px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.center-stats-panel-header h3{margin:0;font-size:1.1rem;color:#333}.center-stats-period-select{padding:6px 10px;border:1px solid #ccc;border-radius:6px;background:#fff;font-size:.95rem;color:#333;cursor:pointer}.center-stats-panel-body{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.center-stats-card{background:#fff;border-radius:10px;padding:12px 14px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:6px}.center-stats-card-name{font-size:1rem;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-stats-card-metrics{display:flex;gap:16px;align-items:baseline}.center-stats-metric{display:flex;align-items:baseline;gap:3px}.center-stats-metric-value{font-size:1.4rem;font-weight:700;color:#6366f1;font-variant-numeric:tabular-nums}.center-stats-metric-label{font-size:.85rem;color:#666}.center-stats-loading,.center-stats-empty,.center-stats-error{padding:12px;text-align:center;color:#666;font-size:.9rem}.center-stats-error{color:#d32f2f}.center-main.stats-hidden .center-stats-panel{display:none}@media(orientation:portrait){.center-main{flex-direction:column}.center-stats-panel{width:100%;height:25%;flex-shrink:0;border-left:none;border-top:1px solid #e0e0e0}.center-stats-panel-body{flex-direction:row;overflow-x:auto;overflow-y:hidden}.center-stats-card{flex-shrink:0;min-width:160px}}.sprint-section{background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:16px;padding:20px;color:#fff;flex-shrink:0}.sprint-section h2{font-size:1.3rem;margin:0 0 16px}.daily-section{background:#fff;border-radius:16px;padding:20px;flex:1;min-height:0}.daily-section h2{font-size:1.3rem;margin:0 0 16px;color:#333}.chore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.chore-grid.dynamic-grid{justify-content:center}.chore-tile{aspect-ratio:4 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:transform .2s,opacity .2s;position:relative;padding:10px;box-sizing:border-box}.dynamic-grid .chore-tile{aspect-ratio:unset}.chore-tile.completed{opacity:.5;cursor:default}.chore-tile .chore-name{color:#fff;font-weight:700;text-align:center;font-size:inherit;text-shadow:0 1px 2px rgba(0,0,0,.2);word-break:break-word;overflow-wrap:break-word;line-height:1.3}.chore-tile .check{position:absolute;top:8px;right:8px;font-size:1em;color:#fff;background:#0000004d;width:1.5em;height:1.5em;border-radius:50%;display:flex;align-items:center;justify-content:center}.chore-tile .delay-score{position:absolute;bottom:4px;right:6px;font-size:.7em;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.3)}.chore-tile .request-indicator{position:absolute;top:8px;right:8px;font-size:1em;color:#fff;background:#0000004d;width:1.6em;height:1.6em;border-radius:50%;display:flex;align-items:center;justify-content:center}.chore-tile .last-performed{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:.75em;color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.3)}.chore-tile.more-tile{background:linear-gradient(135deg,#6b7280,#4b5563);flex-direction:column;gap:4px}.chore-tile.more-tile .more-icon{font-size:1.5em;color:#fff}.chore-tile.more-tile .more-count{font-size:.7em;color:#fffc}.modal.more-chores-modal{width:95vw;max-width:3600px;height:85vh;max-height:2025px;padding:0;display:flex;flex-direction:column}.more-chores-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.more-chores-header h3{margin:0;font-size:1.2rem;color:#333}.more-chores-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;transition:background .2s}.more-chores-close:hover{background:#e0e0e0}.more-chores-content{flex:1;overflow-y:auto;padding:20px;scrollbar-width:auto}.more-chores-content::-webkit-scrollbar{width:20px}.more-chores-content::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.more-chores-content::-webkit-scrollbar-thumb{background:#888;border-radius:10px;border:3px solid #f0f0f0}.more-chores-content::-webkit-scrollbar-thumb:hover{background:#666}.more-chores-grid{display:grid;gap:12px;justify-content:center;justify-items:center}.modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto}.modal h3{margin:0 0 8px;font-size:1.2rem;color:#333}.modal .selected-chore-name{color:#667eea;font-weight:700;margin-bottom:8px}.modal .selected-chore-description{color:#666;font-size:.9rem;margin-bottom:20px;padding:12px;background:#f5f5f5;border-radius:8px;line-height:1.5;white-space:pre-line}.modal.chore-modal{max-width:800px;padding:0}.chore-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0}.chore-modal-title{margin:0;font-size:1.3rem;font-weight:700;color:#fff}.chore-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s}.chore-modal-close:hover{background:#ffffff4d}.chore-modal-close .material-symbols-outlined{font-size:20px}.chore-modal-content{display:flex;gap:20px;padding:20px}.chore-modal-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.chore-modal-right{flex-shrink:0;width:240px}.chore-info-section{padding:12px;background:#f5f5f5;border-radius:8px}.chore-description{margin:0;color:#666;font-size:1.1rem;line-height:1.6;white-space:pre-line}.chore-info-section.checklist-section{padding:0;background:transparent}.chore-info-section .checklist-display{gap:6px}.chore-info-section .checklist-display-item{padding:10px;background:#f5f5f5;border-radius:6px}.chore-info-section .checklist-display-item .item-text{font-size:1.1rem}.chore-info-section .checklist-display-item .checkbox{width:28px;height:28px;font-size:16px}.chore-meta-info{display:flex;flex-wrap:wrap;gap:16px}.chore-meta-item{display:flex;align-items:center;gap:6px;color:#666;font-size:.95rem}.chore-meta-item .material-symbols-outlined{font-size:20px;color:#667eea}.user-selection{display:flex;flex-direction:column;gap:10px}.user-selection .user-btn{width:100%;padding:24px 16px;font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.user-btn{padding:16px;font-size:1rem;font-weight:700;color:#fff;background:#667eea;border:none;border-radius:12px;cursor:pointer;transition:transform .2s}.user-btn:hover:not(:disabled){transform:scale(1.05)}.user-btn:disabled{opacity:.5;cursor:not-allowed}.user-btn.guest{background:#10b981}.cancel-btn{width:100%;padding:12px;font-size:1rem;color:#666;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer}.cancel-btn:hover{background:#e0e0e0}.center-mode .toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:8px;color:#fff;font-weight:500;z-index:2000;cursor:pointer}.center-mode .toast.error{background:#ef4444}.header-actions{display:flex;gap:8px}.icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;transition:background .2s}.icon-btn:hover{background:#ffffff4d}.icon-btn .material-symbols-outlined{font-size:24px}.exit-confirm-modal{text-align:center}.exit-confirm-description{color:#666;margin-bottom:24px}.exit-confirm-actions{display:flex;gap:12px}.exit-confirm-actions .cancel-btn{flex:1}.exit-confirm-btn{flex:1;padding:12px;font-size:1rem;font-weight:700;color:#fff;background:#ef4444;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.exit-confirm-btn:hover{background:#dc2626}.qr-modal{max-width:360px;padding:0}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.qr-modal-header h3{margin:0;font-size:1.1rem;color:#333}.qr-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;transition:background .2s}.qr-modal-close:hover{background:#e0e0e0}.qr-modal-close .material-symbols-outlined{font-size:20px}.qr-modal-content{padding:24px;text-align:center}.qr-code-container{display:flex;justify-content:center;margin-bottom:16px}.qr-code-container svg{border-radius:8px}.qr-description{color:#666;font-size:.9rem;margin:0;line-height:1.5}.screensaver{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer}.screensaver-blackout{width:100%;height:100%;background:#000}.screensaver-image{max-width:100%;max-height:100%;object-fit:contain}.screensaver-image.transition-fade{animation:screensaver-fade 1s ease-in-out}@keyframes screensaver-fade{0%{opacity:0}to{opacity:1}}.screensaver-image.transition-slide-left{animation:screensaver-slide-left .6s ease-out}@keyframes screensaver-slide-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.screensaver-image.transition-slide-right{animation:screensaver-slide-right .6s ease-out}@keyframes screensaver-slide-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.screensaver-image.transition-zoom-in{animation:screensaver-zoom-in .8s ease-out}@keyframes screensaver-zoom-in{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.screensaver-image.transition-zoom-out{animation:screensaver-zoom-out .8s ease-out}@keyframes screensaver-zoom-out{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}.screensaver-image.transition-none{animation:none}.center-mode.dark-mode{background:#1a1a2e}.center-mode.dark-mode.passcode-phase,.center-mode.dark-mode.waiting-phase{background:linear-gradient(135deg,#1a1a2e,#16213e)}.center-mode.dark-mode.center-phase{background:#1a1a2e}.center-mode.dark-mode .center-header{background:linear-gradient(135deg,#2d2d5a,#3d2d5a)}.center-mode.dark-mode .center-main{background:#1a1a2e}.center-mode.dark-mode .sprint-section{background:linear-gradient(135deg,#5b21b6,#3730a3)}.center-mode.dark-mode .daily-section{background:#252550;color:#fff}.center-mode.dark-mode .daily-section h2{color:#fff}.center-mode.dark-mode .center-stats-panel{background:#1f1f3d;border-left-color:#3d3d6a;border-top-color:#3d3d6a}.center-mode.dark-mode .center-stats-panel-header{border-bottom-color:#3d3d6a}.center-mode.dark-mode .center-stats-panel-header h3{color:#fff}.center-mode.dark-mode .center-stats-period-select{background:#252550;border-color:#3d3d6a;color:#fff}.center-mode.dark-mode .center-stats-card{background:#252550;box-shadow:0 1px 3px #0006}.center-mode.dark-mode .center-stats-card-name{color:#fff}.center-mode.dark-mode .center-stats-metric-value{color:#a78bfa}.center-mode.dark-mode .center-stats-metric-label,.center-mode.dark-mode .center-stats-loading,.center-mode.dark-mode .center-stats-empty{color:#aaa}.center-mode.dark-mode .modal{background:#252550;color:#fff}.center-mode.dark-mode .modal h3{color:#fff}.center-mode.dark-mode .selected-chore-description{background:#1a1a2e;color:#ccc}.center-mode.dark-mode .chore-modal-header{background:linear-gradient(135deg,#4c1d95,#3730a3);border-bottom-color:#3d3d70}.center-mode.dark-mode .chore-info-section{background:#1a1a2e}.center-mode.dark-mode .chore-description,.center-mode.dark-mode .checklist-text{color:#ccc}.center-mode.dark-mode .chore-meta-item{color:#aaa}.center-mode.dark-mode .chore-meta-item .material-symbols-outlined{color:#a78bfa}.center-mode.dark-mode .chore-info-section .checklist-display-item{background:#1a1a2e}.center-mode.dark-mode .chore-info-section .checklist-display-item .item-text{color:#ccc}.center-mode.dark-mode .chore-info-section .checklist-display-item.checked{background:#1a3a2e}.center-mode.dark-mode .chore-info-section .checklist-display-item.checked .item-text{color:#888}.center-mode.dark-mode .exit-confirm-description{color:#aaa}.center-mode.dark-mode .qr-modal-header{border-bottom-color:#3d3d70}.center-mode.dark-mode .qr-modal-header h3{color:#fff}.center-mode.dark-mode .qr-modal-close{background:#3d3d70;color:#ccc}.center-mode.dark-mode .qr-modal-close:hover{background:#4d4d80}.center-mode.dark-mode .qr-description{color:#aaa}.center-mode.dark-mode .more-chores-header{border-bottom-color:#3d3d70}.center-mode.dark-mode .more-chores-header h3{color:#fff}.center-mode.dark-mode .more-chores-close{background:#3d3d70;color:#ccc}.center-mode.dark-mode .more-chores-close:hover{background:#4d4d80}.center-mode.dark-mode .more-chores-content::-webkit-scrollbar-track{background:#252550}.center-mode.dark-mode .more-chores-content::-webkit-scrollbar-thumb{background:#5a5a8a;border-color:#252550}.center-mode.dark-mode .more-chores-content::-webkit-scrollbar-thumb:hover{background:#7a7aaa}.center-mode.dark-mode .clock-settings-header{border-bottom-color:#3d3d70}.center-mode.dark-mode .clock-settings-header h3{color:#fff}.center-mode.dark-mode .clock-settings-close{background:#3d3d70;color:#ccc}.center-mode.dark-mode .clock-settings-close:hover{background:#4d4d80}.center-mode.dark-mode .clock-setting-item>label{color:#ccc}.center-mode.dark-mode .font-size-value{color:#aaa}.center-mode.dark-mode .color-scheme-btn{background:#1a1a2e;border-color:#3d3d70;color:#ccc}.center-mode.dark-mode .color-scheme-btn:hover{border-color:#667eea}.center-mode.dark-mode .color-scheme-btn.active{border-color:#667eea;background:#2a2a50}.center-mode.dark-mode .clock-hint{color:#777}.center-mode.dark-mode .cancel-btn{background:#3d3d70;color:#fff}.center-mode.dark-mode .cancel-btn:hover{background:#4d4d80}.center-mode.dark-mode .keypad-btn{background:#252550;color:#fff}.center-mode.dark-mode .keypad-btn:hover{background:#3d3d70}.center-mode.dark-mode .keypad-btn.keypad-delete{color:#f87171}.center-mode.dark-mode .keypad-btn.keypad-submit{background:#4c1d95;color:#fff}.center-mode.dark-mode .keypad-btn.keypad-submit:hover:not(:disabled){background:#5b21b6}.center-mode.dark-mode .passcode-input{background:#252550;color:#fff}.center-mode.dark-mode .passcode-input::placeholder{color:#666}@media(max-width:600px){.modal.chore-modal{max-width:100%;margin:10px}.chore-modal-content{flex-direction:column}.chore-modal-right{width:100%}.user-selection{flex-direction:row;flex-wrap:wrap;gap:8px}.user-selection .user-btn{flex:1;min-width:120px}}@media(min-width:768px){.chore-grid:not(.dynamic-grid){grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.chore-grid:not(.dynamic-grid) .chore-tile{padding:15px}.chore-grid:not(.dynamic-grid) .chore-tile .chore-name{font-size:1.1rem}.user-grid{grid-template-columns:repeat(3,1fr)}}.clock-display{position:fixed;bottom:20px;font-family:Courier New,Consolas,Liberation Mono,monospace;font-weight:700;z-index:1500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:left .3s ease,right .3s ease}.clock-display.clock-right{right:20px;left:auto}.clock-display.clock-left{left:20px;right:auto}.clock-display.clock-light{color:#fff;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 2px 0 #000}.clock-display.clock-dark{color:#000;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,0 2px 0 #fff}.clock-settings-modal{max-width:400px;padding:0}.clock-settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.clock-settings-header h3{margin:0;font-size:1.1rem;color:#333}.clock-settings-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;transition:background .2s}.clock-settings-close:hover{background:#e0e0e0}.clock-settings-close .material-symbols-outlined{font-size:20px}.clock-settings-content{padding:20px;display:flex;flex-direction:column;gap:20px}.clock-setting-item{display:flex;flex-direction:column;gap:8px}.clock-setting-item>label{font-weight:500;color:#333;display:flex;align-items:center;gap:8px}.clock-setting-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.font-size-control{display:flex;align-items:center;gap:12px}.font-size-control input[type=range]{flex:1;height:8px;cursor:pointer}.font-size-value{min-width:50px;text-align:right;font-family:monospace;color:#666}.color-scheme-buttons{display:flex;gap:12px}.color-scheme-btn{flex:1;padding:12px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .2s}.color-scheme-btn:hover{border-color:#667eea}.color-scheme-btn.active{border-color:#667eea;background:#f0f4ff}.color-preview{font-family:Courier New,Consolas,monospace;font-size:1.2rem;font-weight:700;padding:4px 8px}.color-preview.light{color:#fff;background:#333;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.color-preview.dark{color:#000;background:#ccc;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.clock-hint{margin:0;font-size:.85rem;color:#999;text-align:center}.links-modal{background:#fff;border-radius:16px;max-width:400px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.links-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e5e5}.links-modal-header h3{margin:0;font-size:1.2rem;font-weight:700;color:#333}.links-modal-header .modal-close-btn{background:#f0f0f0;border:none;width:36px;height:36px;padding:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s;flex-shrink:0}.links-modal-header .modal-close-btn:hover{background:#e0e0e0;color:#333}.links-modal-content{padding:12px;overflow-y:auto;max-height:calc(80vh - 60px)}.link-item{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;border:none;border-radius:12px;background:#f5f5f5;font-size:1rem;cursor:pointer;transition:all .2s;margin-bottom:8px;text-align:left}.link-item:last-child{margin-bottom:0}.link-item:hover{background:#e8e8e8}.link-item:active{transform:scale(.98)}.link-item .material-symbols-outlined{color:#667eea;font-size:24px}.link-item .link-name{flex:1;font-weight:500}.iframe-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:10000;display:flex;flex-direction:column}.iframe-modal{display:flex;flex-direction:column;width:100%;height:100%}.iframe-modal-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.iframe-modal-header h3{flex:1;margin:0;font-size:1.1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.iframe-modal-header .modal-nav-btn,.iframe-modal-header .modal-close-btn{background:#fff3;color:#fff;border:none;width:36px;height:36px;padding:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.iframe-modal-header .modal-nav-btn:hover,.iframe-modal-header .modal-close-btn:hover{background:#ffffff4d}.iframe-modal-content{flex:1;background:#fff;overflow:hidden}.iframe-modal-content iframe{width:100%;height:100%;border:none}.center-mode.dark-mode .links-modal{background:#2a2a3e;color:#fff}.center-mode.dark-mode .links-modal-header{border-bottom-color:#3a3a4e}.center-mode.dark-mode .links-modal-header h3{color:#fff}.center-mode.dark-mode .links-modal-header .modal-close-btn{background:#ffffff1a;color:#fff}.center-mode.dark-mode .links-modal-header .modal-close-btn:hover{background:#fff3}.center-mode.dark-mode .link-item{background:#3a3a4e;color:#fff}.center-mode.dark-mode .link-item .link-name{color:#fff}.center-mode.dark-mode .link-item .material-symbols-outlined{color:#a5b4fc}.center-mode.dark-mode .link-item:hover{background:#4a4a5e}.iframe-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#666;background:#fafafa;padding:24px;text-align:center}.iframe-fallback .material-symbols-outlined{font-size:56px;color:#bbb}.iframe-fallback p{margin:0;font-size:1rem}.iframe-fallback-qr{padding:16px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;line-height:0}.iframe-fallback-url{max-width:90%;word-break:break-all;font-size:.85rem;color:#888}.iframe-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#888;font-size:1rem;background:#fafafa}.center-rules-modal{width:90vw;max-width:900px;max-height:85vh;display:flex;flex-direction:column}.center-rules-body{overflow-y:auto;padding:8px 16px 16px}.center-rules-body .rule-content{font-size:22px}.center-mode.dark-mode .center-rules-body .rule-content{color:#eee}.center-mode.dark-mode .center-rules-body .rule-content a{color:#9fb3ff;text-decoration:underline}.center-mode.dark-mode .center-rules-body .rule-content blockquote{border-left:4px solid #555;margin-left:0;padding-left:12px;color:#ccc}.checklist-editor{display:flex;flex-direction:column;gap:12px}.checklist-items{display:flex;flex-direction:column;gap:8px}.checklist-item-row{display:flex;align-items:center;gap:8px}.checklist-item-row .item-input{flex:1;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;font-family:inherit;transition:border-color .3s}.checklist-item-row .item-input:focus{outline:none;border-color:#667eea}.checklist-item-row .item-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.item-actions{display:flex;gap:4px}.item-btn{width:32px;height:32px;border:none;border-radius:6px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.item-btn:disabled{opacity:.3;cursor:not-allowed}.move-btn{background:#f0f0f0;color:#666}.move-btn:hover:not(:disabled){background:#e0e0e0}.remove-btn{background:#fee;color:#c33}.remove-btn:hover:not(:disabled){background:#fdd}.add-item-row{display:flex;gap:8px}.add-item-input{flex:1;padding:10px 12px;border:2px dashed #e0e0e0;border-radius:8px;font-size:15px;font-family:inherit;transition:border-color .3s}.add-item-input:focus{outline:none;border-color:#667eea;border-style:solid}.add-item-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.add-item-btn{padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-item-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #667eea66}.add-item-btn:disabled{opacity:.5;cursor:not-allowed}.checklist-section{margin-top:0}.checklist-display{display:flex;flex-direction:column;gap:8px}.checklist-display-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8f8f8;border-radius:8px;cursor:pointer;transition:all .2s}.checklist-display-item:hover{background:#f0f0f0}.checklist-display-item.checked{background:#e8f5e9}.checklist-display-item .checkbox{width:24px;height:24px;border:2px solid #ccc;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;font-size:14px;color:#fff}.checklist-display-item.checked .checkbox{background:#4caf50;border-color:#4caf50}.checklist-display-item .item-text{flex:1;font-size:15px;color:#333;line-height:1.4}.checklist-display-item.checked .item-text{color:#666;text-decoration:line-through}.checklist-progress{display:flex;align-items:center;gap:12px;margin-bottom:12px}.progress-bar{flex:1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.progress-text{font-size:14px;color:#666;min-width:60px;text-align:right}.center-manage-page{min-height:100vh;background:#f5f5f5}.center-manage-page .page-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.center-manage-page .page-header h1{font-size:1.2rem;margin:0}.center-manage-page .back-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.center-manage-page .header-spacer{width:40px}.center-manage-page .page-content{padding:16px;max-width:600px;margin:0 auto}.center-manage-page .loading{display:flex;justify-content:center;align-items:center;height:50vh;color:#666}.center-manage-page .error-message{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;cursor:pointer}.manage-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px}.manage-section h2{font-size:1rem;font-weight:700;margin:0 0 16px;color:#333}.center-manage-page .btn{padding:12px 20px;border-radius:8px;font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:background .2s}.center-manage-page .btn:disabled{opacity:.5;cursor:not-allowed}.center-manage-page .btn-primary{background:#667eea;color:#fff}.center-manage-page .btn-primary:hover:not(:disabled){background:#5a6fd6}.center-manage-page .btn-secondary{background:#e5e5e5;color:#333}.center-manage-page .btn-secondary:hover:not(:disabled){background:#d5d5d5}.center-manage-page .icon-btn{background:none;border:none;padding:8px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center}.center-manage-page .icon-btn:hover{color:#333}.passcode-display{display:flex;align-items:center;gap:8px;margin-bottom:16px}.passcode-value{font-size:2rem;font-weight:700;letter-spacing:.3em;font-family:monospace;color:#667eea}.pending-count{background:#fef3c7;color:#92400e;padding:8px 12px;border-radius:8px;margin-bottom:12px;font-size:.9rem}.confirm-input-group{display:flex;gap:12px;align-items:center}.confirm-input{width:80px;flex:none;padding:12px 16px;font-size:1.2rem;text-align:center;border:2px solid #e5e5e5;border-radius:8px;letter-spacing:.2em;font-family:monospace}.confirm-input:focus{outline:none;border-color:#667eea}.guest-add-group{display:flex;gap:12px;margin-bottom:16px}.guest-input{flex:1;padding:12px 16px;font-size:1rem;border:2px solid #e5e5e5;border-radius:8px}.guest-input:focus{outline:none;border-color:#667eea}.guest-name{font-weight:500}.delete-btn{background:none;border:none;padding:4px;cursor:pointer;color:#ef4444;display:flex;align-items:center;justify-content:center}.delete-btn:hover{color:#dc2626}.empty-message{color:#999;text-align:center;padding:16px}.settings-group{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.settings-group label{font-weight:500;color:#333}.input-with-unit{display:flex;align-items:center;gap:8px;margin-top:8px}.input-with-unit input{width:80px;padding:10px 12px;font-size:1rem;text-align:center;border:2px solid #e5e5e5;border-radius:8px}.input-with-unit input:focus{outline:none;border-color:#667eea}.input-with-unit span{color:#666}.upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:16px}.image-list{display:flex;flex-direction:column;gap:12px}.image-row{display:flex;align-items:center;gap:8px;background:#f9fafb;border-radius:8px;padding:8px}.image-thumbnail{position:relative;width:160px;height:120px;border-radius:4px;overflow:hidden;background:#000;flex-shrink:0}.image-thumbnail img{width:100%;height:100%;object-fit:contain}.image-order-badge{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#000000b3;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.image-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;transition:all .2s}.image-action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.image-action-btn:disabled{opacity:.4;cursor:not-allowed}.image-action-btn:disabled:hover{background:#fff;border-color:#d1d5db}.image-action-btn.delete{color:#dc2626;border-color:#fca5a5}.image-action-btn.delete:hover{background:#fef2f2;border-color:#f87171}.image-action-btn .material-symbols-outlined{font-size:18px}.link-add-group{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.link-input{flex:1;padding:12px 16px;font-size:1rem;border:2px solid #e5e5e5;border-radius:8px}.link-input:focus{outline:none;border-color:#667eea}.link-input.url-input{font-family:monospace;font-size:.9rem}.link-list{display:flex;flex-direction:column;gap:8px}.link-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f5f5f5;border-radius:8px;gap:12px}.link-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.link-name{font-weight:500;color:#333}.link-url{font-size:.85rem;color:#666;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-actions{display:flex;gap:4px;flex-shrink:0}.link-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;transition:all .2s}.link-action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.link-action-btn:disabled{opacity:.4;cursor:not-allowed}.link-action-btn.delete{color:#dc2626;border-color:#fca5a5}.link-action-btn.delete:hover{background:#fef2f2;border-color:#f87171}.link-action-btn .material-symbols-outlined{font-size:16px}.link-edit-form{display:flex;flex-direction:column;gap:8px;width:100%}.link-edit-actions{display:flex;gap:8px;justify-content:flex-end}.btn-sm{padding:8px 12px;font-size:.9rem}@media(min-width:480px){.link-add-group{flex-direction:row;flex-wrap:wrap}.link-add-group .link-input:first-child{flex:0 0 150px}.link-add-group .url-input{flex:1;min-width:200px}.link-add-group .btn{flex:0 0 auto}}.api-token-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.api-token-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.api-token-info{flex:1;min-width:0}.api-token-name{font-size:14px;font-weight:600;color:#333;word-break:break-all}.api-token-meta{font-size:12px;color:#999;margin-top:4px}.api-token-delete{background:none;border:1px solid #e57373;color:#c62828;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;white-space:nowrap}.api-token-delete:hover{background-color:#ffebee}.api-token-empty{color:#999;font-size:13px;margin:8px 0}.api-token-create-row{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.api-token-create-row input{flex:1;min-width:200px;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px}.api-token-create-row input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.api-token-create-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.api-token-create-btn:disabled{opacity:.6;cursor:not-allowed}.api-token-issued{background:#fff8e1;border:1px solid #ffd54f;border-radius:8px;padding:12px;margin-bottom:12px}.api-token-issued-label{font-size:13px;font-weight:600;color:#f57f17;margin-bottom:8px}.api-token-issued-value{display:flex;gap:8px;align-items:center}.api-token-issued-value code{flex:1;background:#fff;border:1px solid #ffd54f;border-radius:6px;padding:8px 10px;font-family:Courier New,monospace;font-size:12px;word-break:break-all;-webkit-user-select:all;user-select:all}.api-token-copy-btn{background:#fff;border:1px solid #ffd54f;color:#f57f17;padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;white-space:nowrap}.api-token-copy-btn:hover{background-color:#fff8e1}.api-token-issued-hint{font-size:12px;color:#f57f17;margin-top:8px}.api-token-hint{font-size:13px;color:#666;margin:0 0 12px}.section-hint{font-size:13px;color:#666;line-height:1.6;margin:0 0 12px}.link-proxy-badge{display:inline-block;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;color:#7b1fa2;background:#f3e5f5;border-radius:10px;vertical-align:middle}.chore-detail-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.detail-header{padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 4px #0000001a}.site-name{flex:1;font-size:18px;font-weight:700;margin:0;text-align:center}.chore-name{font-size:18px;font-weight:700!important;color:#333;margin:0 0 12px;padding:0;flex:none!important;text-align:center}.points-display{text-align:center;font-size:24px;font-weight:700;color:#f44336;padding:12px 0;margin-bottom:16px}.edit-btn{background:#fff3;border:1px solid;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.edit-btn:hover{background:#ffffff4d}.detail-content{flex:1;padding:20px;display:flex;flex-direction:column}.detail-content>*{flex:none}.detail-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px}.detail-section:last-of-type{margin-bottom:0}.info-grid{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none}.info-label{font-size:14px;color:#666}.info-value{font-size:14px;font-weight:600;color:#333}.description{font-size:14px;color:#666;line-height:1.6;margin:0;white-space:pre-wrap}.tags-list{display:flex;gap:8px;flex-wrap:wrap}.empty-message{font-size:14px;color:#999;text-align:center;padding:20px 0;margin:0}.logs-list{display:flex;flex-direction:column;gap:8px}.log-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f9f9f9;border-radius:6px}.log-time{font-size:14px;color:#666}.log-user{font-size:14px;font-weight:600;color:#333}.actions-section{display:flex;gap:12px;margin-bottom:16px}.btn{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.danger-zone{margin-top:auto;padding:20px 0;text-align:center}.btn-danger{background:none;border:none;color:#f44336;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;text-decoration:underline}.btn-danger:hover{color:#d32f2f;text-decoration:none}.error-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#999}.skip-postpone-section{display:flex;gap:12px;margin-bottom:16px}.btn-skip,.btn-postpone{flex:1;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-skip{background:#fff;border:2px solid #9e9e9e;color:#666}.btn-skip:hover{background:#f5f5f5;transform:translateY(-2px)}.btn-postpone{background:#fff;border:2px solid #ff9800;color:#e65100}.btn-postpone:hover{background:#fff8e1;transform:translateY(-2px)}.edit-chore-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.edit-chore-header{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a}.page-title{font-size:18px;font-weight:700;color:#333;flex:1;text-align:center}.edit-chore-content{flex:1;padding:20px}.chore-form{background:#fff;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:20px}.color-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;padding:8px 0}.color-option{width:100%;aspect-ratio:1;border:3px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;padding:0}.color-option:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.color-option.selected{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333;transform:scale(1.05)}.color-option:disabled{cursor:not-allowed;opacity:.5}@media(max-width:640px){.color-palette{grid-template-columns:repeat(8,1fr);gap:8px}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.loading-container,.error-container{min-height:100vh;display:flex;align-items:center;justify-content:center}.loading-spinner{font-size:18px;color:#667eea}.weekday-selector{display:flex;gap:8px;flex-wrap:wrap}.weekday-btn{width:44px;height:44px;border:2px solid #e0e0e0;border-radius:50%;background:#fff;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .3s}.weekday-btn:hover:not(:disabled){border-color:#667eea;background:#f0f4ff}.weekday-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.weekday-btn:disabled{opacity:.5;cursor:not-allowed}.create-log-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.create-log-header{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a}.close-btn{background:none;border:none;font-size:32px;cursor:pointer;color:#666;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.create-log-content{flex:1;padding:20px}.log-form{background:#fff;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px}.points-info{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:8px;margin-top:8px}.points-label{font-size:14px;color:#666}.points-value{font-size:20px;font-weight:700;color:#667eea}.duration-input-group{display:flex;align-items:stretch;gap:12px}.duration-input{flex:1;text-align:center;font-size:24px;font-weight:600;padding:16px!important;min-width:80px}.duration-btn{padding:16px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;font-size:32px;font-weight:600;cursor:pointer;transition:all .3s;min-width:80px;display:flex;align-items:center;justify-content:center}.duration-btn:hover:not(:disabled){transform:scale(1.05)}.duration-btn:active:not(:disabled){transform:scale(.95)}.duration-btn-minus{color:#f44336;background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#f44336}.duration-btn-minus:hover:not(:disabled){background:linear-gradient(135deg,#ef5350,#f44336);color:#fff;box-shadow:0 4px 12px #f443364d}.duration-btn-plus{color:#4caf50;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50}.duration-btn-plus:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#4caf50);color:#fff;box-shadow:0 4px 12px #4caf504d}.duration-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:12px 16px;background-color:#fee;color:#c33;border-radius:8px;font-size:14px;text-align:center}.group-settings-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.group-settings-header{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a}.group-settings-header h1{font-size:18px;font-weight:600;margin:0;flex:1;text-align:center}.back-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.save-btn{background:none;border:none;color:#667eea;font-size:16px;font-weight:600;cursor:pointer;padding:8px 16px}.save-btn:disabled{opacity:.5;cursor:not-allowed}.group-settings-content{flex:1;padding:20px}.loading{text-align:center;padding:40px;color:#666}.info-message{padding:12px 16px;background-color:#e3f2fd;color:#1976d2;border-radius:8px;font-size:14px;margin-bottom:20px}.error-message{padding:12px 16px;background-color:#fee;color:#c33;border-radius:8px;font-size:14px;margin-bottom:20px}.settings-form{background:#fff;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:24px}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group .hint{font-size:12px;color:#999;margin-top:-4px}.site-name-row{display:flex;align-items:center;gap:8px}.site-name-select{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .3s;background:#fff;cursor:pointer}.site-name-select:focus{outline:none;border-color:#667eea}.site-name-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.site-name-variable-input{width:60px;text-align:center;padding:12px 8px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .3s}.site-name-variable-input:focus{outline:none;border-color:#667eea}.site-name-variable-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.settings-nav{margin-bottom:24px}.nav-btn{width:100%;padding:16px;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:space-between}.nav-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-btn:active{transform:translateY(0)}.form-section{margin-top:32px;padding-top:24px;border-top:2px solid #e0e0e0}.form-section.center-mode-section{margin-top:0;padding-top:0;border-top:none;margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid #e0e0e0}.form-section h2{font-size:16px;font-weight:600;color:#333;margin:0 0 20px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s}.checkbox-label:hover{background-color:#f5f5f5}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.checkbox-label span{font-size:15px;color:#333}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s}.radio-label:hover{background-color:#f5f5f5}.radio-label input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.radio-label input[type=radio]:disabled{cursor:not-allowed}.radio-label span{font-size:15px;color:#333}.passcode-display{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.passcode-value{font-size:2rem;font-weight:700;letter-spacing:.3em;color:#667eea;font-family:Courier New,monospace;background:#f0f0ff;padding:12px 24px;border-radius:8px}.regenerate-btn{padding:10px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s}.regenerate-btn:hover:not(:disabled){background:#5a6fd6}.regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.approve-session-form{display:flex;align-items:center;gap:12px}.approve-session-form .confirm-code-input{width:100px;padding:12px 16px;font-size:1.2rem;text-align:center;border:2px solid #e0e0e0;border-radius:8px;font-family:Courier New,monospace;letter-spacing:.3em}.approve-session-form .confirm-code-input:focus{outline:none;border-color:#667eea}.approve-session-form button{padding:12px 24px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.approve-session-form button:hover:not(:disabled){background:#43a047}.approve-session-form button:disabled{opacity:.5;cursor:not-allowed}.success-message{color:#4caf50;font-size:14px;font-weight:600;margin-top:8px}.guest-list{display:flex;flex-direction:column;gap:8px}.guest-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f5f5f5;border-radius:8px}.guest-item span{font-size:15px;color:#333}.delete-btn{padding:6px 12px;background:#ef5350;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:background-color .3s}.delete-btn:hover{background:#e53935}.add-guest-form{display:flex;gap:12px;margin-top:12px}.add-guest-form input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:inherit}.add-guest-form input:focus{outline:none;border-color:#667eea}.add-guest-form button{padding:12px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s;white-space:nowrap}.add-guest-form button:hover:not(:disabled){background:#5a6fd6}.add-guest-form button:disabled{opacity:.5;cursor:not-allowed}.empty-message{color:#999;font-size:14px;font-style:italic}.reminder-days{display:flex;gap:6px;flex-wrap:wrap}.reminder-day-btn{min-width:44px;min-height:44px;border:2px solid #ccc;border-radius:8px;background:#fff;font-size:16px;cursor:pointer}.reminder-day-btn.active{border-color:#667eea;background:#667eea;color:#fff;font-weight:700}.reminder-day-btn:disabled{cursor:default;opacity:.6}.reminder-warning{color:#c62828}.group-members-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.group-members-header{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a}.group-members-header h1{font-size:18px;font-weight:600;margin:0;flex:1;text-align:center}.group-members-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:24px}.members-section,.invitations-section{background:#fff;border-radius:8px;padding:20px}.members-section h2,.invitations-section h2{font-size:16px;font-weight:600;margin:0 0 16px;color:#333}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.generate-btn{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.generate-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.members-list,.invitations-list{display:flex;flex-direction:column;gap:12px}.member-card{padding:16px;border:2px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:16px}.member-info{flex:1}.member-name{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.member-email{font-size:14px;color:#666;margin-bottom:8px}.member-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.member-role{display:inline-block;padding:4px 12px;color:#fff;border-radius:12px;font-size:12px;font-weight:600}.member-discord{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.member-discord .material-symbols-outlined{font-size:16px}.member-discord.is-set{background-color:#e8f5e9;color:#2e7d32}.member-discord.is-unset{background-color:#f5f5f5;color:#999}.member-joined{font-size:12px;color:#999}.member-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.role-select{padding:6px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;cursor:pointer;background:#fff}.role-select:focus{outline:none;border-color:#667eea}.remove-btn,.delete-inv-btn{padding:6px 12px;background:#f44336;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.remove-btn:hover,.delete-inv-btn:hover{background:#d32f2f;transform:translateY(-1px)}.invitation-card{padding:16px;border:2px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:16px}.invitation-info{flex:1}.invitation-code{font-size:18px;font-weight:700;color:#667eea;font-family:Courier New,monospace;letter-spacing:2px;margin-bottom:4px}.invitation-expires{font-size:12px;color:#999}.invitation-actions{display:flex;gap:8px;align-items:center}.invitation-action-btn{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.invitation-action-btn .material-symbols-outlined{font-size:20px}.invitation-action-btn.copy-link-btn{background:#e3f2fd;color:#1976d2}.invitation-action-btn.copy-link-btn:hover{background:#bbdefb;transform:translateY(-2px)}.invitation-action-btn.copy-link-btn.success{background:#e8f5e9;color:#4caf50}.invitation-action-btn.qr-btn{background:#f3e5f5;color:#7b1fa2}.invitation-action-btn.qr-btn:hover{background:#e1bee7;transform:translateY(-2px)}.invitation-action-btn.delete-btn{background:#ffebee;color:#f44336}.invitation-action-btn.delete-btn:hover{background:#ffcdd2;transform:translateY(-2px)}.empty-state{padding:40px 20px;text-align:center;color:#999;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;padding:32px;max-width:400px;width:100%;box-shadow:0 8px 32px #0003}.modal-content h2{font-size:20px;font-weight:600;margin:0 0 24px;text-align:center;color:#333}.invite-code-display{font-size:32px;font-weight:700;color:#667eea;font-family:Courier New,monospace;letter-spacing:4px;text-align:center;padding:24px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:8px;margin-bottom:16px}.invite-instructions{font-size:14px;color:#666;text-align:center;line-height:1.6;margin-bottom:24px}.modal-close-btn{width:100%;padding:14px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.modal-close-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.invite-modal-content,.qr-modal-content{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;position:relative}.qr-modal-content h2{font-size:24px;font-weight:600;margin:0 0 24px;text-align:center;color:#333}.modal-close-x{position:absolute;top:16px;right:16px;background:none;border:none;font-size:32px;color:#999;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.modal-close-x:hover{background:#f0f0f0;color:#333}.invite-modal-content h2{font-size:24px;font-weight:600;margin:0 0 24px;text-align:center;color:#333}.qr-code-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.qr-code-wrapper{padding:16px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:12px}.qr-hint{font-size:14px;color:#666;margin:0}.url-section,.code-section{margin-bottom:24px}.url-label,.code-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.url-copy-wrapper{display:flex;gap:8px}.url-input{flex:1;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:monospace;background:#f8f8f8}.url-input:focus{outline:none;border-color:#667eea;background:#fff}.copy-btn{padding:12px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.copy-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.copy-btn.success{background:#4caf50}.copy-btn.success:hover{background:#45a049}.code-section .invite-code-display{font-size:28px;font-weight:700;color:#667eea;font-family:Courier New,monospace;letter-spacing:4px;text-align:center;padding:20px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:8px}.invite-note{font-size:13px;color:#999;text-align:center;line-height:1.6;margin:0;padding:12px;background:#fff9e6;border-radius:8px;border-left:4px solid #ffc107}@media(max-width:600px){.member-card{flex-direction:column;align-items:flex-start}.member-actions{width:100%;flex-direction:row;justify-content:flex-end}.invitation-card{flex-direction:column;align-items:flex-start;gap:12px}.invitation-actions{width:100%;justify-content:flex-end}.invite-modal-content,.qr-modal-content{padding:24px}.url-copy-wrapper{flex-direction:column}.copy-btn{width:100%}}.user-settings-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.user-settings-header{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a}.user-settings-header h1{font-size:18px;font-weight:700;color:#333;margin:0;flex:1;text-align:center}.back-btn{width:40px;height:40px;border:none;background:none;font-size:24px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.back-btn:hover{background-color:#f0f0f0;border-radius:50%}.user-settings-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:20px}.error-message{background-color:#ffebee;color:#c62828;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.settings-section{background:#fff;border-radius:8px;padding:20px}.section-title{font-size:16px;font-weight:700;color:#333;margin:0 0 16px}.settings-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#333}.form-group input{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.hint{font-size:12px;color:#999}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.requests-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.requests-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a}.requests-options{background:#fff;padding:12px 20px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;gap:12px}.create-request-btn{padding:8px 18px;background:#2196f3;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.create-request-btn:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.show-completed-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#666;-webkit-user-select:none;user-select:none}.show-completed-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.show-completed-checkbox span{cursor:pointer}.requests-filters{display:flex;gap:8px;padding:16px 20px;background:#fff;border-bottom:1px solid #e0e0e0}.filter-btn{flex:1;padding:10px 16px;border:1px solid #e0e0e0;background:#fff;border-radius:8px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .3s}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.requests-content{flex:1;padding:20px}.empty-state p{font-size:16px;margin:0}.requests-list{display:flex;flex-direction:column;gap:16px}.request-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a}.request-header{display:flex;gap:8px;margin-bottom:12px}.request-type,.request-status{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;color:#fff}.request-body{margin-bottom:16px}.chore-name{font-size:16px;font-weight:700;color:#333;margin:0 0 8px}.request-message{font-size:14px;color:#555;margin:0 0 12px;line-height:1.5;padding:8px 12px;background:#f9f9f9;border-radius:8px;border-left:3px solid #667eea}.request-meta{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#666}.bonus-points{color:#ff9800;font-weight:600}.request-actions{display:flex;gap:8px}.btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#fff;border:2px solid #e0e0e0;color:#666}.btn-secondary:hover{background-color:#f5f5f5}.btn-success{background:#4caf50;color:#fff}.btn-success:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.btn-danger{background:#fff;border:2px solid #f44336;color:#f44336}.btn-danger:hover{background:#ffebee}.request-batch-count{padding:4px 12px;background:#eef;color:#556;border-radius:12px;font-size:12px;font-weight:700}.request-batch-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#666;margin:8px 0 12px}.request-batch-chores{display:flex;flex-direction:column;gap:8px}.request-batch-chore-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#f7f7fa;border-radius:8px;flex-wrap:wrap}.request-batch-chore-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.request-batch-chore-name{font-size:15px;font-weight:600;color:#333}.request-batch-chore-sub{display:flex;align-items:center;gap:8px}.request-batch-chore-row .request-actions{margin:0}.stats-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.stats-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a}.menu-btn{width:40px;height:40px;border:none;background:#fff3;color:#fff;font-size:24px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s}.menu-btn:hover{background:#ffffff4d}.header-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.site-name{font-size:18px;font-weight:700;color:#fff;text-align:center}.group-name{font-size:12px;color:#ffffffe6;text-align:center}.tabs{background:#fff;display:flex;border-bottom:1px solid #e0e0e0;overflow-x:auto}.tab{flex:1;padding:16px;background:none;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .3s;white-space:nowrap;position:relative}.tab.active{color:#667eea;border-bottom-color:#667eea}.tab:hover{background-color:#f9f9f9}.period-selector{background:#fff;padding:16px 20px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:12px}.period-selector label{font-size:14px;font-weight:600;color:#333}.period-selector select{flex:1;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;background:#fff;cursor:pointer}.stats-content{flex:1;padding:20px}.section-title{font-size:18px;font-weight:700;color:#333;margin:0 0 16px}.loading{text-align:center;padding:40px;color:#999}.empty-state{text-align:center;padding:60px 20px;color:#999}.member-stats-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.member-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.member-header{margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.member-name{font-size:18px;font-weight:700;color:#333;margin:0}.chore-breakdown{width:100%}.chore-breakdown h4{font-size:14px;font-weight:600;color:#666;margin:0 0 12px}.chore-list{display:flex;flex-direction:column;gap:8px;width:100%}.chore-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:8px;transition:all .3s;width:100%;box-sizing:border-box}.chore-name{font-size:14px;font-weight:500}.chore-count{font-size:14px;font-weight:700}.unperformed-section{margin-top:32px}.unperformed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.unperformed-item{padding:12px 16px;border-radius:8px;font-size:13px;font-weight:600;text-align:center;box-shadow:0 2px 4px #0000001a}.invite-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.invite-card{background:#fff;border-radius:16px;padding:40px 30px;max-width:400px;width:100%;text-align:center;box-shadow:0 10px 40px #0003}.loading-spinner,.success-icon,.error-icon{font-size:64px;margin-bottom:20px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.invite-card h2{font-size:24px;font-weight:600;color:#333;margin:0 0 16px}.success-message{font-size:16px;color:#666;margin:0 0 12px}.redirect-message{font-size:14px;color:#999;margin:0}.error-message{font-size:16px;color:#f44336;margin:0 0 24px;padding:12px;background-color:#ffebee;border-radius:8px}.back-to-top-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s}.back-to-top-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.back-to-top-btn:active{transform:translateY(0)}.sprint-create-container{max-width:100%;min-height:100vh;background-color:#f5f5f5}.sprint-create-header{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.sprint-create-header h1{font-size:18px;font-weight:600;margin:0}.back-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:0;color:#333;width:40px;text-align:left}.sprint-create-form{padding:16px}.form-section{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px}.form-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#333}.form-label.required:after{content:" *";color:#dc2626}.form-input,.form-select,.form-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}.form-textarea{resize:vertical;font-family:inherit}.form-checkbox-group{margin-bottom:12px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:15px;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.chore-list,.member-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px;padding:12px}.chore-item,.member-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9f9f9;border-radius:4px;cursor:pointer;transition:background-color .2s}.chore-item:hover,.member-item:hover{background-color:#f0f0f0}.chore-item input[type=checkbox],.member-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.chore-color-indicator{width:24px;height:24px;border-radius:4px;flex-shrink:0}.chore-name,.member-name{flex:1;font-size:15px}.chore-points{font-size:14px;color:#666;font-weight:600}.btn-select-all{padding:8px 16px;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;margin-bottom:12px}.btn-select-all:hover{background-color:#5568d3}.error-message{background-color:#fee;color:#dc2626;padding:12px;border-radius:4px;margin-bottom:16px;font-size:14px}.form-actions{display:flex;gap:12px;background:#fff;padding:16px;position:sticky;bottom:0;border-top:1px solid #e0e0e0;margin:0 -16px -16px}.btn-cancel,.btn-submit{flex:1;padding:14px;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background-color:#f5f5f5;color:#666}.btn-cancel:hover{background-color:#e0e0e0}.btn-submit{background-color:#667eea;color:#fff}.btn-submit:hover{background-color:#5568d3}.btn-cancel:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed}.chore-summary-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chore-summary-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f0f2ff;border-radius:16px;font-size:14px;font-weight:600;color:#333}.chore-summary-empty{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;background:#f5f5f7;border-radius:8px;color:#666;font-size:14px}.chore-summary-empty p{margin:0}.btn-select-chores{padding:10px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-select-chores.small{padding:6px 14px;font-size:13px}.btn-select-chores:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.sprint-detail-container{max-width:100%;min-height:100vh;background-color:#f5f5f5}.sprint-detail-header{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.sprint-detail-header h1{font-size:18px;font-weight:600;margin:0}.sprint-detail-content{padding:16px}.sprint-info-card,.section-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px}.sprint-title-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sprint-name{font-size:20px;font-weight:600;margin:0;flex:1}.status-badge{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;color:#fff}.sprint-message{color:#666;margin:0 0 16px;line-height:1.5}.sprint-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.meta-item{display:flex;gap:8px;font-size:14px}.meta-label{color:#666;font-weight:500;min-width:80px}.meta-value{color:#333}.remaining-time{color:#f59e0b;font-weight:600}.progress-section{padding-top:16px;border-top:1px solid #e0e0e0}.progress-text{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.progress-count{font-weight:600;color:#333}.progress-percentage{font-weight:600;color:#667eea}.progress-bar-container{height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.section-title{font-size:16px;font-weight:600;margin:0 0 16px;color:#333}.chore-list{display:flex;flex-direction:column;gap:8px}.chore-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9f9f9;border-radius:8px;cursor:pointer;transition:all .2s}.chore-item:hover{background-color:#f0f0f0;transform:translate(2px)}.chore-item.completed{background-color:#f0fdf4;border:1px solid #86efac}.chore-color{width:24px;height:24px;border-radius:4px;flex-shrink:0}.chore-info{flex:1;display:flex;flex-direction:column;gap:4px}.chore-name{font-size:15px;font-weight:500;color:#333}.chore-points{font-size:13px;color:#666}.completed-badge{font-size:13px;font-weight:600;color:#16a34a}.member-list{display:flex;flex-wrap:wrap;gap:8px}.member-chip{background-color:#f3f4f6;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500;color:#333}.action-buttons{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:8px;padding:16px}.btn-complete,.btn-cancel{width:100%;padding:14px;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-complete{background-color:#667eea;color:#fff}.btn-complete:hover{background-color:#5568d3}.btn-cancel{background-color:#fee;color:#dc2626}.btn-cancel:hover{background-color:#fdd}.btn-complete:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;gap:20px}.error-container p{font-size:16px;color:#666}.error-container button{padding:12px 24px;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.error-container button:hover{background-color:#5568d3}.admin-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000026}.admin-header h1{font-size:20px;font-weight:600;margin:0;flex:1;text-align:center}.admin-header .back-btn{background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s}.admin-header .back-btn:hover{background:#ffffff4d}.admin-content{flex:1;padding:20px;max-width:1200px;width:100%;margin:0 auto}.loading{text-align:center;padding:40px;color:#666;font-size:16px}.error-message{padding:16px;background-color:#fee;color:#c33;border-radius:8px;font-size:14px;margin-bottom:20px;text-align:center}.btn-back{margin-top:20px;padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-back:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:24px;text-align:center;box-shadow:0 2px 8px #0000001a;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.stat-icon{font-size:48px;margin-bottom:12px}.stat-value{font-size:36px;font-weight:700;color:#667eea;margin-bottom:8px}.stat-label{font-size:14px;color:#666;font-weight:500}.admin-menu{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.admin-menu h2{font-size:18px;font-weight:600;margin:0 0 20px;color:#333}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.menu-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px solid #e0e0e0;border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .3s}.menu-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#667eea}.menu-icon{font-size:48px;margin-bottom:16px}.menu-title{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.menu-description{font-size:14px;color:#666;line-height:1.5}.search-box{margin-bottom:20px}.search-input{width:100%;padding:14px 20px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}.search-input:focus{outline:none;border-color:#667eea}.list-header{margin-bottom:16px}.list-header h2{font-size:18px;font-weight:600;color:#333;margin:0}.admin-list{display:flex;flex-direction:column;gap:12px}.admin-list-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:all .3s}.admin-list-item:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a}.item-main{flex:1}.item-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.item-title{font-size:18px;font-weight:600;color:#333;margin:0}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-admin{background:#f44336;color:#fff}.item-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.meta-item{font-size:14px;color:#666}.item-detail{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.detail-label{font-size:13px;color:#999;font-weight:600}.detail-value{font-size:13px;color:#666;margin-right:16px}.item-actions{display:flex;flex-direction:column;gap:8px}.btn-detail,.btn-delete{padding:8px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-detail{background:#667eea;color:#fff}.btn-detail:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-delete{background:#f44336;color:#fff}.btn-delete:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:16px;background:#fff;border-radius:8px;border:2px dashed #e0e0e0}.detail-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.detail-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.detail-card-header h2{font-size:18px;font-weight:600;color:#333;margin:0}.detail-card-actions{display:flex;gap:8px}.btn-edit,.btn-save,.btn-cancel{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-edit{background:#667eea;color:#fff}.btn-edit:hover{background:#5568d3}.btn-save{background:#4caf50;color:#fff}.btn-save:hover{background:#45a049}.btn-save:disabled{background:#ccc;cursor:not-allowed}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e0e0e0}.detail-card-body{display:flex;flex-direction:column;gap:16px}.detail-field{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.detail-field:last-child{border-bottom:none}.detail-card .detail-label{font-size:14px;font-weight:600;color:#666;min-width:150px}.detail-card .detail-value{font-size:14px;color:#333;flex:1;text-align:right}.detail-input{flex:1;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .3s}.detail-input:focus{outline:none;border-color:#667eea}.detail-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.detail-checkbox{width:20px;height:20px;cursor:pointer}.detail-list{display:flex;flex-direction:column;gap:12px}.detail-list-item{padding:16px;border:2px solid #f0f0f0;border-radius:8px;transition:all .3s}.detail-list-item:hover{border-color:#667eea;background:#f9fafb}.detail-list-main{display:flex;flex-direction:column;gap:8px}.detail-list-title{font-size:16px;font-weight:600;color:#333}.detail-list-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.role-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;color:#fff}.role-owner{background:#f44336}.role-admin{background:#ff9800}.role-member{background:#4caf50}.points-badge{padding:4px 12px;background:#667eea;color:#fff;border-radius:12px;font-size:12px;font-weight:600}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{padding:6px 16px;border-radius:16px;font-size:14px;font-weight:500}.danger-zone{border:2px solid #f44336}.danger-zone .detail-card-header h2{color:#f44336}.danger-warning{font-size:14px;color:#666;line-height:1.6;margin-bottom:16px}.btn-danger{padding:12px 24px;background:#f44336;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-danger:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}@media(max-width:768px){.admin-list-item{flex-direction:column;align-items:flex-start}.item-actions{width:100%;flex-direction:row}.btn-detail,.btn-delete{flex:1}.stats-grid{grid-template-columns:repeat(2,1fr)}.menu-grid{grid-template-columns:1fr}.detail-field{flex-direction:column;align-items:flex-start;gap:8px}.detail-card .detail-label{min-width:unset}.detail-card .detail-value{text-align:left}}*{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-color:#f5f5f5}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}a{text-decoration:none;color:inherit}.fonts-loading .material-symbols-outlined{visibility:hidden;width:1em;height:1em;overflow:hidden}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";vertical-align:middle}.material-symbols-outlined.icon-small{font-size:18px}.material-symbols-outlined.icon-large{font-size:32px}button .material-symbols-outlined{vertical-align:middle;margin:0;padding:0}