@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Playwrite+GB+J:ital,wght@0,100..400;1,100..400&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3{font-family:Playfair Display,serif;font-weight:700}html{background-color:#daf5ff}a{font-family:Roboto,sans-serif;text-decoration:none}button{background:none;border:none;cursor:pointer;margin:10px}input{border:none;outline:none;padding:10px}div{font-size:18px}:root{--bg-primary: #f9fafb;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-hover: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--border-color: #e5e7eb;--border-hover: #d1d5db}body.dark-theme{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2d2d2d;--bg-hover: #3a3a3a;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-color: #404040;--border-hover: #525252;background-color:var(--bg-primary);color:var(--text-primary)}html:has(body.dark-theme){background-color:var(--bg-primary)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}body.compact-view{zoom:.9}.guest-layout{display:flex;align-items:center;justify-content:center;position:relative;height:100dvh;background-image:url(/images/hotel.jpg);background-size:cover}.guest-layout a{color:#000}.guest-layout:before{content:"";position:absolute;inset:0;background:inherit;filter:blur(2px);z-index:0}.guest-layout .login,.guest-layout .register,.guest-layout .verify,.guest-layout .recovery{display:flex;align-items:center;justify-content:center;flex-direction:column;width:500px;height:auto;position:relative;z-index:1;padding:10px 80px;border-radius:15px;background-image:linear-gradient(to top left,var(--bg-secondary),#e3f2fd,#bbdefb)}.guest-layout .login .back-pages-button,.guest-layout .register .back-pages-button,.guest-layout .verify .back-pages-button,.guest-layout .recovery .back-pages-button{display:flex;position:absolute;top:40px;left:5px;padding:7px;border-radius:50px;cursor:pointer}.guest-layout .login .back-pages-button:hover,.guest-layout .register .back-pages-button:hover,.guest-layout .verify .back-pages-button:hover,.guest-layout .recovery .back-pages-button:hover{background-color:#aedbff}.guest-layout .login .title,.guest-layout .register .title,.guest-layout .verify .title,.guest-layout .recovery .title{font-family:Playwrite GB J,cursive;font-weight:600;font-size:50px;margin-bottom:10px}.guest-layout .login .input,.guest-layout .register .input,.guest-layout .verify .input,.guest-layout .recovery .input{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.guest-layout .login .input input,.guest-layout .register .input input,.guest-layout .verify .input input,.guest-layout .recovery .input input{border-radius:10px;font-size:18px;padding:10px;background:#ffffff26;color:#b4b4b4;border:1px solid rgba(255,255,255,.3)}.guest-layout .login .input input::placeholder,.guest-layout .register .input input::placeholder,.guest-layout .verify .input input::placeholder,.guest-layout .recovery .input input::placeholder{color:#68686899}.guest-layout .login .input input:hover,.guest-layout .register .input input:hover,.guest-layout .verify .input input:hover,.guest-layout .recovery .input input:hover{border-color:#fff9;border-color:#00c6ff;box-shadow:0 0 8px #00c6ff80}.guest-layout .login .input input:focus,.guest-layout .register .input input:focus,.guest-layout .verify .input input:focus,.guest-layout .recovery .input input:focus{outline:none;border-color:#00c6ff;box-shadow:0 0 8px #00c6ff80}.guest-layout .login .input input:not(:placeholder-shown),.guest-layout .register .input input:not(:placeholder-shown),.guest-layout .verify .input input:not(:placeholder-shown),.guest-layout .recovery .input input:not(:placeholder-shown){color:#000;border-color:#ffffff80}.guest-layout .login .input .button-login,.guest-layout .login .input .button-register,.guest-layout .login .input .button-verify,.guest-layout .login .input .button-recovery,.guest-layout .register .input .button-login,.guest-layout .register .input .button-register,.guest-layout .register .input .button-verify,.guest-layout .register .input .button-recovery,.guest-layout .verify .input .button-login,.guest-layout .verify .input .button-register,.guest-layout .verify .input .button-verify,.guest-layout .verify .input .button-recovery,.guest-layout .recovery .input .button-login,.guest-layout .recovery .input .button-register,.guest-layout .recovery .input .button-verify,.guest-layout .recovery .input .button-recovery{display:flex;justify-content:center;width:250px;padding:10px;color:#bdbdbd;font-size:18px;font-weight:600;border-radius:10px;background-color:#6bc6ff29;transition:all .1s ease-in-out}.guest-layout .login .input .button-login:hover,.guest-layout .login .input .button-register:hover,.guest-layout .login .input .button-verify:hover,.guest-layout .login .input .button-recovery:hover,.guest-layout .register .input .button-login:hover,.guest-layout .register .input .button-register:hover,.guest-layout .register .input .button-verify:hover,.guest-layout .register .input .button-recovery:hover,.guest-layout .verify .input .button-login:hover,.guest-layout .verify .input .button-register:hover,.guest-layout .verify .input .button-verify:hover,.guest-layout .verify .input .button-recovery:hover,.guest-layout .recovery .input .button-login:hover,.guest-layout .recovery .input .button-register:hover,.guest-layout .recovery .input .button-verify:hover,.guest-layout .recovery .input .button-recovery:hover{background-color:#2caeff29;color:#1184a7}.guest-layout .login .button,.guest-layout .register .button,.guest-layout .verify .button,.guest-layout .recovery .button{display:flex;justify-content:center}.guest-layout .login .button .btn-login,.guest-layout .login .button .btn-recovery,.guest-layout .login .button .btn-register,.guest-layout .login .button .btn-verify,.guest-layout .register .button .btn-login,.guest-layout .register .button .btn-recovery,.guest-layout .register .button .btn-register,.guest-layout .register .button .btn-verify,.guest-layout .verify .button .btn-login,.guest-layout .verify .button .btn-recovery,.guest-layout .verify .button .btn-register,.guest-layout .verify .button .btn-verify,.guest-layout .recovery .button .btn-login,.guest-layout .recovery .button .btn-recovery,.guest-layout .recovery .button .btn-register,.guest-layout .recovery .button .btn-verify{margin:10px;padding:10px;border-radius:10px;transition:all .2s ease-in-out;color:#bdbdbd}.guest-layout .login .button .btn-login:hover,.guest-layout .login .button .btn-recovery:hover,.guest-layout .login .button .btn-register:hover,.guest-layout .login .button .btn-verify:hover,.guest-layout .register .button .btn-login:hover,.guest-layout .register .button .btn-recovery:hover,.guest-layout .register .button .btn-register:hover,.guest-layout .register .button .btn-verify:hover,.guest-layout .verify .button .btn-login:hover,.guest-layout .verify .button .btn-recovery:hover,.guest-layout .verify .button .btn-register:hover,.guest-layout .verify .button .btn-verify:hover,.guest-layout .recovery .button .btn-login:hover,.guest-layout .recovery .button .btn-recovery:hover,.guest-layout .recovery .button .btn-register:hover,.guest-layout .recovery .button .btn-verify:hover{color:#1184a7;background-color:#2caeff29}.error-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f9fafb;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow:hidden;padding:20px;box-sizing:border-box}.error-container .error-content{text-align:center;max-width:550px;width:100%;z-index:10;animation:fadeInUp .6s ease-out}.error-container .error-code{font-size:clamp(6rem,15vw,10rem);font-weight:900;margin:0;line-height:1;background:linear-gradient(135deg,#4f46e5,#818df864);--webkit-background-clip: text;--webkit-text-fill-color: transparent;letter-spacing:-.05em;-webkit-user-select:none;user-select:none}.error-container .error-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#1f2937;margin-top:1rem;margin-bottom:1rem}.error-container .error-message{font-size:1rem;color:#4b5563;line-height:1.6;margin-bottom:2.5rem;padding:0 15px}.error-container .error-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.error-container .error-actions .btn{padding:12px 24px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;border:none;transition:all .2s ease-in-out;outline:none}.error-container .error-actions .btn:active{transform:scale(.98)}.error-container .error-actions .btn-primary{background-color:#4f46e5;color:#fff;box-shadow:0 4px 14px #4f46e566}.error-container .error-actions .btn-primary:hover{background-color:#4338ca;box-shadow:0 6px 20px #4f46e599}.error-container .error-actions .btn-secondary{background-color:#fff;color:#4b5563;border:1px solid var(--border-color)}.error-container .error-actions .btn-secondary:hover{background-color:var(--bg-hover);color:#1f2937;border-color:var(--border-hover)}.error-container .bg-circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;z-index:1}.error-container .circle-1{width:300px;height:300px;background-color:#c7d2fe;top:-50px;left:-50px}.error-container .circle-2{width:400px;height:400px;background-color:#ddd6fe;bottom:-100px;right:-100px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{display:flex;align-items:center;justify-content:space-between;height:8dvh;background-color:#fff}.header .logo{display:flex;align-items:center;justify-content:center;cursor:pointer}.header .search{display:flex;align-items:center;justify-content:center}.header .search:hover .input-search{background-color:#62bbff}.header .search:hover .search-bar{color:#000}.header .search .input-search{background-color:#62bbff80;padding:10px;margin:10px;font-size:18px;border-radius:10px;transition:all .3s ease-in-out}.header .search .input-search::placeholder{color:#414141}.header .search .input-search:focus{background-color:#62bbff}.header .search .search-icon{display:flex;justify-content:center}.header .search .search-icon .search-bar{font-size:30px;color:#00000080;transition:all .3s ease-in-out}.header .search .search-icon .search-bar:hover{color:#000}.header .user{display:flex;align-items:center;justify-content:center;margin:0 10px}.header .user img{display:flex;align-items:center;justify-content:center;width:7dvh;height:7dvh;border-radius:35%;margin:0 5px}.main{display:flex;justify-content:space-between;font-family:Roboto}.main .nav-menu{display:flex;flex-direction:column;padding:5px;background-color:#62bbff80;width:25dvh;height:92dvh;border-radius:0 20px 20px 0;overflow:scroll;overflow-x:hidden;overflow-y:none}.main .nav-menu::-webkit-scrollbar{width:6px}.main .nav-menu::-webkit-scrollbar-track{background:transparent}.main .nav-menu::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:999px}.main .nav-menu::-webkit-scrollbar-thumb:hover{background:#fff9}.main .nav-menu a,.main .nav-menu span{color:#000;text-decoration:none;transition:all .1s ease-in-out}.main .nav-menu .menu-container{cursor:pointer}.main .nav-menu .menu-container .title-container{display:flex;justify-content:space-between;padding:5px}.main .nav-menu .menu-container .title-container:hover{background-color:#62bbff}.main .nav-menu .menu-container .menu-list{display:flex;flex-direction:column;margin-left:10px;transition:all}.main .nav-menu .link{margin:2px 0;padding:5px;border-radius:0 10px 10px 0}.main .nav-menu .link:hover,.main .nav-menu .active{background-color:#62bbff}.link-outlet{width:100%;height:92dvh;overflow:scroll;overflow-x:hidden;overflow-y:none}.link-outlet::-webkit-scrollbar{width:6px}.link-outlet::-webkit-scrollbar-track{background:transparent}.link-outlet::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:999px}.link-outlet::-webkit-scrollbar-thumb:hover{background:#fff9}.recent-container{display:flex;flex-direction:column;height:100%;padding:12px;box-sizing:border-box}.recent-container .recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.recent-container .recent-header .title-group{display:flex;align-items:center;gap:6px}.recent-container .recent-header .title-group .header-icon{color:#2563eb;font-size:1.25rem}.recent-container .recent-header .title-group h3{margin:0;font-size:.95rem;font-weight:700;color:#1e293b;letter-spacing:-.01em}.recent-container .recent-header .title-group .count-badge{background:#eff6ff;color:#2563eb;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px}.recent-container .recent-header .header-actions{display:flex;gap:4px}.recent-container .recent-header .header-actions .action-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.recent-container .recent-header .header-actions .action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.recent-container .recent-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.recent-container .recent-controls .search-box{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:4px 8px;gap:6px;transition:border-color .2s ease,box-shadow .2s ease}.recent-container .recent-controls .search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.recent-container .recent-controls .search-box .search-icon{color:#94a3b8;font-size:1rem}.recent-container .recent-controls .search-box input{border:none;outline:none;background:transparent;font-size:.8rem;width:100%;color:#334155}.recent-container .recent-controls .search-box input::placeholder{color:#94a3b8}.recent-container .recent-controls .search-box .clear-search{border:none;background:transparent;color:#94a3b8;cursor:pointer;padding:0;display:flex;align-items:center}.recent-container .recent-controls .search-box .clear-search:hover{color:var(--text-muted)}.recent-container .recent-controls .filter-tabs{display:flex;gap:4px;background:var(--bg-tertiary);padding:3px;border-radius:8px}.recent-container .recent-controls .filter-tabs .tab-btn{flex:1;border:none;background:transparent;padding:4px 6px;font-size:.72rem;font-weight:600;color:var(--text-muted);border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.recent-container .recent-controls .filter-tabs .tab-btn.active{background:var(--bg-secondary);color:#2563eb;box-shadow:0 1px 3px #00000014}.recent-container .recent-controls .filter-tabs .tab-btn:hover:not(.active){color:#334155}.recent-container .recent-list{flex:1;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:6px}.recent-container .recent-list::-webkit-scrollbar{width:4px}.recent-container .recent-list::-webkit-scrollbar-track{background:transparent}.recent-container .recent-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.recent-container .recent-list .recent-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:10px;cursor:pointer;transition:all .2s ease}.recent-container .recent-list .recent-item:hover{background:var(--bg-primary);border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 6px #0000000a}.recent-container .recent-list .recent-item .item-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.recent-container .recent-list .recent-item .item-main .item-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;flex-shrink:0}.recent-container .recent-list .recent-item .item-main .item-icon-wrapper.pdf{background:#fef2f2;color:#ef4444}.recent-container .recent-list .recent-item .item-main .item-icon-wrapper.word{background:#eff6ff;color:#3b82f6}.recent-container .recent-list .recent-item .item-main .item-icon-wrapper.excel{background:#f0fdf4;color:#10b981}.recent-container .recent-list .recent-item .item-main .item-icon-wrapper.note{background:#fefce8;color:#eab308}.recent-container .recent-list .recent-item .item-main .item-icon-wrapper.media{background:#faf5ff;color:#a855f7}.recent-container .recent-list .recent-item .item-main .item-icon-wrapper.zip{background:#fff7ed;color:#f97316}.recent-container .recent-list .recent-item .item-main .item-icon-wrapper.link{background:#f0f9ff;color:#0284c7}.recent-container .recent-list .recent-item .item-main .item-icon-wrapper.other{background:var(--bg-tertiary);color:var(--text-muted)}.recent-container .recent-list .recent-item .item-main .item-info{display:flex;flex-direction:column;min-width:0}.recent-container .recent-list .recent-item .item-main .item-info .item-title{font-size:.82rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-container .recent-list .recent-item .item-main .item-info .item-meta{display:flex;align-items:center;gap:6px;font-size:.7rem;color:#94a3b8}.recent-container .recent-list .recent-item .item-main .item-info .item-meta .item-time{white-space:nowrap}.recent-container .recent-list .recent-item .item-main .item-info .item-meta .item-badge{background:var(--bg-tertiary);color:var(--text-secondary);padding:1px 4px;border-radius:4px;font-size:.65rem;font-weight:500;text-transform:uppercase}.recent-container .recent-list .recent-item .item-actions{display:flex;align-items:center;gap:2px}.recent-container .recent-list .recent-item .item-actions .pin-btn{background:transparent;border:none;color:#cbd5e1;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:all .2s ease}.recent-container .recent-list .recent-item .item-actions .pin-btn.pinned{color:#f59e0b}.recent-container .recent-list .recent-item .item-actions .pin-btn:hover{color:#f59e0b;background:#fef3c7}.recent-container .recent-list .empty-recent{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 10px;color:#94a3b8;text-align:center;gap:6px}.recent-container .recent-list .empty-recent .empty-icon{font-size:2rem;color:#cbd5e1}.recent-container .recent-list .empty-recent p{margin:0;font-size:.8rem}.chat-container{display:flex;flex-direction:column;height:100%;padding:12px;box-sizing:border-box}.chat-container .chat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.chat-container .chat-header .chat-mode-tabs{display:flex;background:var(--border-color);padding:3px;border-radius:10px;gap:2px;flex:1}.chat-container .chat-header .chat-mode-tabs .mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:none;background:transparent;padding:6px;font-size:.76rem;font-weight:600;color:var(--text-muted);border-radius:8px;cursor:pointer;transition:all .2s ease}.chat-container .chat-header .chat-mode-tabs .mode-tab .tab-icon{font-size:.95rem}.chat-container .chat-header .chat-mode-tabs .mode-tab.active{background:var(--bg-secondary);color:#2563eb;box-shadow:0 1px 4px #00000014}.chat-container .chat-header .chat-mode-tabs .mode-tab:hover:not(.active){color:#1e293b}.chat-container .chat-header .clear-chat-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:6px;margin-left:6px;border-radius:6px;display:flex;align-items:center;transition:all .2s ease}.chat-container .chat-header .clear-chat-btn:hover{background:var(--bg-tertiary);color:#ef4444}.chat-container .chat-messages{flex:1;overflow-y:auto;padding:6px 4px;display:flex;flex-direction:column;gap:10px}.chat-container .chat-messages:before{content:"";flex:1}.chat-container .chat-messages::-webkit-scrollbar{width:4px}.chat-container .chat-messages::-webkit-scrollbar-track{background:transparent}.chat-container .chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.chat-container .chat-messages .message-wrapper{display:flex;gap:8px}.chat-container .chat-messages .message-wrapper.user,.chat-container .chat-messages .message-wrapper.me{flex-direction:row-reverse}.chat-container .chat-messages .message-wrapper.user .message-bubble,.chat-container .chat-messages .message-wrapper.me .message-bubble{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:var(--bg-secondary);border-radius:14px 14px 2px;box-shadow:0 2px 6px #2563eb33}.chat-container .chat-messages .message-wrapper.user .message-bubble .msg-sender,.chat-container .chat-messages .message-wrapper.me .message-bubble .msg-sender{color:#ffffffd9}.chat-container .chat-messages .message-wrapper.user .message-bubble .msg-time,.chat-container .chat-messages .message-wrapper.me .message-bubble .msg-time{color:#ffffffb3}.chat-container .chat-messages .message-wrapper.ai,.chat-container .chat-messages .message-wrapper.team,.chat-container .chat-messages .message-wrapper.other{flex-direction:row}.chat-container .chat-messages .message-wrapper.ai .message-bubble,.chat-container .chat-messages .message-wrapper.team .message-bubble,.chat-container .chat-messages .message-wrapper.other .message-bubble{background:var(--bg-secondary);color:#1e293b;border:1px solid var(--border-color);border-radius:14px 14px 14px 2px;box-shadow:0 1px 3px #0000000a}.chat-container .chat-messages .message-wrapper .msg-avatar{width:28px;height:28px;border-radius:50%;background:#3b82f6;color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0;margin-top:2px}.chat-container .chat-messages .message-wrapper .msg-avatar.ai-avatar{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.chat-container .chat-messages .message-wrapper .message-bubble{max-width:80%;padding:8px 12px;font-size:.8rem;line-height:1.4}.chat-container .chat-messages .message-wrapper .message-bubble .msg-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.chat-container .chat-messages .message-wrapper .message-bubble .msg-header .msg-sender{font-size:.7rem;font-weight:700;color:var(--text-secondary)}.chat-container .chat-messages .message-wrapper .message-bubble .msg-header .msg-time{font-size:.65rem;color:#94a3b8}.chat-container .chat-messages .message-wrapper .message-bubble .msg-content{word-break:break-word;white-space:pre-wrap}.chat-container .chat-messages .typing-indicator{display:flex;align-items:center;gap:8px;padding:6px 14px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #c7d2fe;border-radius:20px;width:fit-content;font-size:.76rem;color:#3730a3;box-shadow:0 3px 10px #4f46e51a;animation:typingSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}.chat-container .chat-messages .typing-indicator .typing-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#6366f1);color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0}.chat-container .chat-messages .typing-indicator .typing-avatar.ai-avatar{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.chat-container .chat-messages .typing-indicator strong{color:#4338ca;font-weight:700}.chat-container .chat-messages .typing-indicator .dots{display:flex;align-items:center;gap:4px;margin-left:2px}.chat-container .chat-messages .typing-indicator .dots span{width:5px;height:5px;background:#4f46e5;border-radius:50%;animation:typingBounce 1.2s infinite ease-in-out both}.chat-container .chat-messages .typing-indicator .dots span:nth-child(1){animation-delay:-.32s}.chat-container .chat-messages .typing-indicator .dots span:nth-child(2){animation-delay:-.16s}.chat-container .quick-prompts{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-top:4px}.chat-container .quick-prompts::-webkit-scrollbar{display:none}.chat-container .quick-prompts .prompt-chip{background:var(--bg-secondary);border:1px solid #cbd5e1;color:#3b82f6;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.chat-container .quick-prompts .prompt-chip:hover{background:#eff6ff;border-color:#3b82f6}.chat-container .chat-input-area{display:flex;align-items:center;gap:6px;margin-top:6px;background:var(--bg-secondary);border:1px solid #cbd5e1;border-radius:20px;padding:4px 6px 4px 12px;transition:border-color .2s ease,box-shadow .2s ease}.chat-container .chat-input-area:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.chat-container .chat-input-area input{flex:1;border:none;outline:none;font-size:.8rem;color:#1e293b;background:transparent}.chat-container .chat-input-area input::placeholder{color:#94a3b8}.chat-container .chat-input-area .send-btn{width:30px;height:30px;border-radius:50%;border:none;background:#2563eb;color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.chat-container .chat-input-area .send-btn:disabled{background:#cbd5e1;cursor:not-allowed}.chat-container .chat-input-area .send-btn:not(:disabled):hover{background:#1d4ed8;transform:scale(1.05)}.recent-sidebar{display:flex;flex-direction:column;height:92vh;background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-left:1px solid rgba(229,231,235,.8);border-radius:16px 0 0 16px;overflow:hidden;box-shadow:-4px 0 20px #0000000d}.recent-sidebar .sidebar-section{display:flex;flex-direction:column;overflow:hidden}.recent-sidebar .sidebar-section.recent-section{flex:1;min-height:220px;border-bottom:1px solid rgba(226,232,240,.8)}.recent-sidebar .sidebar-section.chat-section{flex:1.2;min-height:280px}@keyframes blink{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes typingSlideIn{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes typingBounce{0%,80%,to{transform:translateY(0) scale(.85);opacity:.4}40%{transform:translateY(-4px) scale(1.15);opacity:1;background:#3730a3}}.login,.register,.recover-password,.verify-account{max-width:420px;margin:60px auto;padding:32px 28px;background:var(--bg-secondary);border-radius:16px;box-shadow:0 10px 30px #00000014}.login .title,.register .title,.recover-password .title,.verify-account .title{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:24px;text-align:center}.login form,.register form,.recover-password form,.verify-account form{display:flex;flex-direction:column;gap:16px}.login .button-login,.login .button-register,.login .button-submit,.register .button-login,.register .button-register,.register .button-submit,.recover-password .button-login,.recover-password .button-register,.recover-password .button-submit,.verify-account .button-login,.verify-account .button-register,.verify-account .button-submit{width:100%;padding:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:var(--bg-secondary);border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.login .button-login:hover,.login .button-register:hover,.login .button-submit:hover,.register .button-login:hover,.register .button-register:hover,.register .button-submit:hover,.recover-password .button-login:hover,.recover-password .button-register:hover,.recover-password .button-submit:hover,.verify-account .button-login:hover,.verify-account .button-register:hover,.verify-account .button-submit:hover{opacity:.95;box-shadow:0 4px 12px #2563eb40}.login .button-login:disabled,.login .button-register:disabled,.login .button-submit:disabled,.register .button-login:disabled,.register .button-register:disabled,.register .button-submit:disabled,.recover-password .button-login:disabled,.recover-password .button-register:disabled,.recover-password .button-submit:disabled,.verify-account .button-login:disabled,.verify-account .button-register:disabled,.verify-account .button-submit:disabled{background:#94a3b8;cursor:not-allowed}.login .button,.register .button,.recover-password .button,.verify-account .button{display:flex;justify-content:space-between;margin-top:16px}.login .button a,.register .button a,.recover-password .button a,.verify-account .button a{font-size:.85rem;color:#2563eb;text-decoration:none;font-weight:500}.login .button a:hover,.register .button a:hover,.recover-password .button a:hover,.verify-account .button a:hover{text-decoration:underline}.home-page,.setting-page,.help-page{padding:24px;box-sizing:border-box}.home-page .page-header,.setting-page .page-header,.help-page .page-header{margin-bottom:24px}.home-page .page-header h1,.setting-page .page-header h1,.help-page .page-header h1{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.home-page .page-header p,.setting-page .page-header p,.help-page .page-header p{font-size:.9rem;color:var(--text-muted);margin:0}.home-page .stats-grid,.setting-page .stats-grid,.help-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.home-page .stats-grid .stat-card,.setting-page .stats-grid .stat-card,.help-page .stats-grid .stat-card{background:var(--bg-secondary);padding:16px 20px;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 4px #00000005}.home-page .stats-grid .stat-card .stat-title,.setting-page .stats-grid .stat-card .stat-title,.help-page .stats-grid .stat-card .stat-title{font-size:.8rem;color:var(--text-muted);font-weight:600}.home-page .stats-grid .stat-card .stat-value,.setting-page .stats-grid .stat-card .stat-value,.help-page .stats-grid .stat-card .stat-value{font-size:1.5rem;font-weight:700;color:#1e293b;margin-top:4px}.teamwork-page,.team-info-page,.meeting-page,.meeting-info-page,.account-list-page{padding:24px;box-sizing:border-box}.teamwork-page .page-title-bar,.team-info-page .page-title-bar,.meeting-page .page-title-bar,.meeting-info-page .page-title-bar,.account-list-page .page-title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.teamwork-page .page-title-bar h2,.team-info-page .page-title-bar h2,.meeting-page .page-title-bar h2,.meeting-info-page .page-title-bar h2,.account-list-page .page-title-bar h2{font-size:1.4rem;font-weight:700;color:#1e293b;margin:0}.teamwork-page .data-table-container,.team-info-page .data-table-container,.meeting-page .data-table-container,.meeting-info-page .data-table-container,.account-list-page .data-table-container{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 2px 8px #0000000a}.teamwork-page .data-table-container table,.team-info-page .data-table-container table,.meeting-page .data-table-container table,.meeting-info-page .data-table-container table,.account-list-page .data-table-container table{width:100%;border-collapse:collapse}.teamwork-page .data-table-container table th,.team-info-page .data-table-container table th,.meeting-page .data-table-container table th,.meeting-info-page .data-table-container table th,.account-list-page .data-table-container table th{background:var(--bg-primary);padding:12px 16px;text-align:left;font-size:.8rem;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.teamwork-page .data-table-container table td,.team-info-page .data-table-container table td,.meeting-page .data-table-container table td,.meeting-info-page .data-table-container table td,.account-list-page .data-table-container table td{padding:12px 16px;font-size:.85rem;color:#334155;border-bottom:1px solid var(--bg-tertiary)}.teamwork-page .data-table-container table tr:hover,.team-info-page .data-table-container table tr:hover,.meeting-page .data-table-container table tr:hover,.meeting-info-page .data-table-container table tr:hover,.account-list-page .data-table-container table tr:hover{background:var(--bg-primary)}.document-page{padding:24px;box-sizing:border-box}.document-page .document-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.document-page .document-header .header-title-wrapper{display:flex;align-items:center;gap:10px}.document-page .document-header .header-title-wrapper .doc-type-icon{font-size:1.8rem}.document-page .document-header .header-title-wrapper .doc-type-icon.pdf{color:#ef4444}.document-page .document-header .header-title-wrapper .doc-type-icon.word{color:#3b82f6}.document-page .document-header .header-title-wrapper .doc-type-icon.excel{color:#10b981}.document-page .document-header .header-title-wrapper .doc-type-icon.media{color:#a855f7}.document-page .document-header .header-title-wrapper .doc-type-icon.zip{color:#f97316}.document-page .document-header .header-title-wrapper .doc-type-icon.note{color:#eab308}.document-page .document-header .header-title-wrapper h2{margin:0;font-size:1.4rem;font-weight:700;color:var(--text-primary)}.document-page .document-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;background:var(--bg-secondary);padding:10px 16px;border-radius:10px;border:1px solid var(--border-color)}.document-page .document-toolbar .search-input-wrapper{display:flex;align-items:center;gap:8px;flex:1;max-width:360px;background:var(--bg-primary);border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px}.document-page .document-toolbar .search-input-wrapper input{border:none;outline:none;background:transparent;font-size:.85rem;width:100%}.document-storage-container{padding:24px;color:var(--text-primary);font-family:Roboto,Inter,sans-serif;box-sizing:border-box;background-color:var(--bg-primary);min-height:calc(100vh - 10dvh);width:100%}.doc-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.doc-title-wrapper h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.doc-title-wrapper p{font-size:14px;color:var(--text-muted);margin:0}.btn-upload-primary{display:flex;align-items:center;gap:8px;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a}.btn-upload-primary:hover{background-color:#4338ca;transform:translateY(-1px);box-shadow:0 10px 15px -3px #4f46e54d,0 4px 6px -2px #4f46e51a}.btn-upload-primary:active{transform:translateY(0)}.storage-progress-block{background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;border:1px solid var(--border-color)}.storage-progress-labels{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-secondary)}.storage-bar-outer{height:8px;background:var(--bg-hover);border-radius:9999px;overflow:hidden;border:1px solid var(--border-color)}.storage-bar-inner{height:100%;background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:9999px;transition:width .4s ease-out}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.box-card{background:var(--bg-secondary);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1)}.box-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.box-card.box-1{border-left:4px solid #4f46e5}.box-card.box-2{border-left:4px solid #10b981}.box-card.box-3{border-left:4px solid #f59e0b}.box-card.box-4{border-left:4px solid #06b6d4}.box-card.box-5{border-left:4px solid #f43f5e}.card-data{display:flex;flex-direction:column}.card-title{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.card-value{font-size:24px;font-weight:700;color:var(--text-primary)}.card-icon-wrapper{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.box-1 .card-icon-wrapper{background:#4f46e51a;color:#4f46e5}.box-2 .card-icon-wrapper{background:#10b9811a;color:#10b981}.box-3 .card-icon-wrapper{background:#f59e0b1a;color:#f59e0b}.box-4 .card-icon-wrapper{background:#06b6d41a;color:#06b6d4}.box-5 .card-icon-wrapper{background:#f43f5e1a;color:#f43f5e}.doc-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);overflow:hidden}.doc-section-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.doc-section-title{font-size:16px;font-weight:700;color:var(--text-primary)}.doc-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.search-wrapper{position:relative;display:flex;align-items:center}.search-input{padding:8px 12px 8px 36px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;transition:all .2s;width:220px}.search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.search-icon-svg{position:absolute;left:10px;color:#9ca3af;font-size:20px;display:flex;align-items:center}.filter-select{padding:8px 12px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;background:#fff;color:var(--text-secondary);outline:none;cursor:pointer;transition:border-color .2s}.filter-select:focus{border-color:#4f46e5}.table-responsive{width:100%;overflow-x:auto}.doc-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.doc-table th{background:var(--bg-primary);padding:12px 20px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:11px;letter-spacing:.05em}.doc-table td{padding:14px 20px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}.doc-table tr{transition:background .15s ease}.doc-table tr:hover{background-color:var(--bg-primary)}.doc-name-cell{display:flex;align-items:center;font-weight:500;color:var(--text-primary);cursor:pointer}.doc-name-cell:hover{color:#4f46e5;text-decoration:underline}.doc-type-icon{margin-right:12px;display:flex;align-items:center}.doc-type-icon svg{font-size:22px}.icon-pdf{color:#ef4444}.icon-word{color:#3b82f6}.icon-excel{color:#10b981}.icon-image{color:#8b5cf6}.icon-zip{color:#f59e0b}.icon-other{color:var(--text-muted)}.author-cell{display:flex;align-items:center}.author-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.size-badge{background-color:var(--bg-hover);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.action-buttons{display:flex;gap:6px}.btn-action{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-action:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-action.btn-delete:hover{background-color:#fee2e2;color:#ef4444}.empty-state{padding:48px;text-align:center;color:#9ca3af;font-size:15px}.stg-container{padding:24px;color:var(--text-primary);font-family:Roboto,Inter,sans-serif;box-sizing:border-box;background-color:var(--bg-primary);min-height:calc(100vh - 10dvh);width:100%}.stg-header{margin-bottom:24px}.stg-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.stg-header h1 svg{color:#6366f1;font-size:28px}.stg-header p{font-size:14px;color:var(--text-muted);margin:0}.stg-layout{display:flex;gap:24px}.stg-sidebar{width:240px;flex-shrink:0;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;overflow:hidden;height:fit-content}.stg-tab-btn{display:flex;align-items:center;gap:10px;width:100%;padding:14px 18px;border:none;background:transparent;cursor:pointer;font-size:14px;color:var(--text-muted);font-weight:500;text-align:left;transition:all .15s;border-left:3px solid transparent}.stg-tab-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.stg-tab-btn.active{background:#eef2ff;color:#4f46e5;font-weight:600;border-left-color:#4f46e5}.stg-content{flex:1;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;padding:24px}.stg-section-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.stg-section-desc{font-size:13px;color:#9ca3af;margin:0 0 24px}.stg-divider{border:none;border-top:1px solid var(--border-color);margin:24px 0}.stg-form-group{margin-bottom:18px}.stg-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.stg-input{width:100%;max-width:400px;padding:10px 14px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .2s}.stg-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.stg-select{width:100%;max-width:400px;padding:10px 14px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;box-sizing:border-box;background:#fff;cursor:pointer}.stg-select:focus{border-color:#4f46e5}.stg-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--bg-hover)}.stg-toggle-info{display:flex;flex-direction:column}.stg-toggle-label{font-size:14px;font-weight:500;color:var(--text-primary)}.stg-toggle-desc{font-size:12px;color:#9ca3af;margin-top:2px}.stg-toggle{position:relative;width:44px;height:24px;background:var(--border-hover);border-radius:12px;cursor:pointer;transition:background .2s;border:none;flex-shrink:0}.stg-toggle.on{background:#4f46e5}.stg-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0000001a}.stg-toggle.on:after{transform:translate(20px)}.stg-btn-save{display:inline-flex;align-items:center;gap:8px;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px;box-shadow:0 4px 6px -1px #4f46e533}.stg-btn-save:hover{background-color:#4338ca;transform:translateY(-1px)}.stg-btn-save:active{transform:translateY(0)}.stg-password-row{display:flex;gap:12px;flex-wrap:wrap}.stg-password-row .stg-form-group{flex:1;min-width:180px}.stg-storage-bar-outer{height:10px;background:var(--bg-hover);border-radius:9999px;overflow:hidden;margin-top:8px;margin-bottom:8px;max-width:400px}.stg-storage-bar-inner{height:100%;background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:9999px;transition:width .4s}.stg-storage-text{font-size:13px;color:var(--text-muted)}@media(max-width:768px){.stg-layout{flex-direction:column}.stg-sidebar{width:100%;display:flex;overflow-x:auto}.stg-tab-btn{white-space:nowrap;border-left:none;border-bottom:3px solid transparent}.stg-tab-btn.active{border-bottom-color:#4f46e5;border-left:none}}.hlp-container{padding:24px;color:var(--text-primary);font-family:Roboto,Inter,sans-serif;box-sizing:border-box;background-color:var(--bg-primary);min-height:calc(100vh - 10dvh);width:100%}.hlp-header{text-align:center;max-width:600px;margin:0 auto 36px}.hlp-header h1{font-size:28px;font-weight:800;color:var(--text-primary);margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:10px}.hlp-header h1 svg{color:#f59e0b;font-size:32px}.hlp-header p{font-size:15px;color:var(--text-muted);margin:0 0 24px}.hlp-search-box{position:relative;display:flex;align-items:center;max-width:500px;margin:0 auto}.hlp-search-input{width:100%;padding:12px 16px 12px 46px;border:1px solid var(--border-hover);border-radius:9999px;font-size:15px;outline:none;transition:all .2s;box-shadow:0 4px 10px #00000008}.hlp-search-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.hlp-search-icon{position:absolute;left:16px;color:#9ca3af;font-size:22px;display:flex}.hlp-main{display:grid;grid-template-columns:1fr 320px;gap:24px;max-width:1200px;margin:0 auto}.hlp-content-section{background:#fff;border-radius:12px;border:1px solid var(--border-color);padding:24px;box-shadow:0 1px 3px #0000000d}.hlp-cat-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:16px}.hlp-cat-btn{padding:8px 16px;border-radius:20px;border:1px solid var(--border-color);background:#fff;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s}.hlp-cat-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.hlp-cat-btn.active{background:#fffbeb;border-color:#f59e0b;color:#b45309}.hlp-faq-list{display:flex;flex-direction:column;gap:12px}.hlp-faq-item{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:border-color .15s}.hlp-faq-item:hover{border-color:#cbd5e1}.hlp-faq-item.expanded{border-color:#f59e0b}.hlp-faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border:none;background:#fff;cursor:pointer;font-size:14px;font-weight:700;color:var(--text-primary);text-align:left}.hlp-faq-question svg{color:#9ca3af;transition:transform .2s}.hlp-faq-item.expanded svg{transform:rotate(180deg);color:#f59e0b}.hlp-faq-answer{padding:0 20px 16px;font-size:13px;color:var(--text-secondary);line-height:1.6;background:#fff}.hlp-sidebar{display:flex;flex-direction:column;gap:20px}.hlp-card{background:#fff;border-radius:12px;border:1px solid var(--border-color);padding:20px;box-shadow:0 1px 3px #0000000d}.hlp-card-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 12px;display:flex;align-items:center;gap:8px}.hlp-doc-link{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;color:var(--text-secondary);font-size:13px;text-decoration:none;transition:background .15s}.hlp-doc-link:hover{background:var(--bg-primary);color:var(--text-primary)}.hlp-doc-link svg{color:#9ca3af}.hlp-contact-input{width:100%;padding:8px 12px;border:1px solid var(--border-hover);border-radius:6px;font-size:13px;outline:none;margin-bottom:10px;box-sizing:border-box}.hlp-contact-input:focus{border-color:#f59e0b}.hlp-contact-textarea{width:100%;padding:8px 12px;border:1px solid var(--border-hover);border-radius:6px;font-size:13px;outline:none;margin-bottom:12px;min-height:80px;box-sizing:border-box;resize:vertical;font-family:inherit}.hlp-contact-textarea:focus{border-color:#f59e0b}.hlp-contact-btn{width:100%;padding:8px 12px;border:none;border-radius:6px;background:#f59e0b;color:#fff;cursor:pointer;font-size:13px;font-weight:600;transition:background .15s}.hlp-contact-btn:hover{background:#d97706}.hlp-empty{padding:32px;text-align:center;color:#9ca3af;font-size:14px}@media(max-width:1024px){.hlp-main{grid-template-columns:1fr}}.acl-container{padding:24px;color:var(--text-primary);font-family:Roboto,Inter,sans-serif;box-sizing:border-box;background-color:var(--bg-primary);min-height:calc(100vh - 10dvh);width:100%}.acl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.acl-title-wrap h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.acl-title-wrap h1 svg{color:#4f46e5;font-size:28px}.acl-title-wrap p{font-size:14px;color:var(--text-muted);margin:0}.acl-btn-add{display:flex;align-items:center;gap:8px;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a}.acl-btn-add:hover{background-color:#4338ca;transform:translateY(-1px);box-shadow:0 10px 15px -3px #4f46e54d}.acl-btn-add:active{transform:translateY(0)}.acl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.acl-stat-card{background:var(--bg-secondary);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1)}.acl-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d}.acl-stat-card.s1{border-left:4px solid #4f46e5}.acl-stat-card.s2{border-left:4px solid #10b981}.acl-stat-card.s3{border-left:4px solid #ef4444}.acl-stat-card.s4{border-left:4px solid #3b82f6}.acl-card-data{display:flex;flex-direction:column}.acl-card-title{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.acl-card-value{font-size:24px;font-weight:700;color:var(--text-primary)}.acl-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.s1 .acl-card-icon{background:#4f46e51a;color:#4f46e5}.s2 .acl-card-icon{background:#10b9811a;color:#10b981}.s3 .acl-card-icon{background:#ef44441a;color:#ef4444}.s4 .acl-card-icon{background:#3b82f61a;color:#3b82f6}.acl-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);overflow:visible}.acl-section-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-radius:12px 12px 0 0}.acl-section-title{font-size:16px;font-weight:700;color:var(--text-primary)}.acl-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.acl-search-wrap{position:relative;display:flex;align-items:center}.acl-search-input{padding:8px 12px 8px 36px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;transition:all .2s;width:220px}.acl-search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.acl-search-icon{position:absolute;left:10px;color:#9ca3af;font-size:20px;display:flex;align-items:center}.acl-filter-select{padding:8px 12px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;background:#fff;color:var(--text-secondary);outline:none;cursor:pointer;transition:border-color .2s}.acl-filter-select:focus{border-color:#4f46e5}.acl-table-wrap{width:100%;overflow:visible}.acl-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.acl-table th{background:var(--bg-primary);padding:12px 20px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:11px;letter-spacing:.05em}.acl-table td{padding:14px 20px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}.acl-table tr{transition:background .15s ease}.acl-table tr:hover{background-color:var(--bg-primary)}.acl-user-cell{display:flex;align-items:center;gap:12px}.acl-avatar{width:36px;height:36px;border-radius:50%;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.acl-user-info{display:flex;flex-direction:column}.acl-user-name{font-weight:600;color:var(--text-primary);font-size:14px}.acl-user-email{font-size:12px;color:#9ca3af}.acl-dept-badge{background-color:var(--bg-hover);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.acl-actions{display:flex;gap:4px;position:relative}.acl-btn-action{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .2s}.acl-btn-action:hover{background-color:var(--bg-hover);color:var(--text-primary)}.acl-btn-action.btn-del:hover{background-color:#fee2e2;color:#ef4444}.acl-btn-action.btn-toggle:hover{background-color:#ecfdf5;color:#10b981}.acl-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:50;min-width:160px;overflow:hidden}.acl-dropdown-item{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;color:var(--text-secondary);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:background .15s}.acl-dropdown-item:hover{background-color:var(--bg-primary)}.acl-dropdown-item.danger{color:#ef4444}.acl-dropdown-item.danger:hover{background-color:#fef2f2}.acl-empty{padding:48px;text-align:center;color:#9ca3af;font-size:15px}.acl-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.acl-modal{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:480px;box-shadow:0 25px 50px -12px #00000040}.acl-modal h2{font-size:18px;font-weight:700;margin:0 0 16px;color:var(--text-primary)}.acl-modal-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.acl-modal-input{width:100%;padding:10px 14px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;margin-bottom:12px;box-sizing:border-box;transition:border-color .2s}.acl-modal-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.acl-modal-select{width:100%;padding:10px 14px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;margin-bottom:12px;box-sizing:border-box;background:#fff;cursor:pointer}.acl-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.acl-modal-btn-cancel{padding:8px 16px;border:1px solid var(--border-hover);border-radius:8px;background:#fff;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.acl-modal-btn-cancel:hover{background:var(--bg-hover)}.acl-modal-btn-save{padding:8px 16px;border:none;border-radius:8px;background:#4f46e5;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.acl-modal-btn-save:hover{background:#4338ca}.mt-container{padding:24px;color:var(--text-primary);font-family:Roboto,Inter,sans-serif;box-sizing:border-box;background-color:var(--bg-primary);min-height:calc(100vh - 10dvh);width:100%}.mt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mt-title-wrap h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.mt-title-wrap h1 svg{color:#3b82f6;font-size:28px}.mt-title-wrap p{font-size:14px;color:var(--text-muted);margin:0}.mt-btn-add{display:flex;align-items:center;gap:8px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #3b82f633}.mt-btn-add:hover{background-color:#2563eb;transform:translateY(-1px)}.mt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.mt-stat-card{background:var(--bg-secondary);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1)}.mt-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d}.mt-stat-card.s1{border-left:4px solid #3b82f6}.mt-stat-card.s2{border-left:4px solid #f59e0b}.mt-stat-card.s3{border-left:4px solid #10b981}.mt-stat-card.s4{border-left:4px solid #8b5cf6}.mt-card-data{display:flex;flex-direction:column}.mt-card-title{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.mt-card-value{font-size:24px;font-weight:700;color:var(--text-primary)}.mt-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.s1 .mt-card-icon{background:#3b82f61a;color:#3b82f6}.s2 .mt-card-icon{background:#f59e0b1a;color:#f59e0b}.s3 .mt-card-icon{background:#10b9811a;color:#10b981}.s4 .mt-card-icon{background:#8b5cf61a;color:#8b5cf6}.mt-controls-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:24px}.mt-search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:200px}.mt-search-input{padding:8px 12px 8px 36px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;transition:all .2s;width:100%}.mt-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.mt-search-icon{position:absolute;left:10px;color:#9ca3af;font-size:20px;display:flex;align-items:center}.mt-filter-select{padding:8px 12px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;background:#fff;color:var(--text-secondary);outline:none;cursor:pointer}.mt-meetings-list{display:flex;flex-direction:column;gap:12px}.mt-meeting-card{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;gap:20px;align-items:flex-start;cursor:pointer}.mt-meeting-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px -3px #00000014}.mt-meeting-time-block{min-width:80px;text-align:center;padding:12px 8px;background:var(--bg-primary);border-radius:10px;flex-shrink:0}.mt-meeting-date{font-size:12px;color:var(--text-muted);font-weight:500;margin-bottom:4px}.mt-meeting-time{font-size:20px;font-weight:700;color:var(--text-primary)}.mt-meeting-dur{font-size:11px;color:#9ca3af;margin-top:2px}.mt-meeting-content{flex:1}.mt-meeting-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:8px}.mt-meeting-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.mt-meeting-badges{display:flex;gap:6px;flex-shrink:0}.mt-meeting-desc{font-size:13px;color:var(--text-muted);margin-bottom:12px;line-height:1.5}.mt-meeting-meta{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.mt-meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.mt-meta-item svg{font-size:15px;color:#9ca3af}.mt-meeting-participants{display:flex;align-items:center;gap:6px}.mt-participant-avatars{display:flex}.mt-participant-avatar{width:26px;height:26px;border-radius:50%;border:2px solid white;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:-6px}.mt-participant-avatar:first-child{margin-left:0}.mt-participant-more{font-size:11px;color:#9ca3af}.mt-meeting-actions{display:flex;gap:4px;align-items:flex-start;flex-shrink:0}.mt-btn-action:hover{background-color:var(--bg-hover);color:var(--text-primary)}.mt-btn-action.btn-edit:hover{background-color:#e0f2fe;color:#0284c7}.mt-btn-action.btn-del:hover{background-color:#fee2e2;color:#ef4444}.mt-empty{padding:48px;text-align:center;color:#9ca3af;font-size:15px}.mt-modal-input{width:100%;padding:10px 14px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;margin-bottom:12px;box-sizing:border-box}.mt-modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.mt-modal-select{width:100%;padding:10px 14px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;margin-bottom:12px;box-sizing:border-box;background:#fff;cursor:pointer}.mt-modal-select:focus{border-color:#3b82f6}.mt-modal-textarea{width:100%;padding:10px 14px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;margin-bottom:12px;min-height:80px;resize:vertical;box-sizing:border-box;font-family:inherit}.mt-modal-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}@media(max-width:640px){.mt-meeting-card{flex-direction:column}.mt-meeting-time-block{min-width:auto;width:100%}}.mtd-back-bar{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-weight:600;font-size:14px;cursor:pointer;margin-bottom:20px;transition:color .15s}.mtd-back-bar:hover{color:#3b82f6}.mtd-detail-card{background:#fff;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;overflow:hidden;margin-bottom:24px;font-family:Roboto,Inter,sans-serif}.mtd-detail-header{padding:24px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-bottom:1px solid var(--border-color)}.mtd-detail-title-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.mtd-detail-title{font-size:22px;font-weight:800;color:#0c4a6e;margin:0 0 8px}.mtd-detail-desc{font-size:14px;color:#334155;margin:0 0 20px;max-width:700px;line-height:1.6}.mtd-header-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:#0369a1;font-weight:500}.mtd-header-meta-item{display:flex;align-items:center;gap:6px}.mtd-actions-row{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap;align-items:center}.mtd-btn-join{display:inline-flex;align-items:center;gap:8px;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:0 4px 6px -1px #3b82f633}.mtd-btn-join:hover{background:#2563eb}.mtd-btn-join.joined{background:#e0f2fe;color:#0369a1;cursor:default;box-shadow:none}.mtd-btn-link-action{display:inline-flex;align-items:center;gap:6px;background:#0284c7;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .15s;box-shadow:0 4px 6px -1px #0284c733}.mtd-btn-link-action:hover{background:#0369a1}.mtd-status-section{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.08)}.mtd-status-label{font-size:13px;font-weight:600;color:#0369a1}.mtd-status-pills{display:flex;gap:6px;flex-wrap:wrap}.mtd-status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:2px solid transparent;transition:all .15s}.mtd-status-pill:hover{filter:brightness(.95)}.mtd-status-pill.active-pill{border-color:currentColor;box-shadow:0 2px 6px #00000014}.mtd-detail-body{padding:24px;display:grid;grid-template-columns:1fr 340px;gap:24px}.mtd-participants-section h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.mtd-participants-list{display:flex;flex-direction:column;gap:10px}.mtd-participant-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-primary);border-radius:10px;border:1px solid var(--bg-hover)}.mtd-participant-info{display:flex;align-items:center;gap:10px}.mtd-participant-avatar-round{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.mtd-participant-name-text{font-size:14px;font-weight:600;color:var(--text-primary)}.mtd-role-label{font-size:12px;color:var(--text-muted);background:var(--bg-hover);padding:2px 8px;border-radius:8px}.mtd-role-label.organizer{background:#eff6ff;color:#1e40af;font-weight:600}.mtd-role-label.co-organizer{background:#fffbeb;color:#b45309;font-weight:600}.mtd-add-participant-card{background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);padding:20px;height:fit-content}.mtd-add-title{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 12px;display:flex;align-items:center;gap:6px}.mtd-add-input-wrap{display:flex;gap:8px;position:relative}.mtd-add-input{flex:1;padding:8px 12px;border:1px solid var(--border-hover);border-radius:6px;font-size:13px;outline:none;width:100%;box-sizing:border-box}.mtd-add-input:focus{border-color:#3b82f6}.mtd-add-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;flex-shrink:0}.mtd-add-btn:hover{background:#2563eb}.mt-btn-action{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .2s}.mt-btn-action:hover{background-color:#fee2e2;color:#ef4444}.mtd-suggestions-list{position:absolute;top:100%;left:0;right:56px;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 16px #0000001a;max-height:200px;overflow-y:auto;z-index:20;margin-top:4px}.mtd-suggestion-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:13px;color:var(--text-primary);transition:background .1s;border-bottom:1px solid var(--bg-hover)}.mtd-suggestion-item:last-child{border-bottom:none}.mtd-suggestion-item:hover{background:#eff6ff}.mtd-suggestion-avatar{width:26px;height:26px;border-radius:50%;background:#3b82f6;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtd-suggestion-empty{padding:12px 14px;font-size:12px;color:#9ca3af;text-align:center}.mtd-section-divider{font-size:11px;color:#9ca3af;padding:8px 14px 4px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-primary)}.mt-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mt-modal{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:500px;box-shadow:0 25px 50px -12px #00000040;overflow-y:auto;max-height:90vh}.mt-modal h2{font-size:18px;font-weight:700;margin:0 0 16px;color:var(--text-primary)}.mt-modal-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.mt-modal-input,.mt-modal-select,.mt-modal-textarea{width:100%;padding:10px 14px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;margin-bottom:12px;box-sizing:border-box}.mt-modal-input:focus,.mt-modal-select:focus,.mt-modal-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.mt-modal-textarea{min-height:80px;resize:vertical;font-family:inherit}.mt-modal-row{display:flex;gap:12px}.mt-modal-row>*{flex:1}.mt-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.mt-modal-btn-cancel{padding:8px 16px;border:1px solid var(--border-hover);border-radius:8px;background:#fff;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500}.mt-modal-btn-cancel:hover{background:var(--bg-hover)}.mt-modal-btn-save{padding:8px 16px;border:none;border-radius:8px;background:#3b82f6;color:#fff;cursor:pointer;font-size:14px;font-weight:600}.mt-modal-btn-save:hover{background:#2563eb}@media(max-width:768px){.mtd-detail-body{grid-template-columns:1fr}}.tw-container{padding:24px;color:var(--text-primary);font-family:Roboto,Inter,sans-serif;box-sizing:border-box;background-color:var(--bg-primary);min-height:calc(100vh - 10dvh);width:100%}.tw-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tw-title-wrap h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.tw-title-wrap h1 svg{color:#10b981;font-size:28px}.tw-title-wrap p{font-size:14px;color:var(--text-muted);margin:0}.tw-btn-add{display:flex;align-items:center;gap:8px;background-color:#10b981;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #10b98133}.tw-btn-add:hover{background-color:#059669;transform:translateY(-1px)}.tw-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.tw-stat-card{background:var(--bg-secondary);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1)}.tw-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d}.tw-stat-card.s1{border-left:4px solid #10b981}.tw-stat-card.s2{border-left:4px solid #3b82f6}.tw-stat-card.s3{border-left:4px solid #f59e0b}.tw-stat-card.s4{border-left:4px solid #8b5cf6}.tw-card-data{display:flex;flex-direction:column}.tw-card-title{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.tw-card-value{font-size:24px;font-weight:700;color:var(--text-primary)}.tw-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.s1 .tw-card-icon{background:#10b9811a;color:#10b981}.s2 .tw-card-icon{background:#3b82f61a;color:#3b82f6}.s3 .tw-card-icon{background:#f59e0b1a;color:#f59e0b}.s4 .tw-card-icon{background:#8b5cf61a;color:#8b5cf6}.tw-controls-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:24px}.tw-search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:200px}.tw-search-input{padding:8px 12px 8px 36px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;transition:all .2s;width:100%}.tw-search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.tw-search-icon{position:absolute;left:10px;color:#9ca3af;font-size:20px;display:flex;align-items:center}.tw-filter-select{padding:8px 12px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;background:#fff;color:var(--text-secondary);outline:none;cursor:pointer}.tw-teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.tw-team-card{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.tw-team-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px -5px #0000001a}.tw-team-banner{height:6px}.tw-team-body{padding:20px}.tw-team-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.tw-team-name{font-size:17px;font-weight:700;color:var(--text-primary);margin:0}.tw-team-status{padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tw-team-status.active{background:#ecfdf5;color:#065f46}.tw-team-status.archived{background:var(--bg-hover);color:var(--text-muted)}.tw-team-desc{font-size:13px;color:var(--text-muted);margin-bottom:16px;line-height:1.5;height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tw-team-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.tw-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.tw-meta-item svg{font-size:16px;color:#9ca3af}.tw-team-members{display:flex;align-items:center;gap:8px;margin-bottom:14px}.tw-member-avatars{display:flex}.tw-member-avatar{width:30px;height:30px;border-radius:50%;border:2px solid white;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:-8px}.tw-member-avatar:first-child{margin-left:0}.tw-member-more{font-size:12px;color:#9ca3af;margin-left:4px}.tw-team-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--bg-hover);padding-top:14px}.tw-team-leader{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.tw-leader-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.tw-team-actions{display:flex;gap:4px}.tw-btn-action:hover{background-color:var(--bg-hover);color:var(--text-primary)}.tw-btn-action.btn-del:hover{background-color:#fee2e2;color:#ef4444}.tw-btn-action.btn-color:hover{background-color:#f0fdf4;color:#10b981}.tw-color-picker{position:absolute;bottom:35px;right:0;background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;box-shadow:0 4px 12px #0000001a;z-index:20}.tw-color-circle{width:22px;height:22px;border-radius:50%;cursor:pointer;transition:transform .1s;border:1px solid rgba(0,0,0,.1)}.tw-color-circle:hover{transform:scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 3px #10b981}.tw-empty{padding:48px;text-align:center;color:#9ca3af;font-size:15px}.tw-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tw-modal{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:480px;box-shadow:0 25px 50px -12px #00000040}.tw-modal h2{font-size:18px;font-weight:700;margin:0 0 16px;color:var(--text-primary)}.tw-modal-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.tw-modal-input{width:100%;padding:10px 14px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;margin-bottom:12px;box-sizing:border-box;transition:border-color .2s}.tw-modal-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.tw-modal-textarea{width:100%;padding:10px 14px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;margin-bottom:16px;min-height:80px;resize:vertical;box-sizing:border-box;font-family:inherit}.tw-modal-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.tw-modal-actions{display:flex;gap:10px;justify-content:flex-end}.tw-modal-btn-cancel{padding:8px 16px;border:1px solid var(--border-hover);border-radius:8px;background:#fff;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500}.tw-modal-btn-cancel:hover{background:var(--bg-hover)}.tw-modal-btn-save{padding:8px 16px;border:none;border-radius:8px;background:#10b981;color:#fff;cursor:pointer;font-size:14px;font-weight:600}.tw-modal-btn-save:hover{background:#059669}.twd-back-bar{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-weight:600;font-size:14px;cursor:pointer;margin-bottom:20px;transition:color .15s}.twd-back-bar:hover{color:#10b981}.twd-detail-card{background:#fff;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;overflow:hidden;margin-bottom:24px;font-family:Roboto,Inter,sans-serif}.twd-detail-header{padding:24px;position:relative;color:#fff}.twd-detail-banner-overlay{position:absolute;inset:0;opacity:.85}.twd-detail-header-content{position:relative;z-index:10}.twd-detail-title-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.twd-detail-name{font-size:24px;font-weight:800;margin:0 0 6px}.twd-detail-desc{font-size:14px;margin:0 0 20px;max-width:700px;opacity:.9;line-height:1.6}.twd-header-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;opacity:.95}.twd-header-meta-item{display:flex;align-items:center;gap:6px}.twd-actions-row{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.twd-btn-join{display:flex;align-items:center;gap:8px;background:#fff;color:var(--text-primary);border:1px solid var(--border-hover);border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.twd-btn-join:hover{background:var(--bg-primary);border-color:#cbd5e1}.twd-btn-join.joined{background:#fff3;color:#fff;border-color:transparent;cursor:default}.twd-detail-body{padding:24px;display:grid;grid-template-columns:1fr 340px;gap:24px}.twd-members-section h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.twd-members-list{display:flex;flex-direction:column;gap:10px}.twd-member-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-primary);border-radius:10px;border:1px solid var(--bg-hover)}.twd-member-info{display:flex;align-items:center;gap:10px}.twd-member-avatar-round{width:32px;height:32px;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.twd-member-name-text{font-size:14px;font-weight:600;color:var(--text-primary)}.twd-member-role-label{font-size:12px;color:var(--text-muted);background:var(--bg-hover);padding:2px 8px;border-radius:8px}.twd-member-role-label.leader{background:#fffbeb;color:#b45309;font-weight:600}.twd-add-member-card{background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);padding:20px;height:fit-content}.twd-add-member-title{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 12px;display:flex;align-items:center;gap:6px}.twd-add-input-wrap{display:flex;gap:8px;position:relative}.twd-add-input{flex:1;padding:8px 12px;border:1px solid var(--border-hover);border-radius:6px;font-size:13px;outline:none;width:100%;box-sizing:border-box}.twd-add-input:focus{border-color:#10b981}.twd-add-btn{background:#10b981;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;flex-shrink:0}.twd-add-btn:hover{background:#059669}.tw-btn-action{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .2s}.tw-btn-action:hover{background-color:#fee2e2;color:#ef4444}.twd-suggestions-list{position:absolute;top:100%;left:0;right:56px;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 16px #0000001a;max-height:200px;overflow-y:auto;z-index:20;margin-top:4px}.twd-suggestion-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:13px;color:var(--text-primary);transition:background .1s;border-bottom:1px solid var(--bg-hover)}.twd-suggestion-item:last-child{border-bottom:none}.twd-suggestion-item:hover{background:#ecfdf5}.twd-suggestion-avatar{width:26px;height:26px;border-radius:50%;background:#10b981;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.twd-suggestion-empty{padding:12px 14px;font-size:12px;color:#9ca3af;text-align:center}.twd-section-divider{font-size:11px;color:#9ca3af;padding:8px 14px 4px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-primary)}@media(max-width:768px){.twd-detail-body{grid-template-columns:1fr}}.pdf-container{padding:24px;color:var(--text-primary);font-family:Roboto,Inter,sans-serif;box-sizing:border-box;background-color:var(--bg-primary);min-height:calc(100vh - 10dvh);width:100%}.pdf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pdf-title-wrap h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.pdf-title-wrap h1 svg{color:#ef4444;font-size:28px}.pdf-title-wrap p{font-size:14px;color:var(--text-muted);margin:0}.pdf-btn-upload{display:flex;align-items:center;gap:8px;background-color:#ef4444;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #ef444433,0 2px 4px -1px #ef44441a}.pdf-btn-upload:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 10px 15px -3px #ef44444d,0 4px 6px -2px #ef44441a}.pdf-btn-upload:active{transform:translateY(0)}.pdf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.pdf-stat-card{background:var(--bg-secondary);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1)}.pdf-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.pdf-stat-card.s1{border-left:4px solid #ef4444}.pdf-stat-card.s2{border-left:4px solid #f97316}.pdf-stat-card.s3{border-left:4px solid #8b5cf6}.pdf-stat-card.s4{border-left:4px solid #06b6d4}.pdf-card-data{display:flex;flex-direction:column}.pdf-card-title{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.pdf-card-value{font-size:24px;font-weight:700;color:var(--text-primary)}.pdf-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.s1 .pdf-card-icon{background:#ef44441a;color:#ef4444}.s2 .pdf-card-icon{background:#f973161a;color:#f97316}.s3 .pdf-card-icon{background:#8b5cf61a;color:#8b5cf6}.s4 .pdf-card-icon{background:#06b6d41a;color:#06b6d4}.pdf-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);overflow:hidden}.pdf-section-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.pdf-section-title{font-size:16px;font-weight:700;color:var(--text-primary)}.pdf-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.pdf-search-wrap{position:relative;display:flex;align-items:center}.pdf-search-input{padding:8px 12px 8px 36px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;transition:all .2s;width:220px}.pdf-search-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.pdf-search-icon{position:absolute;left:10px;color:#9ca3af;font-size:20px;display:flex;align-items:center}.pdf-sort-select{padding:8px 12px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;background:#fff;color:var(--text-secondary);outline:none;cursor:pointer;transition:border-color .2s}.pdf-sort-select:focus{border-color:#ef4444}.pdf-table-wrap{width:100%;overflow-x:auto}.pdf-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.pdf-table th{background:var(--bg-primary);padding:12px 20px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:11px;letter-spacing:.05em}.pdf-table td{padding:14px 20px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}.pdf-table tr{transition:background .15s ease}.pdf-table tr:hover{background-color:#fef2f2}.pdf-name-cell{display:flex;align-items:center;font-weight:500;color:var(--text-primary);cursor:pointer}.pdf-name-cell:hover{color:#ef4444;text-decoration:underline}.pdf-name-cell svg{color:#ef4444;font-size:22px;margin-right:12px}.pdf-author-cell{display:flex;align-items:center}.pdf-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.pdf-badge{background-color:#fef2f2;color:#991b1b;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.pdf-pages-badge{background-color:var(--bg-hover);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.pdf-actions{display:flex;gap:6px}.pdf-btn-action{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .2s}.pdf-btn-action:hover{background-color:var(--bg-hover);color:var(--text-primary)}.pdf-btn-action.btn-del:hover{background-color:#fee2e2;color:#ef4444}.pdf-empty{padding:48px;text-align:center;color:#9ca3af;font-size:15px}.pdf-tags-cell{display:flex;flex-wrap:wrap;gap:4px}.pdf-tag-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);white-space:nowrap}.pdf-tag-badge.tag-quiz{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}.pdf-no-tag{color:var(--border-hover);font-size:13px}.pdf-btn-action.btn-quiz{color:#7c3aed}.pdf-btn-action.btn-quiz:hover{background-color:#ede9fe;color:#6d28d9}.word-container{padding:24px;color:var(--text-primary);font-family:Roboto,Inter,sans-serif;box-sizing:border-box;background-color:var(--bg-primary);min-height:calc(100vh - 10dvh);width:100%}.word-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.word-title-wrap h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.word-title-wrap h1 svg{color:#3b82f6;font-size:28px}.word-title-wrap p{font-size:14px;color:var(--text-muted);margin:0}.word-btn-upload{display:flex;align-items:center;gap:8px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #3b82f633,0 2px 4px -1px #3b82f61a}.word-btn-upload:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 10px 15px -3px #3b82f64d,0 4px 6px -2px #3b82f61a}.word-btn-upload:active{transform:translateY(0)}.word-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.word-stat-card{background:var(--bg-secondary);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1)}.word-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.word-stat-card.s1{border-left:4px solid #3b82f6}.word-stat-card.s2{border-left:4px solid #6366f1}.word-stat-card.s3{border-left:4px solid #10b981}.word-stat-card.s4{border-left:4px solid #f59e0b}.word-card-data{display:flex;flex-direction:column}.word-card-title{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.word-card-value{font-size:24px;font-weight:700;color:var(--text-primary)}.word-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.s1 .word-card-icon{background:#3b82f61a;color:#3b82f6}.s2 .word-card-icon{background:#6366f11a;color:#6366f1}.s3 .word-card-icon{background:#10b9811a;color:#10b981}.s4 .word-card-icon{background:#f59e0b1a;color:#f59e0b}.word-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);overflow:hidden}.word-section-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.word-section-title{font-size:16px;font-weight:700;color:var(--text-primary)}.word-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.word-search-wrap{position:relative;display:flex;align-items:center}.word-search-input{padding:8px 12px 8px 36px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;transition:all .2s;width:220px}.word-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.word-search-icon{position:absolute;left:10px;color:#9ca3af;font-size:20px;display:flex;align-items:center}.word-sort-select{padding:8px 12px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;background:#fff;color:var(--text-secondary);outline:none;cursor:pointer;transition:border-color .2s}.word-sort-select:focus{border-color:#3b82f6}.word-table-wrap{width:100%;overflow-x:auto}.word-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.word-table th{background:var(--bg-primary);padding:12px 20px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:11px;letter-spacing:.05em}.word-table td{padding:14px 20px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}.word-table tr{transition:background .15s ease}.word-table tr:hover{background-color:#eff6ff}.word-name-cell{display:flex;align-items:center;font-weight:500;color:var(--text-primary);cursor:pointer}.word-name-cell:hover{color:#3b82f6;text-decoration:underline}.word-name-cell svg{color:#3b82f6;font-size:22px;margin-right:12px}.word-author-cell{display:flex;align-items:center}.word-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.word-badge{background-color:#eff6ff;color:#1e40af;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.word-words-badge{background-color:var(--bg-hover);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.word-actions{display:flex;gap:6px}.word-btn-action{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .2s}.word-btn-action:hover{background-color:var(--bg-hover);color:var(--text-primary)}.word-btn-action.btn-del:hover{background-color:#fee2e2;color:#ef4444}.word-empty{padding:48px;text-align:center;color:#9ca3af;font-size:15px}.word-tags-cell{display:flex;flex-wrap:wrap;gap:4px}.word-tag-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);white-space:nowrap}.word-tag-badge.tag-quiz{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}.word-no-tag{color:var(--border-hover);font-size:13px}.word-btn-action.btn-quiz{color:#7c3aed}.word-btn-action.btn-quiz:hover{background-color:#ede9fe;color:#6d28d9}.excel-container{padding:24px;color:var(--text-primary);font-family:Roboto,Inter,sans-serif;box-sizing:border-box;background-color:var(--bg-primary);min-height:calc(100vh - 10dvh);width:100%}.excel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.excel-title-wrap h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.excel-title-wrap h1 svg{color:#10b981;font-size:28px}.excel-title-wrap p{font-size:14px;color:var(--text-muted);margin:0}.excel-btn-upload{display:flex;align-items:center;gap:8px;background-color:#10b981;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #10b98133,0 2px 4px -1px #10b9811a}.excel-btn-upload:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 10px 15px -3px #10b9814d,0 4px 6px -2px #10b9811a}.excel-btn-upload:active{transform:translateY(0)}.excel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.excel-stat-card{background:var(--bg-secondary);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1)}.excel-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.excel-stat-card.s1{border-left:4px solid #10b981}.excel-stat-card.s2{border-left:4px solid #3b82f6}.excel-stat-card.s3{border-left:4px solid #f59e0b}.excel-stat-card.s4{border-left:4px solid #8b5cf6}.excel-card-data{display:flex;flex-direction:column}.excel-card-title{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.excel-card-value{font-size:24px;font-weight:700;color:var(--text-primary)}.excel-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.s1 .excel-card-icon{background:#10b9811a;color:#10b981}.s2 .excel-card-icon{background:#3b82f61a;color:#3b82f6}.s3 .excel-card-icon{background:#f59e0b1a;color:#f59e0b}.s4 .excel-card-icon{background:#8b5cf61a;color:#8b5cf6}.excel-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);overflow:hidden}.excel-section-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.excel-section-title{font-size:16px;font-weight:700;color:var(--text-primary)}.excel-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.excel-search-wrap{position:relative;display:flex;align-items:center}.excel-search-input{padding:8px 12px 8px 36px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;transition:all .2s;width:220px}.excel-search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.excel-search-icon{position:absolute;left:10px;color:#9ca3af;font-size:20px;display:flex;align-items:center}.excel-sort-select{padding:8px 12px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;background:#fff;color:var(--text-secondary);outline:none;cursor:pointer;transition:border-color .2s}.excel-sort-select:focus{border-color:#10b981}.excel-table-wrap{width:100%;overflow-x:auto}.excel-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.excel-table th{background:var(--bg-primary);padding:12px 20px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:11px;letter-spacing:.05em}.excel-table td{padding:14px 20px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}.excel-table tr{transition:background .15s ease}.excel-table tr:hover{background-color:#ecfdf5}.excel-name-cell{display:flex;align-items:center;font-weight:500;color:var(--text-primary);cursor:pointer}.excel-name-cell:hover{color:#10b981;text-decoration:underline}.excel-name-cell svg{color:#10b981;font-size:22px;margin-right:12px}.excel-author-cell{display:flex;align-items:center}.excel-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.excel-badge{background-color:#ecfdf5;color:#065f46;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.excel-sheets-badge{background-color:var(--bg-hover);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.excel-actions{display:flex;gap:6px}.excel-btn-action{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .2s}.excel-btn-action:hover{background-color:var(--bg-hover);color:var(--text-primary)}.excel-btn-action.btn-del:hover{background-color:#fee2e2;color:#ef4444}.excel-empty{padding:48px;text-align:center;color:#9ca3af;font-size:15px}.media-container{padding:24px;color:var(--text-primary);font-family:Roboto,Inter,sans-serif;box-sizing:border-box;background-color:var(--bg-primary);min-height:calc(100vh - 10dvh);width:100%}.media-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.media-title-wrap h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.media-title-wrap h1 svg{color:#8b5cf6;font-size:28px}.media-title-wrap p{font-size:14px;color:var(--text-muted);margin:0}.media-btn-upload{display:flex;align-items:center;gap:8px;background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #8b5cf633,0 2px 4px -1px #8b5cf61a}.media-btn-upload:hover{background-color:#7c3aed;transform:translateY(-1px);box-shadow:0 10px 15px -3px #8b5cf64d}.media-btn-upload:active{transform:translateY(0)}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.media-stat-card{background:var(--bg-secondary);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1)}.media-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d}.media-stat-card.s1{border-left:4px solid #8b5cf6}.media-stat-card.s2{border-left:4px solid #3b82f6}.media-stat-card.s3{border-left:4px solid #ef4444}.media-stat-card.s4{border-left:4px solid #10b981}.media-card-data{display:flex;flex-direction:column}.media-card-title{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.media-card-value{font-size:24px;font-weight:700;color:var(--text-primary)}.media-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.s1 .media-card-icon{background:#8b5cf61a;color:#8b5cf6}.s2 .media-card-icon{background:#3b82f61a;color:#3b82f6}.s3 .media-card-icon{background:#ef44441a;color:#ef4444}.s4 .media-card-icon{background:#10b9811a;color:#10b981}.media-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);overflow:hidden}.media-section-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.media-section-title{font-size:16px;font-weight:700;color:var(--text-primary)}.media-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.media-search-wrap{position:relative;display:flex;align-items:center}.media-search-input{padding:8px 12px 8px 36px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;transition:all .2s;width:220px}.media-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.media-search-icon{position:absolute;left:10px;color:#9ca3af;font-size:20px;display:flex;align-items:center}.media-filter-select{padding:8px 12px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;background:#fff;color:var(--text-secondary);outline:none;cursor:pointer;transition:border-color .2s}.media-filter-select:focus{border-color:#8b5cf6}.media-view-toggle{display:flex;gap:4px}.media-view-btn{background:transparent;border:1px solid var(--border-hover);cursor:pointer;padding:6px 10px;border-radius:6px;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .2s}.media-view-btn.active{background-color:#8b5cf6;color:#fff;border-color:#8b5cf6}.media-table-wrap{width:100%;overflow-x:auto}.media-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.media-table th{background:var(--bg-primary);padding:12px 20px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:11px;letter-spacing:.05em}.media-table td{padding:14px 20px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}.media-table tr{transition:background .15s ease}.media-table tr:hover{background-color:#f5f3ff}.media-name-cell{display:flex;align-items:center;font-weight:500;color:var(--text-primary);cursor:pointer}.media-name-cell:hover{color:#8b5cf6;text-decoration:underline}.media-name-cell svg{font-size:22px;margin-right:12px}.media-author-cell{display:flex;align-items:center}.media-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.media-size-badge{background-color:#f5f3ff;color:#6d28d9;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.media-res-badge{background-color:var(--bg-hover);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.media-actions{display:flex;gap:6px}.media-btn-action{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .2s}.media-btn-action:hover{background-color:var(--bg-hover);color:var(--text-primary)}.media-btn-action.btn-del:hover{background-color:#fee2e2;color:#ef4444}.media-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:20px}.media-grid-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.media-grid-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #00000014;border-color:#8b5cf6}.media-grid-card-icon{width:100%;height:100px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.media-grid-card-icon svg{font-size:40px}.media-grid-card-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px;word-break:break-all}.media-grid-card-meta{font-size:12px;color:var(--text-muted);margin-bottom:4px}.media-grid-card-actions{display:flex;gap:6px;margin-top:8px}.media-empty{padding:48px;text-align:center;color:#9ca3af;font-size:15px}.zip-container{padding:24px;color:var(--text-primary);font-family:Roboto,Inter,sans-serif;box-sizing:border-box;background-color:var(--bg-primary);min-height:calc(100vh - 10dvh);width:100%}.zip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.zip-title-wrap h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.zip-title-wrap h1 svg{color:#f59e0b;font-size:28px}.zip-title-wrap p{font-size:14px;color:var(--text-muted);margin:0}.zip-btn-upload{display:flex;align-items:center;gap:8px;background-color:#f59e0b;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #f59e0b33,0 2px 4px -1px #f59e0b1a}.zip-btn-upload:hover{background-color:#d97706;transform:translateY(-1px);box-shadow:0 10px 15px -3px #f59e0b4d}.zip-btn-upload:active{transform:translateY(0)}.zip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.zip-stat-card{background:var(--bg-secondary);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1)}.zip-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d}.zip-stat-card.s1{border-left:4px solid #f59e0b}.zip-stat-card.s2{border-left:4px solid #ef4444}.zip-stat-card.s3{border-left:4px solid #3b82f6}.zip-stat-card.s4{border-left:4px solid #10b981}.zip-card-data{display:flex;flex-direction:column}.zip-card-title{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.zip-card-value{font-size:24px;font-weight:700;color:var(--text-primary)}.zip-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.s1 .zip-card-icon{background:#f59e0b1a;color:#f59e0b}.s2 .zip-card-icon{background:#ef44441a;color:#ef4444}.s3 .zip-card-icon{background:#3b82f61a;color:#3b82f6}.s4 .zip-card-icon{background:#10b9811a;color:#10b981}.zip-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);overflow:hidden}.zip-section-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.zip-section-title{font-size:16px;font-weight:700;color:var(--text-primary)}.zip-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.zip-search-wrap{position:relative;display:flex;align-items:center}.zip-search-input{padding:8px 12px 8px 36px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;transition:all .2s;width:220px}.zip-search-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.zip-search-icon{position:absolute;left:10px;color:#9ca3af;font-size:20px;display:flex;align-items:center}.zip-filter-select{padding:8px 12px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;background:#fff;color:var(--text-secondary);outline:none;cursor:pointer;transition:border-color .2s}.zip-filter-select:focus{border-color:#f59e0b}.zip-table-wrap{width:100%;overflow-x:auto}.zip-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.zip-table th{background:var(--bg-primary);padding:12px 20px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:11px;letter-spacing:.05em}.zip-table td{padding:14px 20px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}.zip-table tr{transition:background .15s ease}.zip-table tr:hover{background-color:#fffbeb}.zip-name-cell{display:flex;align-items:center;font-weight:500;color:var(--text-primary);cursor:pointer}.zip-name-cell:hover{color:#f59e0b;text-decoration:underline}.zip-name-cell svg{color:#f59e0b;font-size:22px;margin-right:12px}.zip-author-cell{display:flex;align-items:center}.zip-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.zip-size-badge{background-color:#fffbeb;color:#92400e;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.zip-count-badge{background-color:var(--bg-hover);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.zip-actions{display:flex;gap:6px}.zip-btn-action{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .2s}.zip-btn-action:hover{background-color:var(--bg-hover);color:var(--text-primary)}.zip-btn-action.btn-del:hover{background-color:#fee2e2;color:#ef4444}.zip-empty{padding:48px;text-align:center;color:#9ca3af;font-size:15px}.note-container{padding:24px;color:var(--text-primary);font-family:Roboto,Inter,sans-serif;box-sizing:border-box;background-color:var(--bg-primary);min-height:calc(100vh - 10dvh);width:100%}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.note-title-wrap h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.note-title-wrap h1 svg{color:#eab308;font-size:28px}.note-title-wrap p{font-size:14px;color:var(--text-muted);margin:0}.note-btn-add{display:flex;align-items:center;gap:8px;background-color:#eab308;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #eab30833,0 2px 4px -1px #eab3081a}.note-btn-add:hover{background-color:#ca8a04;transform:translateY(-1px);box-shadow:0 10px 15px -3px #eab3084d}.note-btn-add:active{transform:translateY(0)}.note-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.note-stat-card{background:var(--bg-secondary);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1)}.note-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d}.note-stat-card.s1{border-left:4px solid #eab308}.note-stat-card.s2{border-left:4px solid #ef4444}.note-stat-card.s3{border-left:4px solid #3b82f6}.note-stat-card.s4{border-left:4px solid #10b981}.note-card-data{display:flex;flex-direction:column}.note-card-title{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.note-card-value{font-size:24px;font-weight:700;color:var(--text-primary)}.note-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.s1 .note-card-icon{background:#eab3081a;color:#eab308}.s2 .note-card-icon{background:#ef44441a;color:#ef4444}.s3 .note-card-icon{background:#3b82f61a;color:#3b82f6}.s4 .note-card-icon{background:#10b9811a;color:#10b981}.note-controls-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:24px}.note-search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:200px}.note-search-input{padding:8px 12px 8px 36px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;transition:all .2s;width:100%}.note-search-input:focus{border-color:#eab308;box-shadow:0 0 0 3px #eab30826}.note-search-icon{position:absolute;left:10px;color:#9ca3af;font-size:20px;display:flex;align-items:center}.note-filter-select{padding:8px 12px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;background:#fff;color:var(--text-secondary);outline:none;cursor:pointer;transition:border-color .2s}.note-filter-select:focus{border-color:#eab308}.notes-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.note-card{border-radius:12px;padding:20px;position:relative;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.06);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:default;min-height:160px;display:flex;flex-direction:column}.note-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px -5px #0000001f}.note-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.note-card-header h3{font-size:15px;font-weight:700;color:var(--text-primary);margin:0;flex:1;cursor:pointer}.note-card-header h3:hover{color:#eab308;text-decoration:underline}.note-pin-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#9ca3af;transition:all .2s;display:flex}.note-pin-btn.pinned,.note-pin-btn:hover{color:#eab308}.note-card-content{font-size:13px;color:var(--text-secondary);line-height:1.6;flex:1;white-space:pre-line;margin-bottom:12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.note-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.note-tag{background:#0000000f;color:var(--text-secondary);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.note-card-footer{display:flex;justify-content:space-between;align-items:center}.note-card-meta{font-size:11px;color:#9ca3af}.note-card-author{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.note-mini-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#eab308,#ca8a04);color:#fff;font-size:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.note-card-actions{display:flex;gap:4px}.note-btn-action{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .2s}.note-btn-action:hover{background-color:#0000000f;color:var(--text-primary)}.note-btn-action.btn-del:hover{background-color:#fee2e2;color:#ef4444}.note-empty{padding:48px;text-align:center;color:#9ca3af;font-size:15px}.note-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.note-modal{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:480px;box-shadow:0 25px 50px -12px #00000040}.note-modal h2{font-size:18px;font-weight:700;margin:0 0 16px;color:var(--text-primary)}.note-modal-input{width:100%;padding:10px 14px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;margin-bottom:12px;box-sizing:border-box;transition:border-color .2s}.note-modal-input:focus{border-color:#eab308;box-shadow:0 0 0 3px #eab30826}.note-modal-textarea{width:100%;padding:10px 14px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;margin-bottom:16px;min-height:120px;resize:vertical;box-sizing:border-box;font-family:inherit;transition:border-color .2s}.note-modal-textarea:focus{border-color:#eab308;box-shadow:0 0 0 3px #eab30826}.note-modal-actions{display:flex;gap:10px;justify-content:flex-end}.note-modal-btn-cancel{padding:8px 16px;border:1px solid var(--border-hover);border-radius:8px;background:#fff;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.note-modal-btn-cancel:hover{background:var(--bg-hover)}.note-modal-btn-save{padding:8px 16px;border:none;border-radius:8px;background:#eab308;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.note-modal-btn-save:hover{background:#ca8a04}.diff-container{padding:24px;color:var(--text-primary);font-family:Roboto,Inter,sans-serif;box-sizing:border-box;background-color:var(--bg-primary);min-height:calc(100vh - 10dvh);width:100%}.diff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.diff-title-wrap h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.diff-title-wrap h1 svg{color:var(--text-muted);font-size:28px}.diff-title-wrap p{font-size:14px;color:var(--text-muted);margin:0}.diff-btn-upload{display:flex;align-items:center;gap:8px;background-color:#6366f1;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #6366f133,0 2px 4px -1px #6366f11a}.diff-btn-upload:hover{background-color:#4f46e5;transform:translateY(-1px);box-shadow:0 10px 15px -3px #6366f14d}.diff-btn-upload:active{transform:translateY(0)}.diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.diff-stat-card{background:var(--bg-secondary);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1)}.diff-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d}.diff-stat-card.s1{border-left:4px solid #6366f1}.diff-stat-card.s2{border-left:4px solid #f97316}.diff-stat-card.s3{border-left:4px solid #06b6d4}.diff-stat-card.s4{border-left:4px solid #10b981}.diff-card-data{display:flex;flex-direction:column}.diff-card-title{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.diff-card-value{font-size:24px;font-weight:700;color:var(--text-primary)}.diff-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.s1 .diff-card-icon{background:#6366f11a;color:#6366f1}.s2 .diff-card-icon{background:#f973161a;color:#f97316}.s3 .diff-card-icon{background:#06b6d41a;color:#06b6d4}.s4 .diff-card-icon{background:#10b9811a;color:#10b981}.diff-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);overflow:hidden}.diff-section-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.diff-section-title{font-size:16px;font-weight:700;color:var(--text-primary)}.diff-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.diff-search-wrap{position:relative;display:flex;align-items:center}.diff-search-input{padding:8px 12px 8px 36px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;outline:none;transition:all .2s;width:220px}.diff-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.diff-search-icon{position:absolute;left:10px;color:#9ca3af;font-size:20px;display:flex;align-items:center}.diff-filter-select{padding:8px 12px;border:1px solid var(--border-hover);border-radius:8px;font-size:14px;background:#fff;color:var(--text-secondary);outline:none;cursor:pointer;transition:border-color .2s}.diff-filter-select:focus{border-color:#6366f1}.diff-table-wrap{width:100%;overflow-x:auto}.diff-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.diff-table th{background:var(--bg-primary);padding:12px 20px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:11px;letter-spacing:.05em}.diff-table td{padding:14px 20px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}.diff-table tr{transition:background .15s ease}.diff-table tr:hover{background-color:#eef2ff}.diff-name-cell{display:flex;align-items:center;font-weight:500;color:var(--text-primary);cursor:pointer}.diff-name-cell:hover{color:#6366f1;text-decoration:underline}.diff-name-cell svg{font-size:22px;margin-right:12px}.diff-author-cell{display:flex;align-items:center}.diff-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.diff-size-badge{background-color:#eef2ff;color:#3730a3;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.diff-type-badge{background-color:var(--bg-hover);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;font-family:monospace}.diff-actions{display:flex;gap:6px}.diff-btn-action{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .2s}.diff-btn-action:hover{background-color:var(--bg-hover);color:var(--text-primary)}.diff-btn-action.btn-del:hover{background-color:#fee2e2;color:#ef4444}.diff-empty{padding:48px;text-align:center;color:#9ca3af;font-size:15px}.quiz-container{padding:24px;color:var(--text-primary);font-family:Roboto,Inter,sans-serif;box-sizing:border-box;background-color:var(--bg-primary);min-height:calc(100vh - 10dvh);width:100%}.quiz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--text-muted);font-size:15px}.quiz-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#6366f1;border-radius:50%;animation:quiz-spin .8s linear infinite}@keyframes quiz-spin{to{transform:rotate(360deg)}}.quiz-error-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:12px;text-align:center}.quiz-error-wrap h2{margin:0;font-size:20px;color:var(--text-primary)}.quiz-error-wrap p{margin:0;color:var(--text-muted);font-size:14px;max-width:400px}.quiz-btn-back{display:flex;align-items:center;gap:6px;margin-top:8px;background:var(--bg-tertiary);border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;color:var(--text-secondary);transition:all .2s}.quiz-btn-back:hover{background:var(--border-color);color:var(--text-primary)}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;color:#fff;box-shadow:0 4px 15px -3px #6366f14d;flex-wrap:wrap;gap:12px}.quiz-header-left{display:flex;align-items:center;gap:12px}.quiz-btn-back-icon{background:#ffffff26;border:none;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s}.quiz-btn-back-icon:hover{background:#ffffff4d;transform:translate(-2px)}.quiz-header-info h1{margin:0;font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.quiz-header-info h1 svg{font-size:24px}.quiz-header-info p{margin:4px 0 0;font-size:13px;opacity:.85}.quiz-header-right{display:flex;align-items:center;gap:20px}.quiz-timer{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;background:#ffffff26;padding:8px 16px;border-radius:10px}.quiz-progress-info{display:flex;flex-direction:column;gap:4px;min-width:140px}.quiz-progress-text{font-size:12px;opacity:.9}.quiz-progress-bar{height:6px;background:#fff3;border-radius:3px;overflow:hidden}.quiz-progress-fill{height:100%;background:#fbbf24;border-radius:3px;transition:width .4s ease}.quiz-result-banner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-radius:14px;margin-bottom:20px;animation:quiz-slideDown .4s ease;flex-wrap:wrap;gap:12px}@keyframes quiz-slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.quiz-result-banner.pass{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 15px -3px #10b9814d}.quiz-result-banner.fail{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;box-shadow:0 4px 15px -3px #ef44444d}.quiz-result-content{display:flex;align-items:center;gap:14px}.quiz-result-text h2{margin:0;font-size:18px;font-weight:700}.quiz-result-text p{margin:2px 0 0;font-size:13px;opacity:.9}.quiz-btn-reset{display:flex;align-items:center;gap:6px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;color:#fff;transition:all .2s}.quiz-btn-reset:hover{background:#ffffff59}.quiz-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.quiz-questions{display:flex;flex-direction:column;gap:16px}.quiz-question-card{background:var(--bg-secondary);border-radius:14px;padding:20px 24px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000a;transition:all .3s ease}.quiz-question-card.correct{border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.quiz-question-card.incorrect{border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.quiz-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.quiz-question-num{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6366f1;background:#eef2ff;padding:6px 14px;border-radius:9999px;display:inline-block}.quiz-question-status{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;padding:6px 12px;border-radius:9999px;animation:quiz-fadeIn .3s ease}@keyframes quiz-fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.quiz-question-status.correct{color:#059669;background:#ecfdf5}.quiz-question-status.incorrect{color:#dc2626;background:#fef2f2}.quiz-question-text{font-size:17px;font-weight:700;color:var(--text-primary);margin:0 0 20px;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-option{display:flex;align-items:center;gap:16px;width:100%;padding:14px 20px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);font-size:15px;transition:all .2s ease;text-align:left;color:var(--text-secondary)}.quiz-option.interactive{cursor:pointer}.quiz-option.interactive:hover{border-color:#a5b4fc;background:#f5f3ff}.quiz-option.correct-answer{border-color:#10b981;background:#ecfdf5;color:#065f46}.quiz-option.wrong-answer{border-color:#ef4444;background:#fef2f2;color:#991b1b;opacity:.8}.quiz-option-label{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-hover);font-weight:700;font-size:14px;color:var(--text-secondary);flex-shrink:0;transition:all .2s}.quiz-option.correct-answer .quiz-option-label{background:#10b981;color:#fff}.quiz-option.wrong-answer .quiz-option-label{background:#ef4444;color:#fff}.quiz-option-text{flex:1;line-height:1.5}.quiz-option-icon{flex-shrink:0;margin-left:auto}.quiz-option-icon.correct{color:#10b981}.quiz-option-icon.wrong{color:#ef4444}.quiz-correct-note{display:flex;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;background:#ecfdf5;border-radius:8px;font-size:13px;color:#065f46;animation:quiz-fadeIn .3s ease}.quiz-sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 48px)}.quiz-sidebar-card{background:var(--bg-secondary);border-radius:14px;padding:16px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;min-height:0}.quiz-sidebar-card h3{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.quiz-nav-grid-wrap{flex:1;overflow-y:auto;padding-right:4px}.quiz-nav-grid-wrap::-webkit-scrollbar{width:6px}.quiz-nav-grid-wrap::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.quiz-nav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.quiz-nav-item{width:100%;aspect-ratio:1;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);font-size:12px;font-weight:600;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;min-width:0}.quiz-nav-item:hover{border-color:#a5b4fc;background:#f5f3ff}.quiz-nav-item.answered{background:#eef2ff;border-color:#6366f1;color:#6366f1}.quiz-nav-item.correct{background:#ecfdf5;border-color:#10b981;color:#059669}.quiz-nav-item.incorrect{background:#fef2f2;border-color:#ef4444;color:#dc2626}.quiz-stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;border-bottom:1px solid var(--bg-hover)}.quiz-stat-row:last-child{border-bottom:none}.quiz-stat-row span{color:var(--text-muted)}.quiz-stat-row strong{color:var(--text-primary)}.stat-correct{color:#059669!important}.stat-incorrect{color:#dc2626!important}.quiz-btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 10px -2px #6366f14d;transition:all .2s}.quiz-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 15px -3px #6366f166}.quiz-btn-submit:disabled{opacity:.5;cursor:not-allowed}.quiz-btn-reset-full{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;color:var(--text-secondary);background:var(--bg-secondary);transition:all .2s}.quiz-btn-reset-full:hover{background:var(--bg-primary);border-color:var(--border-hover)}@media(max-width:768px){.quiz-body{grid-template-columns:1fr}.quiz-sidebar{position:static;order:-1}.quiz-header{flex-direction:column;align-items:flex-start}.quiz-header-right{width:100%;justify-content:space-between}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors:active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors:active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer .endOfContent.active{top:0}.main-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-layout .main{display:flex;justify-content:space-between;flex:1;overflow:hidden;position:relative}.main-layout .main .menu-wrapper{position:relative;display:flex;flex-shrink:0;width:25dvh;min-width:200px;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1);z-index:10}.main-layout .main .menu-wrapper .menu-inner{width:25dvh;min-width:200px;overflow:hidden;transition:opacity .2s}.main-layout .main .menu-wrapper.collapsed{width:0;min-width:0}.main-layout .main .menu-wrapper.collapsed .menu-inner{opacity:0;pointer-events:none}.main-layout .main .menu-wrapper.collapsed .toggle-menu{right:-24px}.main-layout .main .menu-wrapper .toggle-menu{position:absolute;top:50%;transform:translateY(-50%);right:-24px;width:24px;height:48px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 4px 8px #0000000f;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);z-index:20;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-layout .main .menu-wrapper .toggle-menu:hover{color:var(--text-primary);background:var(--bg-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-50%) scale(1.05)}.main-layout .main .link-outlet{flex:1;overflow-y:auto;transition:all .3s ease;position:relative}.main-layout .main .sidebar-wrapper{position:relative;display:flex;flex-shrink:0;width:340px;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:10}.main-layout .main .sidebar-wrapper .sidebar-inner{width:340px;overflow:hidden;transition:opacity .2s}.main-layout .main .sidebar-wrapper .recent-sidebar{width:340px;min-width:340px;height:100%;display:flex;flex-direction:column}.main-layout .main .sidebar-wrapper.collapsed{width:0}.main-layout .main .sidebar-wrapper.collapsed .sidebar-inner{opacity:0;pointer-events:none}.main-layout .main .sidebar-wrapper.collapsed .toggle-sidebar{left:-24px}.main-layout .main .sidebar-wrapper .toggle-sidebar{position:absolute;top:50%;transform:translateY(-50%);left:-24px;width:24px;height:48px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 4px 8px #0000000f;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);z-index:20;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-layout .main .sidebar-wrapper .toggle-sidebar:hover{color:var(--text-primary);background:var(--bg-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-50%) scale(1.05)}.flashcards-container{padding:24px;max-width:800px;margin:0 auto;font-family:Roboto,Inter,sans-serif;color:var(--text-primary)}.flashcards-container .fc-header{display:flex;align-items:center;margin-bottom:32px}.flashcards-container .fc-header .fc-btn-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;margin-right:16px;display:flex;align-items:center;padding:8px;border-radius:50%;transition:background .2s}.flashcards-container .fc-header .fc-btn-back:hover{background:var(--bg-hover)}.flashcards-container .fc-header h1{font-size:24px;margin:0;display:flex;align-items:center;gap:12px}.flashcards-container .fc-empty{text-align:center;padding:64px 24px;background:var(--bg-secondary);border-radius:16px;box-shadow:0 4px 20px #0000000d}.flashcards-container .fc-empty h2{margin-top:24px;color:var(--text-primary)}.flashcards-container .fc-empty p{color:var(--text-secondary);margin-bottom:24px}.flashcards-container .fc-empty .fc-btn-home{padding:12px 24px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.flashcards-container .fc-empty .fc-btn-home:hover{background:#4f46e5}.flashcards-container .fc-card-wrap{perspective:1000px;width:100%;min-height:400px}.flashcards-container .fc-card{background:var(--bg-secondary);border-radius:16px;padding:32px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;border:1px solid var(--border-color);transition:transform .6s}.flashcards-container .fc-card .fc-doc-name{font-size:13px;color:#6366f1;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.flashcards-container .fc-card .fc-question{font-size:20px;font-weight:700;line-height:1.5;margin-bottom:32px;color:var(--text-primary)}.flashcards-container .fc-card .fc-options{display:flex;flex-direction:column;gap:12px}.flashcards-container .fc-card .fc-options .fc-option{padding:16px;border:2px solid var(--border-color);border-radius:12px;display:flex;align-items:flex-start;gap:16px;opacity:.7}.flashcards-container .fc-card .fc-options .fc-option.correct{border-color:#10b981;background:#10b9811a;opacity:1}.flashcards-container .fc-card .fc-options .fc-option.correct .fc-opt-label{background:#10b981;color:#fff}.flashcards-container .fc-card .fc-options .fc-option .fc-opt-label{background:var(--bg-hover);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;flex-shrink:0}.flashcards-container .fc-actions{margin-top:32px;display:flex;justify-content:center}.flashcards-container .fc-actions .fc-btn-reveal{padding:16px 32px;background:#6366f1;color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #6366f14d;transition:all .2s}.flashcards-container .fc-actions .fc-btn-reveal:hover{background:#4f46e5;transform:translateY(-2px)}.flashcards-container .fc-rating{margin-top:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flashcards-container .fc-rating .fc-btn-rate{padding:16px;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s}.flashcards-container .fc-rating .fc-btn-rate span{font-size:12px;opacity:.8;font-weight:400}.flashcards-container .fc-rating .fc-btn-rate.again{background:#fee2e2;color:#ef4444}.flashcards-container .fc-rating .fc-btn-rate.again:hover{background:#fca5a5}.flashcards-container .fc-rating .fc-btn-rate.hard{background:#ffedd5;color:#f97316}.flashcards-container .fc-rating .fc-btn-rate.hard:hover{background:#fdba74}.flashcards-container .fc-rating .fc-btn-rate.good{background:#e0e7ff;color:#6366f1}.flashcards-container .fc-rating .fc-btn-rate.good:hover{background:#c7d2fe}.flashcards-container .fc-rating .fc-btn-rate.easy{background:#d1fae5;color:#10b981}.flashcards-container .fc-rating .fc-btn-rate.easy:hover{background:#a7f3d0}.flashcards-container .fc-progress{margin-top:24px;text-align:center;color:var(--text-muted);font-weight:500}