.telegram-gate{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:24px;text-align:center}.telegram-gate-hint{font-size:.95rem;margin-top:12px;opacity:.85}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a1929;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;line-height:1.5}.App{min-height:100vh;text-align:center}.App,.App-header{background:linear-gradient(135deg,#0a1929,#0d2b3e)}.App-header{animation:headerAppear .7s cubic-bezier(.34,1.2,.64,1) forwards;border-bottom:1px solid #1976d24d;box-shadow:0 4px 15px #0000004d;padding:12px 20px;position:sticky;top:0;z-index:10}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.logo{align-items:center;display:flex}.logo{gap:12px}.logo-icon{animation:robotFloat 2s ease-in-out infinite;display:inline-block;font-size:32px}@keyframes robotFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(-5deg)}75%{transform:translateY(5px) rotate(5deg)}}.logo-text{animation:shine 3s linear infinite;background:linear-gradient(135deg,#2196f3,#64b5f6 50%,#2196f3);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:#0000;font-size:24px;font-weight:700;letter-spacing:-.5px}@keyframes shine{0%{background-position:0}to{background-position:200%}}.version-badge{font-size:12px;transition:all .3s ease}.version-badge:hover{background:#2196f340;transform:translateY(-2px)}@keyframes gentleAppearMain{0%{opacity:0;transform:scale(.3)}30%{opacity:.3;transform:scale(.7)}60%{opacity:.7;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.main-menu-btn .menu-icon{animation:gentleAppearMain 2.7s cubic-bezier(.34,1.2,.64,1) forwards;display:inline-block}.main-menu-btn:first-child .menu-icon{animation-delay:0s}.main-menu-btn:nth-child(2) .menu-icon{animation-delay:.15s}.main-menu-btn:nth-child(3) .menu-icon{animation-delay:.3s}.main-menu-btn:nth-child(4) .menu-icon{animation-delay:.45s}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{animation:cardAppear .7s ease-out forwards}@keyframes headerAppear{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes listItemAppear{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.subject-item{animation:listItemAppear .4s ease-out backwards}.subject-item:first-child{animation-delay:.05s}.subject-item:nth-child(2){animation-delay:.1s}.subject-item:nth-child(3){animation-delay:.15s}.subject-item:nth-child(4){animation-delay:.2s}.subject-item:nth-child(5){animation-delay:.25s}.task-card{animation:listItemAppear .4s ease-out backwards}.task-card:first-child{animation-delay:.05s}.task-card:nth-child(2){animation-delay:.1s}.task-card:nth-child(3){animation-delay:.15s}.task-card:nth-child(4){animation-delay:.2s}.task-card:nth-child(5){animation-delay:.25s}main{margin:0 auto;max-width:1200px;padding:24px 20px 80px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f192db3;border:1px solid #2196f333;border-radius:20px;margin-bottom:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:#2196f366;box-shadow:0 8px 25px #0003;transform:translateY(-4px)}.card h2{color:#f0f4f8;font-size:20px;font-weight:600;letter-spacing:-.3px;margin-bottom:20px}.card h3{color:#90caf9;font-size:16px;font-weight:500;margin-bottom:12px}.main-menu-buttons{gap:16px;max-width:320px;padding:20px}.main-menu-btn{background:linear-gradient(135deg,#1976d2,#1565c0);border:none;border-radius:14px;color:#fff}.main-menu-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.main-menu-btn:active:before{height:300px;width:300px}.main-menu-btn:hover{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 8px 20px #2196f366;transform:translateY(-3px)}button{background:linear-gradient(135deg,#1976d2,#1565c0);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin:5px;padding:10px 20px;transition:all .2s ease}button:active{transform:scale(.96)}button:hover{box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.save-btn{background:#4caf50}.save-btn:hover{background:#45a049}.cancel-btn{background:#f44336}.cancel-btn:hover{background:#da190b}.subject-list{display:flex;flex-direction:column;gap:12px}.subject-item{border-left:3px solid #2196f3;padding:16px}.subject-item h3{font-size:16px;font-weight:500}.tasks-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.task-card{background:#ffffff0d;border:1px solid #2196f333;border-radius:16px;padding:16px;transition:all .3s ease}.task-card:hover{background:#ffffff14;transform:translateX(4px)}.task-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.task-header h3{color:#e2e8f0;flex:1 1;font-size:16px;font-weight:600;margin:0}.task-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.task-category-badge{background:#2196f326;border-radius:12px;color:#90caf9;display:inline-block;font-size:12px;margin-bottom:12px;padding:4px 12px}.task-status-buttons{display:flex;flex-wrap:wrap;gap:8px}.status-btn{background:#ffffff14;border:1px solid #2196f34d;border-radius:10px;font-size:16px;margin:0;padding:8px 12px;transition:all .2s ease}.status-btn:hover{transform:translateY(-2px)}.not-done-btn:hover{background:#ef535033;border-color:#ef5350}.done-not-submitted-btn:hover{background:#ff980033;border-color:#ff9800}.need-redo-btn:hover{background:#42a5f533;border-color:#42a5f5}.submitted-btn:hover{background:#66bb6a33;border-color:#66bb6a}.add-task-btn{margin-top:20px;width:100%}.add-task-form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.add-task-form input,.add-task-form select{background:#ffffff14;border:1px solid #2196f34d;border-radius:10px;color:#e2e8f0;max-width:100%;padding:12px;width:100%}.form-buttons{display:flex;gap:10px;justify-content:center}.files-section{margin-bottom:30px;margin-top:25px}.files-section h3{border-bottom:2px solid #2196f34d;color:#64b5f6;font-size:18px;font-weight:600;margin-bottom:15px;padding-bottom:8px}.subject-files-group{margin-bottom:20px;margin-left:15px}.subject-files-group h4{color:#90caf9;font-size:16px;font-weight:500;margin-bottom:10px}.team-files-group{margin-bottom:25px;margin-left:15px}.team-files-group h4{color:#90caf9;font-size:16px;font-weight:500;margin-bottom:10px}.tasks-list-files{display:flex;flex-direction:column;gap:8px;margin-left:20px}.task-file-item{align-items:center;display:flex;flex-wrap:wrap;gap:10px;padding:5px 0}.task-status{font-size:16px;min-width:30px}.task-name{color:#e2e8f0;font-size:14px}.task-category{color:#94a3b8;font-size:13px}.file-detail-item{background:#ffffff08;border-radius:8px;gap:10px;justify-content:space-between;padding:10px}.file-detail-item,.file-info{align-items:center;display:flex;flex-wrap:wrap}.file-info{flex:1 1;gap:8px}.file-name{color:#90caf9;font-size:14px;font-weight:500}.file-size{color:#94a3b8;font-size:12px}.file-uploader{color:#b0bec5;font-size:12px}.file-date{color:#78909c;font-size:11px}.download-file-btn{background:#0000;font-size:12px;margin:0;padding:6px 12px}.empty-message{color:#94a3b8;font-style:italic;padding:20px;text-align:center}.empty-message-small{color:#94a3b8;font-size:13px;font-style:italic;padding:10px 0 10px 20px}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1929f2;border-top:1px solid #2196f333;bottom:0;display:flex;justify-content:center;left:0;padding:12px 20px;position:fixed;right:0;z-index:100}.nav-btn{transition:all .2s ease}.notification{animation:slideDown .3s ease;border-radius:30px;box-shadow:0 4px 15px #0003;font-size:14px;font-weight:500;left:50%;padding:12px 24px;position:fixed;top:80px;transform:translateX(-50%);z-index:1000}.notification.success{background:#4caf50;color:#fff}.notification.error{background:#f44336;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.loading{color:#90caf9;font-size:16px;padding:60px 20px;text-align:center}.loading:before{animation:spin .8s linear infinite;border:2px solid #2196f3;border-radius:50%;border-top-color:#0000;content:"";display:inline-block;height:24px;margin-right:12px;vertical-align:middle;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background:#f4433626;border:1px solid #ef5350;border-radius:10px;color:#ef5350;font-size:14px;padding:12px}.error-message,.invite-code-card{margin-bottom:20px;text-align:center}.invite-code-card{background:#2196f326;border:1px solid #2196f3;border-radius:12px;padding:16px}.invite-code{background:#0006;border-radius:12px;color:#64b5f6;font-family:Courier New,monospace;font-size:28px;font-weight:700;letter-spacing:3px;padding:12px 20px}@media (max-width:768px){.logo-icon{font-size:24px}.logo-text{font-size:18px}.version-badge{font-size:10px;padding:3px 8px}.card h2{font-size:18px}.main-menu-btn{font-size:15px;padding:14px 20px}.task-header{align-items:flex-start;flex-direction:column}.invite-code{font-size:20px;padding:8px 16px}}.nav-btn{background:#2196f31a;border:1px solid #2196f34d;border-radius:30px;color:#90caf9;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;overflow:visible;padding:10px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-btn:hover{background:#2196f333;border-color:#2196f3;box-shadow:0 4px 12px #2196f34d;color:#2196f3;transform:translateY(-2px)}.nav-btn:active{transform:scale(.96)}.nav-btn .nav-icon{display:inline-block;margin-right:8px;transition:transform .3s ease}.nav-btn:hover .nav-icon{transform:translateX(-4px)}.subject-item{cursor:pointer;gap:10px;text-align:left}.subject-item h3{color:#e2e8f0;font-size:18px;font-weight:600;margin:0}.subject-item .tasks-count{background:#2196f326;border-radius:20px;color:#90caf9;font-size:13px;padding:4px 12px}.add-subject-btn{background:linear-gradient(135deg,#1976d2,#1565c0);margin-top:20px;width:100%}.add-subject-form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.add-subject-form input{background:#ffffff14;border:1px solid #2196f34d;border-radius:10px;color:#e2e8f0;font-size:16px;padding:14px;width:100%}.add-subject-form input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}@media (max-width:768px){.subject-item h3{font-size:16px}.subject-item .tasks-count{font-size:11px}}.team-card-btn{background:#ffffff0d;border:1px solid #2196f333;border-radius:14px;cursor:pointer;margin:0;overflow:visible;padding:0;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.team-card-btn:hover{background:#ffffff1a;border-color:#2196f380;transform:translateX(6px)}.team-card-content{padding:16px}.team-header{align-items:stretch;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.team-header h3{color:#e2e8f0;font-size:17px;font-weight:600;margin:0}.team-header-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.member-count{background:#2196f326;border-radius:20px;color:#90caf9;font-size:12px;padding:4px 10px}.team-footer{align-items:center;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;justify-content:flex-start}.team-code-field{align-items:center;display:inline-flex;gap:4px;max-width:100%}.team-code-field--minimal{background:#0000004d;border-radius:6px;max-width:100%;min-width:0;padding:2px 4px 2px 8px}.team-code-field--minimal .team-code{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-icon-btn{align-items:center;background:#2196f32e;border:none;border-radius:4px;color:#90caf9;cursor:pointer;display:inline-flex;flex-shrink:0;height:26px;justify-content:center;margin:0;padding:0;transition:background .15s ease,color .15s ease,transform .12s ease;width:26px}.copy-icon-btn:hover{background:#2196f352;color:#e3f2fd}.copy-icon-btn:active{transform:scale(.94)}.copy-icon-btn__svg{height:14px;width:14px}.copy-icon-btn:focus-visible{outline:2px solid #64b5f6;outline-offset:1px}.team-code{background:#0000;border-radius:0;color:#94a3b8;font-family:monospace;font-size:12px;padding:0}.invite-code-container{align-items:center;display:flex;flex-direction:column;margin-bottom:4px;margin-top:12px}.invite-code-with-copy{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.invite-code-with-copy .copy-icon-btn{flex-shrink:0}.close-invite-btn{background:#ffffff14;border:1px solid #2196f359;border-radius:10px;color:#90caf9;cursor:pointer;display:block;font-size:15px;font-weight:500;margin:16px auto 0;max-width:280px;padding:12px 20px;transition:background .2s ease,border-color .2s ease;width:100%}.close-invite-btn:hover{background:#2196f326;border-color:#2196f3;color:#e3f2fd}.copy-btn{background:linear-gradient(135deg,#1976d2,#1565c0);border:none;border-radius:8px;box-shadow:0 2px 8px #1976d259;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:10px 18px;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.copy-btn:hover{box-shadow:0 4px 14px #1976d273;transform:translateY(-1px)}.copy-btn:active{transform:scale(.97)}.copy-btn--compact{border-radius:6px;font-size:12px;padding:6px 12px}.team-card-btn:focus-visible{outline:2px solid #64b5f6;outline-offset:2px}.team-tabs{border-bottom:1px solid #2196f333;display:flex;gap:8px;margin:20px 0;padding-bottom:8px}.tab-btn{background:#0000;border:none;border-radius:20px;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s ease}.tab-btn.active{background:#2196f31a;color:#2196f3}.tab-btn:hover{background:#2196f30d;color:#90caf9}.team-tasks-list{max-height:500px;overflow-y:auto}@media (max-width:768px){.tab-btn{font-size:13px;padding:6px 14px}.team-header h3{font-size:15px}.member-count{font-size:11px}}.team-form input{background:#ffffff14;border:1px solid #2196f34d;border-radius:10px;color:#e2e8f0;font-size:16px;margin-bottom:12px;padding:14px;width:100%}.team-form input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.team-form{margin:0 auto;max-width:400px;width:100%}.teams-list{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.team-tasks-list .add-task-btn{background:linear-gradient(135deg,#1976d2,#1565c0);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:16px;min-width:140px;padding:8px 16px;transition:all .2s ease;width:auto}.team-tasks-list .add-task-btn:hover{background:linear-gradient(135deg,#2196f3,#1976d2);transform:translateY(-1px)}.team-tasks-list .add-task-btn:active{transform:scale(.97)}.leave-btn{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;width:100%}.leave-btn:hover{background:linear-gradient(135deg,#ef5350,#e53935);box-shadow:0 4px 12px #f443364d;transform:translateY(-1px)}.leave-btn:active{transform:scale(.97)}.team-danger-zone{border-top:1px solid #f443364d;margin-top:24px;padding-top:16px}.create-team-btn,.join-team-btn{background:linear-gradient(135deg,#1976d2,#1565c0);flex:1 1}.create-team-btn:hover,.join-team-btn:hover{background:linear-gradient(135deg,#2196f3,#1976d2)}@media (max-width:768px){.teams-list{gap:16px}.team-header h3{font-size:15px}.member-count{font-size:11px}.team-tasks-list .add-task-btn{font-size:12px;min-width:120px;padding:6px 14px}}.upload-section{margin-bottom:20px;text-align:center}.upload-btn{background:linear-gradient(135deg,#1976d2,#1565c0);border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.upload-btn:hover{background:linear-gradient(135deg,#2196f3,#1976d2);transform:translateY(-1px)}.upload-btn.uploading{cursor:not-allowed;opacity:.7}.file-actions{display:flex;gap:8px}.delete-file-btn,.download-file-btn{background:#0000;font-size:12px;margin:0;padding:4px 12px}.download-file-btn{border:1px solid #1976d2;color:#90caf9}.download-file-btn:hover{background:#2196f31a}.delete-file-btn{border:1px solid #f44336;color:#ef5350}.delete-file-btn:hover{background:#f443361a}.team-file-item{align-items:center;background:#ffffff08;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px;padding:12px}.team-file-item:hover{background:#ffffff0f}@media (max-width:768px){.team-file-item{align-items:flex-start;flex-direction:column}.file-actions{align-self:flex-end}.upload-btn{font-size:13px;padding:8px 20px}}.subject-tabs{border-bottom:1px solid #2196f333;display:flex;gap:8px;margin:20px 0;padding-bottom:8px}.subject-files-list{max-height:500px;overflow-y:auto}@media (max-width:768px){.subject-file-item{align-items:flex-start;flex-direction:column}}.subject-info{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.subject-info .tasks-count{background:#2196f326;border-radius:20px;color:#90caf9;font-size:13px;padding:4px 12px}.delete-subject-btn{font-size:16px;padding:8px 12px}.delete-subject-btn:hover{transform:scale(1.05)}.delete-subject-btn:active{transform:scale(.95)}@media (max-width:768px){.subject-info h3{font-size:15px}.subject-info .tasks-count{font-size:11px}.delete-subject-btn{font-size:14px;padding:6px 10px}}.file-subject{background:#2196f326;border-radius:12px;color:#90caf9;font-size:11px;margin-left:8px;padding:2px 8px}.subject-file-item{align-items:center;background:#ffffff08;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px;padding:12px}.subject-file-item:hover{background:#ffffff0f}@media (max-width:768px){.subject-file-item{align-items:flex-start;flex-direction:column}.file-subject{margin-left:0;margin-top:4px}}.subject-block{background:#ffffff08;border-left:3px solid #2196f3;border-radius:12px;margin-bottom:16px;padding:16px}.subject-header h4{color:#90caf9;font-size:17px;font-weight:600;margin-bottom:12px}.subcategory-title{margin:10px 0 8px}.subject-works{margin-bottom:12px}.subject-files{margin-top:8px}.team-header h4{color:#81c784;font-size:17px;font-weight:600;margin-bottom:12px}@media (max-width:768px){.subject-header h4,.team-header h4{font-size:15px}.subcategory-title{font-size:12px}}.status-btn.active{box-shadow:0 0 10px currentColor;opacity:1;transform:scale(1.1)}.status-btn.not-done-btn.active{background:#ef53504d;border-color:#ef5350}.status-btn.not-submitted-btn.active{background:#ff98004d;border-color:#ff9800}.status-btn.submitted-btn.active{background:#66bb6a4d;border-color:#66bb6a}.main-menu-buttons{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:350px;padding:30px 20px}.main-menu-btn{background:#0000;border:2px solid #2196f380;border-radius:12px;color:#e2e8f0;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;overflow:visible;padding:16px 24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.main-menu-btn:hover{background:#2196f30d;border-color:#2196f3;box-shadow:0 4px 15px #2196f333;transform:translateY(-2px)}.main-menu-btn:active{transform:scale(.97)}.main-menu-btn:after{background:#2196f34d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.main-menu-btn:active:after{height:300px;width:300px}.settings-btn{font-size:13px;font-weight:500;padding:8px 16px}.main-menu-btn:before{display:none}@media (max-width:768px){.main-menu-buttons{gap:15px;max-width:280px;padding:20px}.main-menu-btn{font-size:14px;padding:14px 20px}.settings-btn{font-size:11px;padding:6px 12px}}.main-menu-btn{animation:fadeInUpMain .5s ease-out backwards}.main-menu-btn:first-child{animation-delay:.05s}.main-menu-btn:nth-child(2){animation-delay:.15s}.main-menu-btn:nth-child(3){animation-delay:.25s}@keyframes fadeInUpMain{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-right{align-items:center;display:flex;gap:12px}.version-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2196f326;border:1px solid #2196f34d;border-radius:20px;color:#90caf9;font-size:11px;font-weight:500;padding:4px 12px}.settings-btn{background:#0000;border:1px solid #2196f366;border-radius:20px;color:#90caf9;cursor:pointer;font-size:16px;line-height:1;margin:0;padding:6px 12px;transition:all .2s ease}.settings-btn:hover{background:#2196f31a;border-color:#2196f3;transform:translateY(-1px)}.settings-btn:active{transform:scale(.96)}@media (max-width:768px){.version-badge{font-size:9px;padding:3px 8px}.settings-btn{font-size:14px;padding:4px 10px}.header-right{gap:8px}}.theme-buttons{display:flex;gap:12px}.theme-btn{background:#ffffff14;border:1px solid #2196f34d;border-radius:8px;color:#90caf9;cursor:pointer;font-size:13px;margin:0;padding:6px 16px;transition:all .2s ease}.theme-btn.active{background:#2196f3;border-color:#2196f3;color:#fff}.theme-btn:hover{background:#2196f333;transform:translateY(-1px)}body.light-theme{background-color:#f5f5f5;color:#333}body.light-theme .card{background:#fff;border-color:#e0e0e0}body.light-theme .settings-label{color:#666}body.light-theme .settings-value{color:#333}@media (max-width:768px){.settings-item{align-items:flex-start;flex-direction:column;gap:8px}.theme-buttons{justify-content:space-between;width:100%}.theme-btn{flex:1 1;text-align:center}}.settings-section{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:16px}.settings-section:first-child{border-top:none;margin-top:0;padding-top:0}.settings-section h3{color:#90caf9;font-size:16px;font-weight:600;margin-bottom:16px}.settings-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px 0}.settings-label{color:#b0bec5;font-size:14px}.settings-value{color:#e2e8f0;font-size:14px;font-weight:500}.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(4,1fr)}.stat-item{border-radius:10px;padding:12px}.stat-value{font-size:24px;margin-bottom:4px}.stat-label{font-size:11px}.toggle-btn{background:#ffffff14;border:1px solid #2196f34d;border-radius:20px;color:#90caf9;cursor:pointer;font-size:12px;margin:0;padding:6px 16px;transition:all .2s ease}.toggle-btn.active{background:#2196f3;border-color:#2196f3;color:#fff}.toggle-btn:hover{background:#2196f333;transform:translateY(-1px)}.logout-btn{background:#f4433626;border:1px solid #ef5350;border-radius:8px;color:#ef5350;cursor:pointer;font-size:14px;margin:0;padding:10px 20px;transition:all .2s ease;width:100%}.logout-btn:hover{background:#f4433640;transform:translateY(-1px)}body.compact-mode .card{padding:12px}body.compact-mode .subject-item,body.compact-mode .task-card,body.compact-mode .team-card{padding:8px 12px}body.compact-mode h2{font-size:18px;margin-bottom:12px}@media (max-width:768px){.stats-grid{gap:8px}.stat-value{font-size:18px}.stat-label{font-size:9px}.settings-item{align-items:flex-start;flex-direction:column;gap:8px}.toggle-btn{align-self:flex-start}}.action-btn{background:#2196f326;border:1px solid #2196f3;border-radius:8px;color:#2196f3;cursor:pointer;font-size:13px;margin:0;padding:6px 20px;transition:all .2s ease}.action-btn:hover{background:#2196f3;color:#fff;transform:translateY(-1px)}.action-btn.danger{background:#ef535026;border-color:#ef5350;color:#ef5350}.action-btn.danger:hover{background:#ef5350;color:#fff}.confirm-buttons{align-items:center;display:flex;gap:8px}.confirm-text{color:#ff9800;font-size:12px;margin-right:4px}.confirm-btn{border-radius:6px;cursor:pointer;font-size:12px;margin:0;padding:4px 12px;transition:all .2s ease}.confirm-btn.yes{background:#4caf50;border:none;color:#fff}.confirm-btn.yes:hover{background:#45a049}.confirm-btn.no{background:#f44336;border:none;color:#fff}.confirm-btn.no:hover{background:#da190b}@media (max-width:768px){.action-btn{font-size:12px;padding:5px 16px}.confirm-buttons{flex-wrap:wrap}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:linear-gradient(135deg,#0a1929,#0d2b3e);border:1px solid #2196f34d;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:500px;padding:28px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{color:#2196f3;font-size:20px;margin-bottom:20px;text-align:center}.support-textarea{background:#ffffff14;border:1px solid #2196f34d;border-radius:12px;color:#e2e8f0;font-family:inherit;font-size:14px;margin-bottom:20px;padding:14px;resize:vertical;transition:all .2s ease;width:100%}.support-textarea:focus{background:#ffffff1f;border-color:#2196f3;outline:none}.modal-buttons{display:flex;gap:15px;justify-content:center}.send-btn{background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:30px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 28px;transition:all .2s ease}.send-btn:hover{background:linear-gradient(135deg,#66bb6a,#43a047);box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.send-btn:active{transform:scale(.96)}.send-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-modal-btn{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:30px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 28px;transition:all .2s ease}.cancel-modal-btn:hover{background:linear-gradient(135deg,#ef5350,#e53935);box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.cancel-modal-btn:active{transform:scale(.96)}@media (max-width:768px){.modal-content{padding:20px;width:95%}.modal-content h3{font-size:18px}.modal-buttons{flex-direction:column;gap:10px}.cancel-modal-btn,.send-btn{padding:10px 20px}}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:8px}.stat-item{background:#ffffff08;border-radius:12px;padding:16px 12px;text-align:center;transition:all .2s ease}.stat-item:hover{background:#ffffff0f;transform:translateY(-2px)}.stat-value{color:#2196f3;display:block;font-size:28px;font-weight:700;margin-bottom:6px}.stat-label{color:#94a3b8;font-size:12px;font-weight:500}@media (max-width:768px){.stats-grid{gap:10px}.stat-item{padding:12px 8px}.stat-value{font-size:22px}.stat-label{font-size:10px}}.legend-btn{border-radius:30px;gap:6px;padding:8px 12px}.legend-colors{gap:6px}.legend-icon{font-size:18px}.legend-popup{border-radius:16px;margin-top:12px;min-width:240px;padding:16px}.legend-popup-header{margin-bottom:12px;padding-bottom:8px}.legend-popup-title{font-size:14px}.legend-close{border-radius:12px;font-size:16px;height:24px;width:24px}.legend-items{gap:12px}.legend-color{font-size:20px;min-width:32px}.legend-label{font-size:13px}.legend-desc{font-size:11px}@media (max-width:768px){.legend-popup{bottom:80px;left:16px;max-width:calc(100% - 32px);min-width:auto;position:fixed;right:16px;top:auto}.legend-icon{font-size:22px}.legend-btn{padding:6px 10px}}.card>div:first-child{justify-content:center!important;position:relative}.card>div:first-child h2{text-align:center}.subcategory-title{border-left:2px solid #64b5f6;color:#64b5f6;font-size:13px;font-weight:500;margin:12px 0 8px;padding-left:8px}.team-block{background:#ffffff08;border-left:3px solid #4caf50;border-radius:12px;margin-bottom:16px;padding:16px}.team-block h4{color:#81c784;font-size:16px;font-weight:600;margin-bottom:12px}.legend-btn{transition:all .2s ease}.legend-icon{transition:transform .2s ease}.legend-popup{animation:fadeInScale .2s ease-out;background:linear-gradient(135deg,#0d2b3e,#0a1929);border:1px solid #2196f34d;border-radius:12px;box-shadow:0 8px 25px #0000004d;margin-top:8px;min-width:200px;padding:12px;position:absolute;right:0;top:100%;z-index:100}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.legend-popup-header{align-items:center;border-bottom:1px solid #2196f333;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:6px}.legend-popup-title{color:#90caf9;font-size:12px;font-weight:600}.legend-close{align-items:center;background:#0000;border:none;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;margin:0;padding:0;width:20px}.legend-close:hover{background:#ef535033;color:#ef5350}@media (max-width:768px){.legend-popup{bottom:80px;left:16px;max-width:calc(100% - 32px);min-width:auto;position:fixed;right:16px;top:auto}.legend-icon{font-size:14px}.legend-btn{padding:3px 6px}}.legend-status.expanded .legend-btn{padding:6px 8px}.legend-colors{display:flex;gap:3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.legend-status.expanded .legend-colors{flex-direction:column;gap:6px}.legend-icon{font-size:12px}.legend-status.expanded .legend-icon{animation:iconPop .3s ease-out backwards}.legend-status.expanded .legend-icon:first-child{animation-delay:.05s}.legend-status.expanded .legend-icon:nth-child(2){animation-delay:.1s}.legend-status.expanded .legend-icon:nth-child(3){animation-delay:.15s}@keyframes iconPop{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.legend-items-container{background:linear-gradient(135deg,#0d2b3e,#0a1929);border:1px solid #2196f34d;border-radius:12px;box-shadow:0 8px 25px #0000004d;margin-top:8px;min-width:200px;opacity:0;padding:12px;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:100}.legend-status.expanded .legend-items-container{opacity:1;transform:translateY(0);visibility:visible}.legend-item{align-items:flex-start;padding:6px 0;transform:translateX(-10px);transition:all .25s ease-out}.legend-status.expanded .legend-item{transform:translateX(0)}.legend-desc{font-size:10px}@media (max-width:768px){.legend-items-container{bottom:80px;left:16px;max-width:calc(100% - 32px);min-width:auto;position:fixed;right:16px;top:auto}.legend-icon{font-size:14px}.legend-btn{padding:3px 6px}}.legend-status{transition:all .3s cubic-bezier(.4,0,.2,1)}.legend-status.bottom-right{bottom:20px;position:absolute;right:20px}.legend-btn,.legend-items{gap:3px}.legend-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.legend-status.expanded .legend-item{animation:slideInRight .25s ease-out backwards}.legend-status.expanded .legend-item:first-child{animation-delay:.05s}.legend-status.expanded .legend-item:nth-child(2){animation-delay:.1s}.legend-status.expanded .legend-item:nth-child(3){animation-delay:.15s}.legend-text{display:flex;flex-direction:column;gap:2px}.legend-label{font-size:11px;font-weight:600;line-height:1.2}.legend-desc{color:#94a3b8;font-size:9px;line-height:1.2}.legend-status.expanded .legend-btn{min-width:160px}@media (max-width:768px){.legend-status.expanded .legend-btn{bottom:20px;left:auto;max-width:calc(100% - 40px);position:fixed;right:20px;z-index:1000}.legend-color{font-size:16px;min-width:28px}.legend-label{font-size:12px}.legend-desc{font-size:10px}}.legend-items{gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.legend-status.expanded .legend-items{flex-direction:column;gap:8px}.legend-status.expanded .legend-btn{min-width:140px}.legend-item{gap:8px;overflow:visible;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:0}.legend-status.expanded .legend-item{opacity:1;width:auto}.legend-color{transition:transform .2s ease}.legend-label{opacity:0;transform:translateX(-5px);transition:all .2s ease}.legend-status.expanded .legend-label{opacity:1;transform:translateX(0)}.legend-status.expanded .legend-item:first-child .legend-label{transition-delay:.05s}.legend-status.expanded .legend-item:nth-child(2) .legend-label{transition-delay:.1s}.legend-status.expanded .legend-item:nth-child(3) .legend-label{transition-delay:.15s}.legend-status.expanded .legend-color{animation:bounceIn .3s cubic-bezier(.68,-.55,.265,1.55) backwards}.legend-status.expanded .legend-color:first-child{animation-delay:.05s}.legend-status.expanded .legend-color:nth-child(2){animation-delay:.1s}.legend-status.expanded .legend-color:nth-child(3){animation-delay:.15s}@media (max-width:768px){.legend-color{font-size:16px;min-width:28px}.legend-label{font-size:12px}.legend-status.expanded .legend-btn{min-width:150px}}.legend-status{display:inline-block;position:relative}.legend-status.top-right{float:right;margin-left:15px}.legend-btn{align-items:center;background:#2196f31a;border:1px solid #2196f34d;border-radius:20px;cursor:pointer;display:flex;justify-content:center;overflow:visible;padding:4px 8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.legend-btn:hover{background:#2196f333;border-color:#2196f3;transform:scale(1.02)}.legend-icons{align-items:center;display:flex;gap:4px}.legend-icon{display:inline-block;font-size:14px;transition:all .2s ease}.legend-btn:hover .legend-icon{transform:scale(1.1)}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-status.expanded .legend-btn{background:#2196f326;border-radius:12px;min-width:130px;padding:10px 12px}.legend-item{align-items:center;animation:slideInRight .25s ease-out forwards;display:flex;gap:10px;opacity:0}@keyframes slideInRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.legend-color{animation:bounceIn .3s cubic-bezier(.68,-.55,.265,1.55) backwards;font-size:14px;min-width:24px;text-align:center}.legend-item:first-child .legend-color{animation-delay:.05s}.legend-item:nth-child(2) .legend-color{animation-delay:.1s}.legend-item:nth-child(3) .legend-color{animation-delay:.15s}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.legend-label{color:#e2e8f0;font-size:12px;font-weight:500;white-space:nowrap}@media (max-width:768px){.legend-color,.legend-icon{font-size:16px}.legend-color{min-width:28px}.legend-label{font-size:12px}.legend-status.expanded .legend-btn{min-width:140px}}@keyframes pulseLegend{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.legend-btn{animation:pulseLegend 2s ease-in-out 3}.legend-btn:hover{animation:none}.files-header{min-height:100px}.files-page-card{padding-bottom:30px}@media (max-width:768px){.files-header{min-height:120px}.files-header h2{font-size:18px}}.files-page-card.legend-expanded{min-height:280px}@media (max-width:768px){.files-page-card.legend-expanded{min-height:320px}}.works-page-card.legend-expanded{min-height:180px}@media (max-width:768px){.works-page-card.legend-expanded{min-height:220px}.files-page-card.legend-expanded{min-height:200px}}.works-page-card{overflow:visible!important;transition:min-height .3s cubic-bezier(.4,0,.2,1)}.works-page-card.legend-expanded{min-height:160px}.works-header{margin-bottom:20px;position:relative}.works-header h2{margin-bottom:20px;text-align:center}.files-page-card{overflow:visible!important;transition:min-height .3s cubic-bezier(.4,0,.2,1)}.files-page-card.legend-expanded{min-height:160px}.files-header{margin-bottom:20px;position:relative}.files-header h2{margin-bottom:20px;text-align:center}.files-page-card.legend-expanded .card,.works-page-card.legend-expanded .card{padding-bottom:10px}@media (max-width:768px){.files-page-card.legend-expanded,.works-page-card.legend-expanded{min-height:200px}}.team-header{margin-bottom:20px;position:relative}.team-header h2{margin-bottom:20px;text-align:center}.team-page-card{overflow:visible!important;transition:min-height .3s cubic-bezier(.4,0,.2,1)}.team-page-card.legend-expanded{min-height:160px}@media (max-width:768px){.team-page-card.legend-expanded{min-height:200px}}.subject-info{min-width:150px}.subject-buttons{align-items:center;display:flex;gap:12px}.tasks-badge{background:#2196f326;border-radius:20px;color:#90caf9;font-size:13px;font-weight:500;padding:6px 14px;white-space:nowrap}@media (max-width:768px){.subject-item{align-items:flex-start;flex-direction:column;gap:10px}.subject-info{width:100%}.subject-info h3{font-size:16px}.subject-buttons{justify-content:flex-end;width:100%}.delete-subject-btn,.tasks-badge{font-size:12px;padding:4px 12px}}.subject-info,.subject-info h3{text-align:center}.subject-info h3{margin:0 0 8px}.tasks-count{background:#2196f326;border-radius:20px;color:#90caf9;display:inline-block;font-size:13px;padding:4px 12px;text-align:center}@media (max-width:768px){.subject-item{align-items:center;flex-direction:column;gap:12px;text-align:center}.subject-info{width:100%}.subject-info h3{font-size:16px}.delete-subject-btn{font-size:12px;padding:5px 12px}}.subject-item{align-items:center;background:#ffffff0d;border-left:4px solid #2196f3;border-radius:14px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:18px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.subject-info{cursor:pointer;flex:1 1}.subject-info h3{color:#e2e8f0;font-size:18px;font-weight:600;margin:0;text-align:left}.subject-actions{align-items:center;display:flex;gap:12px}.tasks-count-badge{background:#2196f326;border-radius:20px;color:#90caf9}.delete-subject-btn,.tasks-count-badge{font-size:13px;font-weight:500;padding:6px 14px;white-space:nowrap}.delete-subject-btn{background:#f4433633;border:1px solid #ef5350;border-radius:8px;color:#ef5350;cursor:pointer;margin:0;transition:all .2s ease}.delete-subject-btn:hover{background:#f4433666;transform:scale(1.02)}.delete-subject-btn:active{transform:scale(.98)}.delete-subject-btn:disabled{cursor:not-allowed;opacity:.5}.subject-item:hover{background:#ffffff1a;transform:translateX(6px)}@media (max-width:768px){.subject-item{align-items:stretch;flex-direction:column;gap:12px}.subject-info h3{text-align:center}.subject-actions{justify-content:center}.delete-subject-btn,.tasks-count-badge{font-size:12px;padding:4px 12px}}.team-tasks-list .task-header{align-items:center;display:grid;grid-template-columns:1fr;grid-template-rows:auto;margin-bottom:12px;min-height:28px}.team-tasks-list .task-header h3{flex:none;grid-column:1;grid-row:1;margin:0;text-align:center;width:100%}.team-tasks-list .task-header .task-status-badge{align-self:center;grid-column:1;grid-row:1;justify-self:end;z-index:1}@media (max-width:768px){.team-tasks-list .task-header{align-items:center;display:flex;flex-direction:column;gap:8px}.team-tasks-list .task-header h3{grid-column:unset;grid-row:unset}.team-tasks-list .task-header .task-status-badge{align-self:auto;grid-column:unset;grid-row:unset;justify-self:auto;z-index:auto}}
/*# sourceMappingURL=main.2d15b805.css.map*/