.logo-container[data-v-c4d6d36b]{display:flex}.modern-title[data-v-c4d6d36b]{text-align:left;padding-left:10px;font-size:1.4rem}.logo[data-v-c4d6d36b]{display:flex;width:40px;height:auto;align-items:flex-start}.footer[data-v-c4d6d36b]{background-color:#f4f4f4;padding:10px;color:#333;font-size:14px;box-shadow:0 -2px 5px #0000001a}.footer-container[data-v-c4d6d36b]{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;max-width:1200px;margin:0 auto}.footer-left[data-v-c4d6d36b],.footer-center[data-v-c4d6d36b],.footer-right[data-v-c4d6d36b]{flex:1 1 calc(33.333% - 20px);min-width:250px}.footer-left h3[data-v-c4d6d36b],.footer-center h3[data-v-c4d6d36b],.footer-right h3[data-v-c4d6d36b]{font-size:16px;margin-bottom:10px}.footer-left p[data-v-c4d6d36b]{line-height:1.6}.footer-links[data-v-c4d6d36b]{list-style:none;padding:0;margin:0}.footer-links li[data-v-c4d6d36b]{margin-bottom:5px}.footer-links a[data-v-c4d6d36b]{text-decoration:none;color:#032346;transition:color .3s}.footer-links a[data-v-c4d6d36b]:hover{color:#032346}.footer-right ul[data-v-c4d6d36b]{list-style:none;padding:0;margin:0}.footer-right ul li[data-v-c4d6d36b]{margin-bottom:5px}.footer-bottom[data-v-c4d6d36b]{text-align:center;margin-top:20px;font-size:12px;color:#666}@media (max-width: 768px){.modern-title[data-v-c4d6d36b]{text-align:left;padding-left:10px;font-size:1.1rem}.logo[data-v-c4d6d36b]{width:45px;align-items:flex-start}.footer-container[data-v-c4d6d36b]{flex-direction:column;text-align:center}.footer-left[data-v-c4d6d36b],.footer-center[data-v-c4d6d36b],.footer-right[data-v-c4d6d36b]{min-width:100%;flex:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#app{min-height:100vh}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.auth-form,.totp-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:420px}.totp-form{text-align:center}.qr-section{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:0}.qr-section .important{color:#dc3545;font-weight:700;font-size:16px;margin-bottom:10px}.qr-section img{max-width:200px;margin:15px auto;display:block;border:2px solid #ddd;border-radius:8px}.qr-section .info{font-size:14px;color:#666;margin-top:10px}h2{margin-bottom:25px;color:#333;text-align:center;font-size:28px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:15px;transition:border .3s}.form-group input:focus{outline:none;border-color:#667eea}button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}button:active{transform:translateY(0)}button:disabled{background:#ccc;cursor:not-allowed;transform:none}.error{margin-top:15px;padding:12px;background:#fee;color:#c33;border-radius:6px;font-size:14px;border-left:4px solid #c33}.switch-form{margin-top:20px;text-align:center;color:#666;font-size:14px}.switch-form a{color:#667eea;text-decoration:none;font-weight:600}.switch-form a:hover{text-decoration:underline}.media-app{min-height:calc(100vh - 60px);background:#f5f5f5;padding-bottom:20px}header{background:#fff;padding:20px 40px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center}header h1{font-size:24px;color:#333}.logout-btn{width:auto;padding:10px 24px;background:linear-gradient(135deg,#f093fb,#f5576c)}.content{padding:30px;max-width:1400px;margin:0 auto}.breadcrumbs{background:#fff;padding:15px 20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;flex-wrap:wrap}.breadcrumb-btn{width:auto;padding:6px 12px;background:transparent;color:#667eea;font-size:14px;font-weight:500;transition:background .2s}.breadcrumb-btn:hover{background:#f0f0f0;transform:none;box-shadow:none}.separator{margin:0 5px;color:#999}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.folder-item{background:#fff;padding:25px;border-radius:10px;text-align:center;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #00000014}.folder-item:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.folder-item.folder{background:linear-gradient(135deg,#667eea15,#764ba215)}.icon{font-size:48px;margin-bottom:10px}.name{font-weight:600;color:#333;margin-bottom:5px;word-break:break-word}.size{font-size:12px;color:#999}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#999}.empty-state p{font-size:18px}.player-view{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px #0000001a}.player-header{padding:20px;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e0e0e0}.player-header h3{flex:1;text-align:center;color:#333;font-size:18px;margin:0 20px}.back-btn,.download-btn{width:auto;padding:10px 20px;background:#667eea;font-size:14px}.download-btn{background:#28a745}.video-container{background:#000;display:flex;justify-content:center;align-items:center;min-height:500px}.video-container video{width:100%;max-height:70vh;outline:none}.audio-container{padding:60px 40px;text-align:center}.audio-visual{font-size:120px;margin-bottom:30px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.audio-container audio{width:100%;max-width:600px;outline:none}.file-info{padding:80px 40px;text-align:center}.file-icon{font-size:100px;margin-bottom:20px}.file-info p{font-size:18px;color:#333;margin-bottom:10px}.file-size{color:#999;font-size:14px}@media (max-width: 768px){.folder-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}header{padding:15px 20px}.content{padding:20px 15px}.player-header{flex-direction:column;gap:10px}.player-header h3{margin:10px 0}}.auth-header{text-align:center;margin-bottom:40px}.auth-logo{width:80px;height:auto;margin-bottom:15px}.auth-header h1{font-size:24px;font-weight:700;color:#1a237e;margin-bottom:5px}.auth-header h2{font-size:16px;font-weight:500;color:#444;opacity:.9}@media (max-width: 768px){.auth-header h1{font-size:20px}.auth-header h2{font-size:14px}.auth-logo{width:65px}.auth-container{padding-top:20px;min-height:auto}}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px 20px;min-height:calc(100vh - 80px)}.auth-header{margin-top:20px;margin-bottom:20px}footer.footer{margin-top:10px;padding-top:10px;padding-bottom:10px}#app{display:flex;flex-direction:column;min-height:100vh}.media-app{flex:1;background:#f5f5f5}