mirror of
https://github.com/ZeroCatDev/Classworks.git
synced 2025-09-03 16:19:22 +00:00
2 lines
14 KiB
CSS
2 lines
14 KiB
CSS
@charset "UTF-8";.random-picker-card[data-v-fd7ac224]{overflow:hidden}.counter-container[data-v-fd7ac224]{margin:2rem 0}.counter-btn[data-v-fd7ac224]{width:64px;height:64px;border-radius:50%}.count-display[data-v-fd7ac224]{min-width:100px;text-align:center}.start-btn[data-v-fd7ac224]{min-width:200px;height:64px;border-radius:32px;font-size:1.2rem}.filter-options-card[data-v-fd7ac224]{max-width:450px;margin:0 auto}.filter-chip[data-v-fd7ac224]{cursor:pointer;transition:all .2s ease}.filter-chip[data-v-fd7ac224]:active{transform:scale(.95)}.student-list-tooltip[data-v-fd7ac224]{max-height:200px;overflow-y:auto;margin-top:5px;font-size:.9em}.animation-container[data-v-fd7ac224]{min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.animation-wrapper[data-v-fd7ac224]{width:100%;max-width:400px;margin:0 auto}.shuffle-container[data-v-fd7ac224]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.student-item[data-v-fd7ac224]{padding:10px 15px;background-color:rgba(var(--v-theme-surface-variant),.7);border-radius:8px;transition:all .3s ease;font-size:1.2rem}.student-item.highlighted[data-v-fd7ac224]{background-color:rgb(var(--v-theme-primary));color:rgb(var(--v-theme-on-primary));transform:scale(1.1);font-weight:700;box-shadow:0 4px 8px #0003}.result-container[data-v-fd7ac224]{min-height:300px}.result-card[data-v-fd7ac224]{max-width:400px;margin:0 auto;transition:transform .3s ease}.result-card[data-v-fd7ac224]:hover{transform:translateY(-4px)}.result-card:hover .refresh-btn[data-v-fd7ac224]{opacity:1}.refresh-btn[data-v-fd7ac224]{opacity:.7;transition:opacity .3s ease}.refresh-btn[data-v-fd7ac224]:hover{opacity:1}@keyframes refresh-pulse-fd7ac224{0%{transform:scale(1);box-shadow:0 0 rgba(var(--v-theme-primary),.5)}50%{transform:scale(1.05);box-shadow:0 0 15px rgba(var(--v-theme-primary),.7)}to{transform:scale(1);box-shadow:0 0 rgba(var(--v-theme-primary),.5)}}.refresh-animation[data-v-fd7ac224]{animation:refresh-pulse-fd7ac224 .5s ease}.shuffle-enter-active[data-v-fd7ac224],.shuffle-leave-active[data-v-fd7ac224]{transition:all .5s ease}.shuffle-enter-from[data-v-fd7ac224],.shuffle-leave-to[data-v-fd7ac224]{opacity:0;transform:translateY(30px)}.shuffle-move[data-v-fd7ac224]{transition:transform .5s ease}@media (hover: none){.counter-btn[data-v-fd7ac224],.start-btn[data-v-fd7ac224]{min-height:72px}.student-item[data-v-fd7ac224]{padding:12px 20px;font-size:1.4rem}.refresh-btn[data-v-fd7ac224]{opacity:1;min-width:36px;min-height:36px}.filter-chip[data-v-fd7ac224]{min-height:40px;font-size:1rem}}.mode-switch-container .mode-toggle[data-v-fd7ac224]{border:1px solid rgba(var(--v-theme-primary),.2);border-radius:50px;padding:4px;box-shadow:0 2px 8px #0000001a}.mode-switch-container .mode-toggle .v-btn[data-v-fd7ac224]{min-width:120px;height:40px;font-weight:500;letter-spacing:.5px}.mode-switch-container .mode-toggle .v-btn.v-btn--active[data-v-fd7ac224]{transform:scale(1.02);font-weight:600}.number-range-container[data-v-fd7ac224]{max-width:300px;margin:0 auto;padding:16px;background:rgba(var(--v-theme-surface-variant),.1);border-radius:12px;border:1px solid rgba(var(--v-theme-primary),.1)}.number-range-container .number-input[data-v-fd7ac224]{width:100px}.number-range-container .number-input[data-v-fd7ac224] .v-field{border-radius:8px;box-shadow:0 2px 4px #0000000d}.floating-icp[data-v-890f3fb8]{position:fixed;bottom:24px;right:24px;z-index:100;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-icp[data-v-890f3fb8]:hover{transform:translate(-4px)}.icp-button[data-v-890f3fb8]{padding:0 16px;height:32px;min-width:unset}.rotate-icon[data-v-890f3fb8]{transform:rotate(360deg);transition:transform .6s ease}@media (max-width: 600px){.floating-icp[data-v-890f3fb8]{right:16px;bottom:80px}.icp-button[data-v-890f3fb8]{padding:0 12px}}.floating-toolbar[data-v-4c0541bf]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffffb3!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a!important;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;display:flex;align-items:center;justify-content:space-between;padding:0}.floating-toolbar[data-v-4c0541bf]:hover{transform:translate(-50%) translateY(-4px);background:#fffc!important}.toolbar-btn[data-v-4c0541bf]:hover{background:#ffffff4d!important;transform:scale(1.05)}.toolbar-btn[data-v-4c0541bf]:active{transform:scale(.95)}.date-picker-card[data-v-4c0541bf]{border-radius:16px;overflow:hidden;background:#ffffffe6!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}@media (max-width: 600px){.floating-toolbar[data-v-4c0541bf]{bottom:16px;width:95%;padding:2px}.toolbar-buttons[data-v-4c0541bf]{width:100%;justify-content:space-around;padding:4px}.toolbar-btn[data-v-4c0541bf]{margin:0}.nav-btn[data-v-4c0541bf]{margin:0 2px}}@media (prefers-color-scheme: dark){.floating-toolbar[data-v-4c0541bf]{background:#1e1e1eb3!important;border:1px solid rgba(255,255,255,.1)}.floating-toolbar[data-v-4c0541bf]:hover{background:#1e1e1ecc!important}.toolbar-btn[data-v-4c0541bf]:hover{background:#ffffff1a!important}.date-picker-card[data-v-4c0541bf]{background:#1e1e1ee6!important;border:1px solid rgba(255,255,255,.1)}}.template-buttons[data-v-632e8bbf]{display:flex;flex-direction:column;gap:12px}.book-chip[data-v-632e8bbf]{align-self:flex-start}.pages-container[data-v-632e8bbf]{display:flex;flex-wrap:wrap;gap:4px;padding-left:16px}.group-label[data-v-632e8bbf]{font-size:.875rem;color:#0009;margin-right:8px;white-space:nowrap}[data-v-632e8bbf] .v-chip{cursor:pointer;-webkit-user-select:none;user-select:none}.quick-tools[data-v-632e8bbf]{border-left:1px solid rgba(0,0,0,.12);padding-left:16px}.gap-1[data-v-632e8bbf]{gap:4px}.numeric-keypad[data-v-632e8bbf]{display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid rgba(0,0,0,.12);border-radius:4px}.keypad-row[data-v-632e8bbf]{display:flex;gap:4px}.keypad-btn[data-v-632e8bbf]{flex:1;min-width:36px!important}.space-btn[data-v-632e8bbf]{width:100%!important}.grid-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:8px;grid-auto-flow:dense}.grid-item{width:100%;transition:all .2s ease}.empty-card{transform:scale(.9);opacity:.8;grid-row-end:span 1!important}.empty-card:hover{transform:scale(.95);opacity:1}.empty-subjects-container{display:flex;flex-wrap:wrap}@media (max-width: 1199px){.grid-masonry{grid-template-columns:repeat(2,1fr)}}@media (max-width: 799px){.grid-masonry{grid-template-columns:1fr}.empty-card{transform:scale(.95)}}.main-window{max-height:calc(100vh - 80px);overflow-y:auto}.main-window::-webkit-scrollbar{width:8px}.main-window::-webkit-scrollbar-track{background:transparent}.main-window::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.main-window::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.no-data-message{display:flex;justify-content:center;align-items:center;min-height:200px;margin:20px 0}.attendance-drawer{border-left:1px solid rgba(0,0,0,.12)}.attendance-drawer :deep(.v-navigation-drawer__content){overflow-y:auto}.attendance-drawer :deep(.v-navigation-drawer__content::-webkit-scrollbar){width:8px}.attendance-drawer :deep(.v-navigation-drawer__content::-webkit-scrollbar-track){background:transparent}.attendance-drawer :deep(.v-navigation-drawer__content::-webkit-scrollbar-thumb){background-color:#0003;border-radius:4px}.attendance-drawer :deep(.v-navigation-drawer__content::-webkit-scrollbar-thumb:hover){background-color:#0000004d}@media (max-width: 960px){.attendance-drawer{display:none}}.text-success{color:rgb(var(--v-theme-success))}.text-error{color:rgb(var(--v-theme-error))}.text-warning{color:rgb(var(--v-theme-warning))}.attendance-card{display:flex;flex-direction:column}.attendance-numbers{padding:20px 0}.total-number{border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:20px}.status-number{flex:1}.text-h2,.text-h3{line-height:1.2}.empty-subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:8px}.empty-subject-card{cursor:pointer;transition:all .2s ease;opacity:.8}.empty-subject-card:hover{transform:scale(1.02);opacity:1}.empty-subjects{border-top:1px solid rgba(0,0,0,.12);padding-top:1rem}.empty-subject-card:not(:disabled):hover{opacity:1;transform:scale(1.02)}.glow-track{position:relative;overflow:hidden;transition:all .3s ease}.glow-track:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 70%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:1}.glow-track:hover:before{opacity:1}.grid-item .v-card{transition:transform .3s ease,box-shadow .3s ease}.grid-item .v-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026!important}.grid-item .v-card:active{transform:translateY(-2px)}.empty-subject-card{transition:all .3s ease;opacity:.8}.empty-subject-card:hover{opacity:1;transform:translateY(-4px)}.anti-burn-card{animation:subtle-glow 4s infinite alternate;transition:all .3s ease}.anti-burn-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026!important}@keyframes subtle-glow{0%{box-shadow:0 0 5px #2196f31a}to{box-shadow:0 0 15px #2196f34d}}.attendance-stat{height:100%}.suggestion-btn{margin:2px;min-width:0;padding:0 6px}.suggestion-btn:active{transform:scale(.95)}@media (hover: none){.student-card .attendance-actions{opacity:1}}@media (max-width: 600px){.student-card .attendance-actions .v-btn{margin:0 1px;min-width:28px;width:28px;height:28px}}.filter-chip{cursor:pointer;margin:2px}.filter-chip:active{transform:scale(.95)}.grid-item{transition:transform .4s cubic-bezier(.05,.7,.1,1),opacity .2s cubic-bezier(.2,0,0,1);will-change:transform,opacity;backface-visibility:hidden}.grid-item.v-enter-active{transition:transform .4s cubic-bezier(.05,.7,.1,1),opacity .25s cubic-bezier(.2,0,0,1)}.grid-item.v-move{transition:transform .4s cubic-bezier(.05,.7,.1,1);z-index:1}.grid-item.v-leave-active{position:absolute!important;transition:transform .3s cubic-bezier(.3,0,.8,.15),opacity .2s cubic-bezier(.3,0,1,1)}.grid-item.v-enter-from,.grid-item.v-leave-to{opacity:0;transform:scale(.95)}.empty-subject-card{transition:all .25s cubic-bezier(.2,0,0,1)}.empty-subject-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 4px 24px #0000001f}.v-list-enter-active{transition:all .4s cubic-bezier(.05,.7,.1,1)}.v-list-leave-active{transition:all .3s cubic-bezier(.3,0,.8,.15)}.v-list-enter-from,.v-list-leave-to{opacity:0;transform:translate(-24px)}.attendance-area h2,.attendance-area h3{transition:all .3s cubic-bezier(.2,0,0,1)}.v-card{transition:all .4s cubic-bezier(.05,.7,.1,1)}.v-card:active{transform:scale(.98);transition-duration:.1s}.v-card{touch-action:manipulation}.v-card:active{transform:scale(.99);transition-duration:80ms}@media (pointer: coarse){.v-card:before{margin:-8px}}.v-dialog:before{display:none!important}.v-dialog:before,.v-dialog:after{display:none!important}.v-dialog .v-card{transition:none}.v-dialog .v-card:active{transform:none}.v-dialog-transition-enter-active{transition:transform .4s cubic-bezier(.05,.7,.1,1),opacity .3s cubic-bezier(.2,0,0,1)}.v-dialog-transition-leave-active{transition:transform .25s cubic-bezier(.3,0,.8,.15),opacity .2s cubic-bezier(.3,0,1,1)}.v-btn{transition:background-color .25s cubic-bezier(.2,0,0,1),transform .15s cubic-bezier(.05,.7,.1,1);touch-action:manipulation;min-height:40px;min-width:40px}.v-btn:active{transform:scale(.98);transition-duration:80ms}@media (pointer: coarse){.v-btn{padding:8px 16px;margin:4px}.v-btn:before{margin:-8px}}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.grid-enter-active,.grid-leave-active{transition:all .5s ease}.grid-enter-from{opacity:0;transform:translateY(20px)}.grid-leave-to{opacity:0;transform:translateY(-20px)}.v-list-enter-active,.v-list-leave-active{transition:all .3s ease}.v-list-enter-from{opacity:0;transform:translate(-20px)}.v-list-leave-to{opacity:0;transform:translate(20px)}.page-enter-active,.page-leave-active{transition:opacity .3s,transform .3s}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.scale-enter-active,.scale-leave-active{transition:all .3s}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.9)}.hover-card{transition:transform .2s ease,box-shadow .3s ease;will-change:transform,box-shadow}.hover-card:hover,.hover-card:focus{transform:translateY(-4px);box-shadow:0 8px 16px #00000026!important}.hover-card:active{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a!important}.touch-button{min-height:48px;min-width:48px;border-radius:12px;padding:12px 24px}.touch-button.v-btn--icon{min-height:56px;min-width:56px}.ripple-enhanced{position:relative;overflow:hidden}.ripple-enhanced:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 60%);opacity:0;transition:opacity .5s;pointer-events:none}.ripple-enhanced:active:after{opacity:1;transition:opacity .2s}html{scroll-behavior:smooth}.touch-list-item{min-height:56px;padding:12px 16px}.large-touch-target{min-height:56px;min-width:56px}.fullscreen-mode .v-app-bar{background-color:rgba(var(--v-theme-surface-variant),.85)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-mode .main-window{padding-top:16px;padding-bottom:16px}
|