:root{--primary:#357abd;--primary-hover:#4a90e2;--cloud:#4a90e2;--secondary:#64748b;--success:#10b981;--danger:#ef4444;--title:#3a3b3d;--text-main:#0f172a;--text-muted:#64748b;--text-color:#0f172a;--bg-light:#f8fafc;--white:#ffffff;--card-bg:#ffffff;--hover-bg:#f1f5f9;--card-shadow:0 1px 3px rgba(0,0,0,0.05), 0 10px 20px rgba(0,0,0,0.05);--card-shadow-hover:0 10px 20px rgba(0,0,0,0.08), 0 20px 40px rgba(0,0,0,0.1);--border-color:#e2e8f0;--input-bg:#ffffff;--input-border:#e2e8f0;--cloud-color-start:#74c7f7;--cloud-color-end:#1a7fc4;--cloud-arrow-color:#ffffff;--cloud-arrow-width:2.5px;--cloud-border:#bde0f7;--cloud-bg:rgba(232, 244, 253, 0.4);--cloud-hover-border:#5aafec;--cloud-hover-bg:rgba(90, 175, 236, 0.08);--cloud-label-color:#1a7fc4;--cloud-hint-color:#6b7c93;--cloud-preview-bg:rgba(232, 244, 253, 0.6);--cloud-preview-border:rgba(189, 224, 247, 0.8);--cloud-preview-color:#0f5a8a;--cloud-icon-bg:#1a7fc4;--cloud-size-color:#6b7c93;--cloud-clear-color:#6b7c93;--cloud-editmode-bg:#f8f9fa;--cloud-editmode-border:#5aafec;--cloud-editmode-color:#6b7c93;--cloud-success:#2ecc71;--cloud-success-bg:rgba(46, 204, 113, 0.06);--cloud-success-border:#2ecc71}:root.dark{--primary:#4a90e2;--primary-hover:#87ceeb;--secondary:#94a3b8;--title:#ffffff;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-color:#f1f5f9;--bg-light:#0f172a;--white:#1e293b;--card-bg:#1e293b;--hover-bg:#334155;--card-shadow:0 10px 20px rgba(0,0,0,0.2);--card-shadow-hover:0 20px 40px rgba(0,0,0,0.4);--border-color:#334155;--input-bg:#1e293b;--input-border:#475569;--cloud-border:#334155;--cloud-bg:rgba(30, 41, 59, 0.6);--cloud-hover-border:#4a90e2;--cloud-hover-bg:rgba(74, 144, 226, 0.1);--cloud-label-color:#74c7f7;--cloud-hint-color:#94a3b8;--cloud-preview-bg:rgba(30, 41, 59, 0.8);--cloud-preview-border:rgba(71, 85, 105, 0.8);--cloud-preview-color:#bde0f7;--cloud-icon-bg:#2563eb;--cloud-size-color:#94a3b8;--cloud-clear-color:#94a3b8;--cloud-editmode-bg:#1e293b;--cloud-editmode-border:#4a90e2;--cloud-editmode-color:#94a3b8}*{box-sizing:border-box;margin:0;padding:0;font-family:'Inter','Segoe UI',system-ui,sans-serif}body{background-color:var(--bg-light);color:var(--text-main);line-height:1.6;display:flex;flex-direction:column;min-height:100vh}h1{color:var(--title)}.navbar{background:var(--white);box-shadow:0 1px 2px rgb(0 0 0 / .05);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color)}.navbar .logo{font-weight:800;color:var(--primary);font-size:1.5rem;text-decoration:none;letter-spacing:-.5px}.navbar .nav-links a{margin-left:25px;text-decoration:none;color:var(--text-muted);font-weight:600;transition:color 0.2s;position:relative;display:inline-flex;align-items:center;height:40px;padding:0 5px;vertical-align:middle;box-sizing:border-box}.navbar .nav-links a::after{content:'';position:absolute;width:0;height:2px;bottom:2px;left:0;background-color:var(--primary);transition:width 0.3s ease}.navbar .nav-links a:hover{color:var(--primary)}.navbar .nav-links a:hover::after{width:100%}.nav-item.has-submenu{position:relative}.has-submenu>a::after{content:'▾';font-size:.8em;margin-left:6px;transition:transform 0.3s ease;background:none;width:auto;height:auto;position:static}.submenu{list-style:none;padding:0 0 0 10px;margin:0;background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--card-shadow);display:none;z-index:1001}.submenu a{display:block;padding:.75rem 1.25rem .75rem 20px;color:var(--text-main);font-size:.95rem;margin:0;border-bottom:none;position:relative;transition:color 0.2s}.submenu li:first-child a{border-radius:12px 12px 0 0}.submenu li:last-child a{border-radius:0 0 12px 12px;border-bottom:none}.submenu a:hover{background-color:#fff0;color:var(--primary)}.submenu a::after{content:'';position:absolute;bottom:15%;left:0;height:2px;width:0;background-color:var(--primary);transition:width 0.3s ease;z-index:1}.submenu a:hover::after{width:100%}@media (min-width:768px){.nav-item.has-submenu{display:inline-block;vertical-align:middle}.submenu{position:absolute;top:100%;left:0;width:auto;min-width:180px;margin-top:5px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease;display:block}.submenu a{margin-left:0!important;width:100%;box-sizing:border-box;white-space:nowrap}.has-submenu:hover .submenu{opacity:1;visibility:visible;transform:translateY(0)}.has-submenu:hover>a::after{transform:rotate(180deg)}}.nav-toggle{display:none;font-size:1.75rem;background:none;border:none;cursor:pointer;color:var(--text-main);padding:.5rem}@media (max-width:768px){.navbar{flex-direction:row;flex-wrap:wrap}.navbar .logo{font-size:1.2rem}.nav-toggle{display:block;margin-left:auto}.nav-links{display:none;width:100%;flex-direction:column;background:var(--white);padding:1rem 0;border-top:1px solid var(--border-color);margin-top:10px}.nav-links.active{display:flex}.nav-links a{margin:0;padding:.75rem 1.5rem;border-bottom:1px solid var(--hover-bg);width:100%;text-align:left;margin-left:0!important}.nav-links a:last-child{border-bottom:none}.has-submenu{display:flex;flex-direction:column;width:100%}.has-submenu>a{width:100%;display:flex;justify-content:space-between;align-items:center}.submenu{position:static;box-shadow:none;border:none;border-radius:0;background-color:var(--hover-bg);margin:0;padding-left:1rem}.submenu li{border-bottom:1px solid var(--border-color)}.submenu li:last-child{border-bottom:none}.submenu.active{display:block}.has-submenu.open>a::after{transform:rotate(180deg)}}.container{max-width:1200px;margin:2rem auto;padding:0 1.5rem;width:100%}.auth-wrapper{display:flex;justify-content:center;align-items:center;flex-grow:1;padding:2rem 1rem}.page-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}@media (max-width:768px){.container{padding:0 1rem}.page-header-flex{flex-direction:column;align-items:stretch!important;text-align:center}.page-header-flex h1{margin-bottom:15px!important}}.card{background:var(--white);border-radius:16px;box-shadow:var(--card-shadow);padding:2rem;margin-bottom:2rem;border:1px solid var(--border-color);transition:box-shadow 0.3s ease,transform 0.3s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.card-header{border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1.5rem;font-size:1.2rem;font-weight:700;color:var(--text-main)}@media (min-width:769px){.card.border-left-blue{border-left:4px solid #3b82f6}.card.border-left-green{border-left:4px solid #10b981}.card.border-left-orange{border-left:4px solid #f59e0b}.card.border-left-purple{border-left:4px solid #8b5cf6}}@media (max-width:768px){.card{padding:1.25rem}}.cloud-wrapper{display:flex;justify-content:center;margin-bottom:10px}.login-cloud-icon{width:110px;height:74px;filter:drop-shadow(0 6px 18px rgb(26 127 196 / .45));overflow:visible}.login-cloud-arrow{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;animation:loginArrowBounce 3.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes loginArrowBounce{0%,100%{transform:translateY(20px)}50%{transform:translateY(-3px)}}.login-page{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--bg-light);overflow:hidden}.login-page::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#85ccf5 0%,#e8f4fd 100%);z-index:-1}.login-container{z-index:1;width:100%;max-width:400px;padding:20px}.login-box{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 25px rgb(0 0 0 / .1);color:var(--text-main)}.login-title{margin-bottom:25px;font-size:2.5rem;text-align:center;color:var(--white);text-shadow:2px 2px 4px rgb(0 0 0 / .3);font-weight:700}.login-title-box{margin-bottom:25px;text-align:center;color:var(--cloud)}.form-text{text-align:center;font-size:.9rem;margin-bottom:25px;line-height:1.5;color:var(--cloud)}.form-group{margin-bottom:15px}.form-footer{text-align:center;margin-top:15px}.form-footer a{color:var(--primary);text-decoration:none;font-size:.9em}.form-footer a:hover{color:var(--primary-hover)}label{display:block;margin-bottom:5px;color:var(--text-main);font-weight:700}input{appearance:none;outline:none;border:2px solid #ccc;padding:12px;border-radius:8px;background-color:#fff}input:-moz-autofill{background-color:white!important;transition:background-color 600000s 0s}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:black!important}.form-control{width:100%;padding:10px;border:1px solid var(--secondary);border-radius:8px;background:var(--white);color:var(--text-main)}.password-wrapper{position:relative}.password-wrapper input{padding-right:75px}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:600;transition:color 0.2s}.toggle-password:hover{color:var(--primary)}.edit-info{background:#e7f3ff;padding:10px;border-radius:5px;margin-bottom:15px;border-left:4px solid var(--primary)}.filter-grid{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filter-grid select{min-width:140px}.filter-form-add{display:flex;gap:10px;margin-bottom:10px;align-items:center}.filter-form-add label{font-size:13px;color:var(--text-muted)}@media (max-width:768px){.filter-grid{flex-direction:column;align-items:stretch}.filter-grid select{width:100%}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.25rem;border-radius:10px;text-decoration:none;font-weight:600;cursor:pointer;border:none;transition:all 0.2s ease;text-align:center;font-size:.9rem}.btn-primary{background:var(--primary);color:#fff!important;box-shadow:0 4px 12px rgb(79 70 229 / .25)}.btn-secondary{background:#6200EE;color:#fff!important;box-shadow:0 4px 12px rgb(79 70 229 / .25)}.btn-success{background:#10b981;color:#fff!important;box-shadow:0 4px 12px rgb(16 185 129 / .25)}.btn-danger{background:#ef4444;color:#fff!important;box-shadow:0 4px 12px rgb(239 68 68 / .25)}.btn-reset{background:#f59e0b;color:#fff!important;box-shadow:0 4px 12px rgb(79 70 229 / .25)}.btn-edit{background:#059669;color:#fff!important;box-shadow:0 4px 12px rgb(79 70 229 / .25)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 15px rgb(79 70 229 / .35)}.btn-secondary:hover{background:#4B00B1;transform:translateY(-1px);box-shadow:0 6px 15px rgb(79 70 229 / .35)}.btn-success:hover{background:#059669;transform:translateY(-1px)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-reset:hover{background:#D97706;transform:translateY(-1px);box-shadow:0 6px 15px rgb(79 70 229 / .35)}.btn-edit:hover{background:#10b981;transform:translateY(-1px);box-shadow:0 6px 15px rgb(79 70 229 / .35)}.btn-link{background:#fff0;color:var(--primary);box-shadow:none;padding:.65rem 1rem;border:none;font-weight:600;text-decoration:none}.btn-link:hover{color:var(--primary-hover);text-decoration:underline}.btn-danger-outline{background:#fff0;border:1px solid var(--danger);color:var(--danger)}.btn-danger-outline:hover{background:var(--danger);color:#fff}.btn-sm{padding:.4rem .9rem;font-size:.85rem;border-radius:8px}.btn-block{width:100%;display:block}.btn-login{width:100%;padding:12px;border:none;border-radius:8px;background-color:var(--primary);color:var(--white);font-weight:700;cursor:pointer;transition:background 0.3s}.btn-login:hover{background-color:var(--primary-hover)}.btn-link-action{display:block;text-align:center;text-decoration:none!important;color:var(--white)!important;line-height:1.2}.btn-link-action:hover{color:var(--white)!important}.alert{padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;font-size:.95rem;font-weight:500;border-left:4px solid #fff0}.alert-danger{background:#fef2f2;color:#b91c1c;border-left-color:#ef4444;text-align:left}.alert-success{background:#f0fdf4;color:#15803d;border-left-color:#10b981}.alert-info{background:#eff6ff;color:#1e40af;border-left-color:#3b82f6}.alert-warning{background:#fffbeb;color:#b45309;border-left-color:#f59e0b}:root.dark .alert-danger{background:rgb(127 29 29 / .3)}:root.dark .alert-success{background:rgb(21 128 61 / .2)}.table-responsive{overflow-x:auto;width:100%;margin-top:.5rem}table{width:100%;border-collapse:collapse}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color);font-size:.9rem}th{background-color:#fff0;font-weight:700;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}tr:hover{background-color:var(--hover-bg)}.table-desktop{display:block}.list-mobile{display:none}@media (min-width:769px){.top-materials-table th,.top-materials-table td{padding:1rem 1.2rem;font-size:1rem}}.badge{display:inline-flex;padding:.25rem .65rem;border-radius:50px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge.doc,.badge.docx{background:#dbeafe!important;color:#1e40af!important}.badge.xls,.badge.xlsx{background:#dcfce7!important;color:#15803d!important}.badge.csv{background:#dcfce7!important;color:#15803d!important}.badge.ppt,.badge.pptx{background:#ffedd5!important;color:#c2410c!important}.badge.jpg,.badge.jpeg,.badge.png{background:#cffafe!important;color:#0e7490!important}.badge.mp3,.badge.wav{background:#f3e8ff!important;color:#7c3aed!important}.badge.mp4,.badge.mov{background:#fce7f3!important;color:#be185d!important}.badge.pdf{background:#dc3545;color:#fff}.badge.link{background:#007bff;color:#fff}.badge.video{background:#6610f2;color:#fff}.badge.audio{background:#28a745;color:#fff}.badge.docx,.badge.xlsx,.badge.pptx,.badge.rar,.badge.zip,.badge.jpg,.badge.png{background:#dc3545;color:#fff}.badge.role-prof{background:#dbeafe;color:#1e40af}.badge.role-elev{background:#dcfce7;color:#15803d}.badge.role-secretariat{background:#ffedd5;color:#c2410c}.badge.role-director{background:#ede9fe;color:#7c3aed}.badge.stat-purple{background:#ede9fe;color:#7c3aed}.badge.stat-green{background:#dcfce7;color:#15803d}.badge.stat-red{background:#fee2e2;color:#b91c1c}.badge.stat-orange{background:#fef3c7;color:#b45309}.badge{font-size:8px;padding:2px 6px;border-radius:3px;text-transform:uppercase;color:#fff;font-weight:600}.badge-correct{background:var(--success)}.badge-wrong{background:var(--danger)}.badge-selected{background:var(--primary);margin-left:5px}:root.dark .badge.pdf{background:rgb(239 68 68 / .2);color:#fca5a5}:root.dark .badge.doc,:root.dark .badge.docx{background:rgb(59 130 246 / .2);color:#93c5fd}:root.dark .badge.xls,:root.dark .badge.xlsx{background:rgb(16 185 129 / .2);color:#6ee7b7}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.dashboard-grid{grid-template-columns:1fr}}.stat-card{padding:1.5rem;border-radius:16px;position:relative;overflow:hidden;color:#fff;transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;border:none}.stat-card::before{content:'';position:absolute;top:-50%;right:-30%;width:200px;height:200px;border-radius:50%;background:rgb(255 255 255 / .1);z-index:0}.stat-card::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff0 0%,rgb(255 255 255 / .1) 50%,#fff0 100%);transform:translateX(-100%);transition:transform 0.6s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card:hover::after{transform:translateX(100%)}.stat-card h3{font-size:2.25rem;margin-bottom:.25rem;font-weight:800;position:relative;z-index:1;text-shadow:0 2px 4px rgb(0 0 0 / .1)}.stat-card p{opacity:.9;font-size:.9rem;font-weight:600;position:relative;z-index:1;letter-spacing:.02em}.stat-card.stat-blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 10px 20px -5px rgb(59 130 246 / .4)}.stat-card.stat-green{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 10px 20px -5px rgb(16 185 129 / .4)}.stat-card.stat-orange{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 10px 20px -5px rgb(245 158 11 / .4)}.stat-card.stat-purple{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 10px 20px -5px rgb(139 92 246 / .4)}.stat-card.stat-red{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 10px 20px -5px rgb(239 68 68 / .4)}.stat-card.stat-yellow{background:linear-gradient(135deg,#facc15 0%,#ca8a04 100%);box-shadow:0 10px 20px -5px rgb(250 204 21 / .4)}.stat-card.stat-pink{background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);box-shadow:0 10px 20px -5px rgb(236 72 153 / .4)}.stat-card.stat-cyan{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);box-shadow:0 10px 20px -5px rgb(6 182 212 / .4)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card-admin{background:var(--card-bg);padding:20px;border-radius:12px;text-align:center;border:1px solid var(--border-color);box-shadow:var(--card-shadow)}.stat-card-admin h4{margin:0;color:var(--text-muted);font-size:14px}.stat-card-admin .val{font-size:32px;font-weight:700;color:var(--primary);margin:10px 0}.stats-row{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.stat-box{flex:1;min-width:140px;background:var(--card-bg);border:1px solid var(--border-color);padding:15px;border-radius:5px;text-align:center}.stat-box h4{margin:0;color:var(--text-muted);font-size:12px;text-transform:uppercase}.stat-box .val{font-size:24px;font-weight:700;color:var(--primary);margin-top:5px}@media (max-width:768px){.stats-grid{grid-template-columns:1fr 1fr}.stats-row{gap:10px}.stat-box{min-width:calc(50% - 10px);padding:10px}}.teacher-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:2rem;margin-bottom:20px}.builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-actions{display:flex;gap:10px;flex-wrap:wrap}@media (max-width:900px){.builder-grid{grid-template-columns:1fr}}@media (max-width:768px){.teacher-grid{grid-template-columns:1fr}}.mobile-activity-list,.mobile-list{display:none}.activity-card,.action-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:15px;margin-bottom:12px;box-shadow:var(--card-shadow)}.activity-card .meta,.action-card .card-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:5px;display:flex;justify-content:space-between}.activity-card .details,.action-card .card-content{font-size:.95rem;color:var(--text-main);margin-bottom:8px;font-weight:600}.action-card .card-actions{text-align:right;border-top:1px solid var(--border-color);padding-top:10px;margin-top:5px}.action-name{font-weight:700;color:var(--text-main)}.meta-small{margin-top:5px;font-size:.8rem;color:var(--text-muted)}@media (max-width:768px){.mobile-hidden{display:none!important}.table-responsive.activity-table,.table-responsive.dashboard-table{display:none!important}.mobile-activity-list,.mobile-list{display:block!important;margin-top:1rem}.table-responsive:not(.activity-table):not(.dashboard-table){overflow-x:visible}.table-responsive:not(.activity-table):not(.dashboard-table) table,.table-responsive:not(.activity-table):not(.dashboard-table) thead,.table-responsive:not(.activity-table):not(.dashboard-table) tbody,.table-responsive:not(.activity-table):not(.dashboard-table) th,.table-responsive:not(.activity-table):not(.dashboard-table) td,.table-responsive:not(.activity-table):not(.dashboard-table) tr{display:block}.table-responsive:not(.activity-table):not(.dashboard-table) thead tr{position:absolute;top:-9999px;left:-9999px}.table-responsive:not(.activity-table):not(.dashboard-table) tr{margin-bottom:1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--white)}.table-responsive:not(.activity-table):not(.dashboard-table) td{border:none;border-bottom:1px solid var(--border-color);position:relative;padding-left:50%;text-align:right;font-size:.9rem}.table-responsive:not(.activity-table):not(.dashboard-table) td:before{position:absolute;top:15px;left:15px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700;color:var(--text-muted);content:attr(data-label)}.table-desktop{display:none!important}.list-mobile{display:block!important}.action-btn-group{flex-direction:column;gap:8px;width:100%}.action-btn-group .btn{width:100%;display:block;text-align:center;padding:10px;margin:0}.file-row{flex-direction:column;align-items:flex-start;gap:10px}.file-actions{width:100%}.file-actions .btn{width:100%;display:block}.checkbox-grid{display:flex;flex-direction:column;gap:8px}.checkbox-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;background:#fff;cursor:pointer}.checkbox-item input[type="checkbox"]{width:18px;height:18px;flex-shrink:0}}.pagination{display:flex;justify-content:center;margin-top:20px;gap:5px;flex-wrap:wrap}.pagination a,.pagination span{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;text-decoration:none;color:var(--text-color)}.pagination a:hover{background:var(--hover-bg)}.pagination .active{background:var(--primary);color:#fff;border-color:var(--primary)}.material-item{background:var(--white);border-radius:16px;box-shadow:var(--card-shadow);margin-bottom:2rem;overflow:hidden;border:1px solid var(--border-color)}.material-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--hover-bg)}.material-title{font-weight:700;color:var(--text-main);font-size:1.1rem;margin:0}.material-meta{font-size:.85rem;color:var(--text-muted);margin-top:6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.material-body{padding:1.25rem 1.5rem}.current-file{font-size:12px;color:var(--text-muted);margin-top:5px;background:var(--hover-bg);padding:5px 10px;border-radius:4px;display:inline-block}.file-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:20px;border-bottom:1px solid var(--border-color)}.file-row:last-child{border-bottom:none}.file-info{display:flex;align-items:center;gap:12px;font-size:1rem;color:var(--text-main);overflow:hidden;flex-grow:1}.file-icon{font-size:1.4rem}.file-actions{flex-shrink:0}.material-card-mobile{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:15px;margin-bottom:15px;box-shadow:var(--card-shadow)}.material-card-mobile .card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.material-card-mobile .title{font-weight:700;color:var(--text-main);font-size:16px;flex:1;margin-right:10px}.material-card-mobile .badge{flex-shrink:0}.material-card-mobile .info-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted);margin-bottom:5px}.material-card-mobile .info-row strong{color:var(--text-main)}.material-card-mobile .card-footer{margin-top:15px;padding-top:10px;border-top:1px solid var(--border-color);text-align:center}.material-card-mobile .card-footer .btn{width:100%}.file-edit-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;margin-bottom:6px}.file-edit-name{flex:1;font-size:.85rem;color:var(--text-muted);word-break:break-all;min-width:0}.file-edit-actions{display:flex;gap:5px;flex-shrink:0}@media (max-width:600px){.file-edit-row{flex-direction:column;align-items:flex-start}.file-edit-actions{width:100%}.file-edit-actions .btn{flex:1;text-align:center}}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;border-radius:12px;box-shadow:0 10px 20px rgb(0 0 0 / .1);margin-top:10px}.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:rgb(255 255 255 / .95);border-radius:50%;border:none;cursor:pointer;z-index:10;box-shadow:0 10px 30px rgb(0 0 0 / .4);transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;padding:0}.play-overlay svg{width:35%;height:35%;fill:var(--primary);margin-left:4px}.play-overlay:hover{transform:translate(-50%,-50%) scale(1.1);background:#fff;box-shadow:0 15px 40px rgb(0 0 0 / .5)}.video-wrapper.playing .play-overlay{opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.8);pointer-events:none}.audio-wrapper{background:var(--hover-bg);border-radius:50px;padding:8px 15px;display:flex;align-items:center;gap:10px;border:1px solid var(--border-color);margin:5px 0}.audio-icon{font-size:20px;color:var(--primary)}.audio-wrapper audio{flex-grow:1;height:40px}.custom-audio-player{display:flex;align-items:center;gap:15px;background:var(--hover-bg);padding:12px 15px;border-radius:50px;border:1px solid var(--border-color);margin-top:10px;box-shadow:0 2px 5px rgb(0 0 0 / .05)}.custom-audio-player .play-btn{background:var(--primary);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s,background 0.2s;flex-shrink:0}.custom-audio-player .play-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.custom-audio-player .play-btn svg{width:20px;height:20px}.progress-container{flex-grow:1;height:6px;background:var(--border-color);border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.progress-bar{height:100%;background:var(--primary);width:0;border-radius:3px;transition:width 0.1s linear}.time-display{font-size:12px;color:var(--text-muted);font-weight:600;min-width:40px;text-align:right}@media (max-width:768px){.custom-audio-player{border-radius:12px;padding:15px}.play-overlay{width:60px;height:60px}}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;display:inline-block}.status-draft{background:#ffeeba;color:#856404}.status-published{background:#d4edda;color:#155724}.action-btn-group{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.question-item{background:var(--hover-bg);border:1px solid var(--border-color);padding:15px;margin-bottom:10px;border-radius:5px}.question-actions{display:flex;gap:5px}.question-block{background:var(--card-bg);border:1px solid var(--border-color);padding:20px;margin-bottom:20px;border-radius:5px}.question-text{font-weight:700;margin-bottom:15px;font-size:16px}.question-item pre{margin:5px 0 0 0;border-radius:5px;font-size:12px;max-height:80px;overflow:auto}.question-item code{font-size:12px}.code-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .6);z-index:9999;align-items:center;justify-content:center}.code-modal-overlay.active{display:flex}.code-modal{background:var(--card-bg);border-radius:8px;padding:25px;width:560px;max-width:95vw;box-shadow:0 10px 40px rgb(0 0 0 / .3)}.code-modal h3{margin:0 0 15px 0}.code-modal select,.code-modal textarea{width:100%;margin-bottom:12px;padding:8px;border:1px solid var(--border-color);border-radius:5px;font-family:'Courier New',monospace;font-size:13px;background:var(--card-bg);color:var(--text-color);box-sizing:border-box}.code-modal textarea{min-height:150px;resize:vertical}.code-modal-btns{display:flex;gap:10px;justify-content:flex-end}.test-info-card{background:var(--card-bg);border:1px solid var(--border-color);padding:15px 20px;margin-bottom:20px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.test-info-card h2{margin:0;font-size:20px}.test-meta-badges span{margin-right:15px;font-size:14px;color:var(--text-muted)}.test-meta-badges strong{color:var(--text-color)}.timer-bar{position:fixed;top:0;left:0;right:0;background:var(--primary);color:#fff;padding:10px;text-align:center;font-weight:700;font-size:20px;z-index:1000;box-shadow:0 2px 5px rgb(0 0 0 / .2)}.timer-danger{background:var(--danger)!important}.test-container{margin-top:80px;margin-bottom:100px}.submit-zone{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);padding:15px;text-align:center;border-top:1px solid var(--border-color);box-shadow:0 -2px 10px rgb(0 0 0 / .1)}.option-label{display:flex!important;align-items:center;margin:8px 0;padding:10px 15px;border:2px solid var(--border-color);border-radius:5px;cursor:pointer;transition:background 0.15s,border-color 0.15s;user-select:none}.option-label:hover{background:var(--hover-bg);border-color:var(--primary)}.option-label.selected{border-color:var(--primary)!important;background:var(--hover-bg)!important}.option-label input[type="radio"],.option-label input[type="checkbox"]{display:none}.custom-box{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;border:2px solid #aaa;border-radius:4px;margin-right:12px;background:#fff;position:relative;transition:background 0.15s,border-color 0.15s}.option-label.selected .custom-box{background:var(--primary);border-color:var(--primary)}.option-label.selected .custom-box::after{content:'';position:absolute;left:5px;top:1px;width:7px;height:12px;border:2.5px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.custom-radio{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;border:2px solid #aaa;border-radius:50%;margin-right:12px;background:#fff;position:relative;transition:border-color 0.15s}.option-label.selected .custom-radio{border-color:var(--primary)}.option-label.selected .custom-radio::after{content:'';position:absolute;width:11px;height:11px;background:var(--primary);border-radius:50%}.test-card-mobile{background:var(--white);border:1px solid var(--border-color);border-radius:10px;padding:15px;margin:15px;box-shadow:var(--card-shadow)}.test-card-mobile .card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.test-card-mobile .title{font-weight:700;font-size:16px;color:var(--text-main);flex:1}.test-card-mobile .info-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-muted);margin-bottom:5px}.test-card-mobile .info-row strong{color:var(--text-main)}.test-card-mobile .card-footer{margin-top:15px;padding-top:10px;border-top:1px solid var(--border-color);display:flex;gap:10px}.test-card-mobile .card-footer .btn{flex:1;display:block;text-align:center}.test-card-mobile .actions{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color);display:flex;gap:10px}.test-card-mobile .actions .btn{flex:1}.live-card-mobile{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:12px;margin:10px 0;display:flex;justify-content:space-between;align-items:center}.live-card-mobile .grade{font-size:18px;font-weight:700;color:var(--primary)}.test-card-elev{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:15px;display:flex;flex-direction:column;justify-content:space-between}.test-card-elev h3{margin:0 0 10px 0;font-size:18px}.test-meta{font-size:13px;color:var(--text-muted);margin-bottom:15px}.note-big{font-size:24px;font-weight:700;color:var(--primary);text-align:center;padding:10px;background:var(--hover-bg);border-radius:5px}.test-card-pending{opacity:.75}.test-unavailable{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;font-size:.88rem;color:var(--text-muted);margin-top:8px}.schedule-grid{display:grid;grid-template-columns:1fr;gap:16px;width:100%}@media (min-width:576px){.schedule-grid{grid-template-columns:1fr 1fr}}.schedule-grid .form-control{width:100%;box-sizing:border-box}.action-buttons{display:flex;flex-direction:column;gap:10px}@media (min-width:576px){.action-buttons{flex-direction:row}}.result-card{text-align:center;margin:20px auto;max-width:400px}.big-grade{font-size:50px;color:var(--primary);font-weight:700}.answer-row{margin-bottom:25px;padding:0;border:none;background:#fff0;color:var(--text-main)}.q-correct,.q-wrong{border:none;padding:0;background:#fff0}.opt-item{padding:8px 10px;margin-bottom:4px;border-radius:4px;background:#fff0;color:var(--text-main);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.opt-correct{background-color:rgb(16 185 129 / .1);font-weight:700}.opt-selected-wrong{background-color:rgb(239 68 68 / .1)}.bg-success-light{background:rgb(40 167 69 / .1);border:1px solid var(--success)}.bg-danger-light{background:rgb(220 53 69 / .1);border:1px solid var(--danger)}.result-card-mobile{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:15px;margin-bottom:15px;box-shadow:var(--card-shadow)}.result-card-mobile .header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--border-color);margin-bottom:10px}.result-card-mobile .name{font-weight:700;font-size:16px}.result-card-mobile .grade{font-size:20px;font-weight:700;color:var(--primary)}.result-card-mobile .info-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-muted);margin-bottom:5px}.result-card-mobile .footer{margin-top:15px;padding-top:10px;border-top:1px solid var(--border-color);text-align:center}.result-card-mobile .footer .btn{width:100%;display:block}.section-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;overflow:hidden}.section-header{padding:15px 20px;border-bottom:1px solid var(--border-color);font-weight:700;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;background:var(--hover-bg)}.filter-bar{display:flex;gap:10px;margin-bottom:0;flex-wrap:wrap}.filter-bar select{min-width:150px}.top-list{padding:10px}.top-item{padding:12px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.top-item:last-child{border-bottom:none}.top-item .medal{font-size:20px;margin-right:10px}.filter-container{display:flex;gap:15px;margin-bottom:25px;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:12px;color:var(--text-muted);font-weight:500}.filter-group.flex-grow{flex:2;min-width:200px}.filter-actions{display:flex;gap:8px;align-items:flex-end;height:100%}.records-info{text-align:center;margin-top:10px;font-size:12px;color:var(--text-muted)}@media (max-width:768px){.filter-container{flex-direction:column;align-items:stretch}.filter-group.flex-grow{min-width:100%}.filter-actions{width:100%;justify-content:space-between;margin-top:10px}.filter-actions .btn{flex:1}.filter-bar{flex-direction:column}.filter-bar select{width:100%}}.file-list-container{margin-top:10px}.file-item-row{display:flex;justify-content:space-between;align-items:center;background:var(--hover-bg);padding:8px 12px;margin-bottom:5px;border-radius:4px;border:1px solid var(--border-color)}.file-item-row span{font-size:13px;color:var(--text-color)}.file-actions a{margin-left:10px;font-size:12px}.file-list-noticeboard{margin-top:10px;border-top:1px solid var(--border-color);padding-top:10px}.file-item-inline{display:flex;justify-content:space-between;align-items:center;background:var(--hover-bg);padding:8px;margin-bottom:5px;border-radius:4px}.file-item-inline span{font-size:13px}.checkbox-container{border:1px solid var(--border-color);padding:15px;border-radius:5px;background:var(--hover-bg);max-height:250px;overflow-y:auto}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.checkbox-item{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;padding:8px;border:1px solid var(--border-color);border-radius:5px;transition:all 0.2s;user-select:none}.checkbox-item:hover{background:#fff;border-color:var(--primary)}.checkbox-item.checked{background:rgb(52 152 219 / .1);border-color:var(--primary)}.checkbox-item.hidden{display:none}.checkbox-item input[type="checkbox"]{-webkit-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #999;border-radius:4px;background:#fff;cursor:pointer;position:relative;flex-shrink:0;transition:all 0.2s}.checkbox-item input[type="checkbox"]:checked{background-color:var(--primary);border-color:var(--primary)}.checkbox-item input[type="checkbox"]:checked::after{content:'\2714';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;line-height:1}#logsForm input[type="checkbox"],.log-checkbox{-webkit-appearance:checkbox!important;appearance:checkbox!important;width:18px!important;height:18px!important;cursor:pointer!important;opacity:1!important;position:static!important;pointer-events:auto!important}.user-checkbox,#select-all{-webkit-appearance:checkbox!important;appearance:checkbox!important;width:16px!important;height:16px!important;cursor:pointer!important;opacity:1!important;position:static!important;pointer-events:auto!important;accent-color:var(--primary)}tr:has(.user-checkbox:checked){background-color:rgb(53 122 189 / .1)!important;outline:1px solid var(--primary)}.action-card:has(.user-checkbox:checked){background-color:rgb(53 122 189 / .08)!important;border-color:var(--primary)!important;box-shadow:0 0 0 2px rgb(53 122 189 / .2)}.profile-info-list{margin-top:0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border-color);font-size:15px}.info-row:last-child{border-bottom:none}.info-label{font-weight:700;color:var(--text-muted);margin-right:10px}.info-value{font-weight:500;color:var(--text-main);text-align:right}.settings-box{background:var(--hover-bg);padding:15px;margin-bottom:20px;border-radius:5px;border-left:4px solid var(--primary);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.settings-box .form-control{width:70px;text-align:center;font-weight:700}.theme-toggle{position:fixed;bottom:25px;left:25px;width:50px;height:50px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px rgb(0 0 0 / .25);border:none;text-decoration:none;z-index:9999;transition:all 0.3s ease}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);background:var(--primary-hover)}.theme-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.scroll-top-btn{position:fixed;bottom:25px;right:25px;width:50px;height:50px;border-radius:50%;background:var(--secondary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px rgb(0 0 0 / .25);border:none;cursor:pointer;z-index:9999;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s ease}.scroll-top-btn:hover{transform:scale(1.1);background:var(--primary-hover)}.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width:768px){.theme-toggle{left:20px;bottom:20px;width:45px;height:45px}.scroll-top-btn{right:20px;bottom:20px;width:45px;height:45px}}.main-footer{background:var(--white);border-top:1px solid var(--border-color);padding:2rem 1rem;text-align:center;margin-top:auto;color:var(--text-muted);font-size:.9rem;width:100%}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.hidden{display:none}.finished{color:var(--title);margin-bottom:15px;font-weight:700}.blocked-section h3{color:#dc3545;margin-bottom:5px;font-weight:700}.blocked-section p{font-size:14px;color:var(--text-muted);margin-bottom:15px;line-height:1.5}.blocked-card{background:rgb(220 53 69 / .05);border-left:5px solid #dc3545;padding:15px;margin-bottom:15px;border-radius:8px;color:var(--text-main)}.blocked-card .status-badge{background:#dc3545;color:#fff;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase}.table-desktop .blocked-row td{background-color:rgb(220 53 69 / .05);color:var(--text-main)}.cheat-banner{background-color:#fff0f0;border-left:5px solid #dc3545;padding:20px;margin-bottom:25px;border-radius:8px}.cheat-banner h3{margin:0 0 10px 0;color:#dc3545;display:flex;align-items:center;gap:10px}.cheat-banner ul{margin:0;padding-left:20px;color:#721c24}.cheat-time{font-size:12px;opacity:.8}mjx-container{max-width:100%!important;overflow-x:auto!important;display:block!important;margin-top:12px!important;padding-bottom:20px!important;scrollbar-width:thin;scrollbar-color:var(--primary,#6c63ff) #f0f0f0}mjx-container::-webkit-scrollbar{height:10px}mjx-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}mjx-container::-webkit-scrollbar-thumb{background:var(--primary,#6c63ff);border-radius:10px}mjx-container::-webkit-scrollbar-thumb:hover{background:var(--primary-dark,#5548e0)}.cloud-file-input{display:none}.cloud-upload-btn{display:inline-flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:18px 24px;border:2px dashed var(--cloud-border);border-radius:14px;background:var(--cloud-bg);transition:border-color 0.25s ease,background 0.25s ease,transform 0.2s ease;width:100%;box-sizing:border-box}.cloud-upload-btn:hover{border-color:var(--cloud-hover-border);background:var(--cloud-hover-bg);transform:translateY(-2px)}.cloud-upload-btn:active{transform:translateY(0)}.cloud-upload-btn.drag-over{border-color:var(--cloud-success-border);border-style:dashed;background:var(--cloud-success-bg);transform:translateY(-2px)}.cloud-upload-btn.has-file{border-color:var(--cloud-success-border);border-style:solid;background:var(--cloud-success-bg)}.cloud-upload-icon{width:72px;height:48px;filter:drop-shadow(0 4px 10px rgb(26 127 196 / .3));transition:filter 0.25s ease,transform 0.25s ease;overflow:visible}.cloud-upload-btn:hover .cloud-upload-icon{filter:drop-shadow(0 6px 16px rgb(26 127 196 / .5));transform:translateY(-3px)}.cloud-upload-btn.has-file .cloud-upload-icon,.cloud-upload-btn.drag-over .cloud-upload-icon{filter:drop-shadow(0 4px 12px rgb(46 204 113 / .45))}.cloud-svg-shape{fill:url(#cloudGradient);transition:fill 0.3s ease}.cloud-upload-btn.has-file .cloud-svg-shape,.cloud-upload-btn.drag-over .cloud-svg-shape{fill:url(#cloudGradientSuccess)}.cloud-svg-arrow{fill:none;stroke:var(--cloud-arrow-color);stroke-width:var(--cloud-arrow-width);stroke-linecap:round;stroke-linejoin:round;animation:cloudArrowBounce 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes cloudArrowBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.cloud-upload-label{font-size:.82rem;font-weight:600;color:var(--cloud-label-color);letter-spacing:.04em;text-transform:uppercase;transition:color 0.25s ease}.cloud-upload-hint{font-size:.75rem;color:var(--cloud-hint-color);font-weight:400;transition:color 0.25s ease}.cloud-upload-btn.drag-over .cloud-upload-label,.cloud-upload-btn.has-file .cloud-upload-label,.cloud-upload-btn.drag-over .cloud-upload-hint,.cloud-upload-btn.has-file .cloud-upload-hint{color:var(--cloud-success)}.cloud-file-preview{display:none;align-items:center;gap:8px;margin-top:10px;padding:9px 14px;background:var(--cloud-preview-bg);border:1px solid var(--cloud-preview-border);border-radius:10px;font-size:.83rem;color:var(--cloud-preview-color)}.cloud-file-preview.visible{display:flex}.cloud-preview-icon{width:18px;height:18px;flex-shrink:0;color:var(--cloud-label-color)}.cloud-file-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.cloud-file-clear{background:none;border:none;cursor:pointer;color:var(--cloud-clear-color);font-size:14px;line-height:1;padding:2px 4px;border-radius:50%;transition:color 0.2s ease,background 0.2s ease;flex-shrink:0}.cloud-file-clear:hover{color:#e74c3c;background:rgb(231 76 60 / .12)}.current-file{margin-top:8px;font-size:.8rem;color:var(--cloud-editmode-color);padding:8px 12px;background:var(--cloud-editmode-bg);border-radius:8px;border-left:3px solid var(--cloud-editmode-border)}.cloud-multi-preview{margin-top:10px;display:flex;flex-direction:column;gap:6px;text-align:left;max-height:220px;overflow-y:auto}.cloud-multi-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--cloud-preview-bg);border:1px solid var(--cloud-preview-border);border-radius:8px;font-size:.8rem;color:var(--cloud-preview-color);animation:cloudItemIn 0.2s ease forwards;opacity:0;transform:translateY(4px)}@keyframes cloudItemIn{to{opacity:1;transform:translateY(0)}}.cloud-multi-item-icon{width:24px;height:24px;border-radius:5px;background:var(--cloud-icon-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.6rem;font-weight:700;color:#fff;letter-spacing:0}.cloud-multi-item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.cloud-multi-item-size{font-size:.7rem;color:var(--cloud-size-color);flex-shrink:0}.cloud-multi-item-remove{background:none;border:none;cursor:pointer;color:var(--cloud-clear-color);font-size:12px;line-height:1;padding:2px 4px;border-radius:50%;transition:color 0.2s,background 0.2s;flex-shrink:0}.cloud-multi-item-remove:hover{color:#e74c3c;background:rgb(231 76 60 / .12)}.cloud-multi-count{font-size:.75rem;color:var(--cloud-success);font-weight:600;margin-top:6px;display:none}.cloud-multi-count.visible{display:block}.notif-bell{position:relative;display:inline-flex;align-items:center;cursor:pointer;padding:6px 8px;border-radius:8px;transition:background 0.2s;color:var(--text-main);text-decoration:none}.notif-bell:hover{background:var(--hover-bg)}.notif-badge{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;display:none}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px rgb(0 0 0 / .12);z-index:9999;display:none;overflow:hidden}.notif-dropdown.open{display:block}.notif-header{padding:12px 16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.notif-header strong{font-size:14px}.notif-read-all{font-size:12px;color:var(--primary);cursor:pointer;border:none;background:none;padding:0}.notif-list{max-height:360px;overflow-y:auto}.notif-item{padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background 0.15s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--hover-bg)}.notif-item.unread{background:rgb(79 70 229 / .06)}.notif-item.unread:hover{background:rgb(79 70 229 / .1)}.notif-title{font-size:13px;font-weight:600;margin-bottom:3px;color:var(--text-main)}.notif-msg{font-size:12px;color:var(--text-muted);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-meta{font-size:11px;color:var(--text-muted)}.notif-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.notif-wrap{position:relative}.notif-fixed-tr{position:fixed;top:100px;right:20px;width:46px;height:46px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgb(0 0 0 / .2);z-index:9998;transition:all 0.2s;padding:0;cursor:pointer}.notif-fixed-tr:hover{background:var(--primary-hover);transform:scale(1.08)}@keyframes bellShake{0%{transform:rotate(0deg)}10%{transform:rotate(15deg)}20%{transform:rotate(-12deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-8deg)}50%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}70%{transform:rotate(2deg)}80%{transform:rotate(-1deg)}90%{transform:rotate(1deg)}100%{transform:rotate(0deg)}}.notif-fixed-tr.has-unread{animation:bellShake 1s ease-in-out;animation-iteration-count:1}.notif-fixed-tr .notif-badge{top:-4px;right:-4px;width:20px;height:20px;font-size:11px}.notif-dropdown-tr{position:fixed;top:124px;right:20px;left:auto}@media (max-width:600px){.notif-fixed-tr{top:100px;right:12px;width:42px;height:42px}.notif-dropdown-tr{top:115px;right:10px;width:290px}}