*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#0a0e27,#1a1f3a 50%,#0a0e27);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home{background:linear-gradient(180deg,#0a0e27,#1a1f3a 50%,#0a0e27);color:#fff;min-height:100vh;overflow-x:hidden;position:relative}.home-header{padding:30px 40px;position:relative;z-index:10}.header-content{max-width:1400px}.logo{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;gap:12px}.logo-image{height:40px;object-fit:contain;width:auto}.logo-icon{font-size:32px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;background-clip:text}.header-nav{align-items:center;display:flex;gap:20px}.nav-link{color:#fff;font-size:16px;font-weight:500;text-decoration:none;transition:opacity .3s ease}.nav-link:hover{opacity:.7}.nav-button{background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:8px;box-shadow:0 4px 15px #a855f74d;color:#fff;font-size:16px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.nav-button:hover{box-shadow:0 6px 20px #a855f766;transform:translateY(-2px)}.user-greeting{color:#ffffffe6;font-size:16px;font-weight:600;margin-right:10px}.home-main{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;padding:80px 40px;position:relative;text-align:center;z-index:5}.hero-content{margin-bottom:80px;max-width:800px}.hero-title{animation:fadeInUp .8s ease-out;color:#fff;font-size:64px;font-weight:800;line-height:1.1;margin-bottom:20px}.hero-subtitle{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out .2s both;background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin-bottom:30px}.hero-description{animation:fadeInUp .8s ease-out .4s both;color:#fffc;font-size:20px;line-height:1.8;margin-bottom:50px}.hero-buttons{animation:fadeInUp .8s ease-out .6s both;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:18px;font-weight:600;padding:16px 32px;text-decoration:none;transition:all .3s ease}.btn-primary{box-shadow:0 4px 15px #a855f74d}.btn-primary:hover{box-shadow:0 6px 20px #a855f766;transform:translateY(-3px)}.btn-secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-3px)}.hero-visual{animation:fadeIn 1s ease-out .8s both;margin-top:60px;max-width:900px;width:100%}.visual-window{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1f3acc,#0f1322cc);border:1px solid #ffffff26;border-radius:16px;box-shadow:0 25px 70px #0009,0 0 40px #a855f733;overflow:hidden;padding:30px;transition:transform .3s ease}.visual-window:hover{box-shadow:0 30px 80px #000000b3,0 0 50px #a855f74d;transform:translateY(-5px)}.window-controls{background:#0f1322;border-bottom:1px solid #ffffff1a;display:flex;gap:8px;padding:15px 20px}.control-dot{border-radius:50%;height:12px;width:12px}.control-dot.red{background:#ff5f56}.control-dot.yellow{background:#ffbd2e}.control-dot.green{background:#27c93f}.window-content{display:flex;flex-direction:column;gap:20px;min-height:300px;padding:40px}.content-line{animation:pulse 2s ease-in-out infinite;background:#ffffff1a;border-radius:6px;height:12px}.content-line.short{width:40%}.content-line.medium{width:60%}.content-line:first-child{animation-delay:0s}.content-line:nth-child(2){animation-delay:.2s}.content-line:nth-child(3){animation-delay:.4s}.content-line:nth-child(4){animation-delay:.6s}.content-line:nth-child(5){animation-delay:.8s}.modal-overlay{background:#000c;padding:20px}.modal-content{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1f3a,#0f1322);border:1px solid #ffffff1a;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-content-wide{max-height:90vh!important;max-width:1400px!important;overflow-y:auto;padding:50px 40px!important;width:98%!important}.modal-features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:30px 0;max-height:60vh;overflow-y:auto;padding-right:10px}.modal-feature-square{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;gap:15px;justify-content:flex-start;min-height:220px;padding:30px 20px;text-align:center;transition:all .3s ease}.modal-feature-square:hover{background:#ffffff14;border-color:#a855f74d;box-shadow:0 8px 24px #a855f733;transform:translateY(-5px)}.modal-feature-square .modal-feature-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));font-size:56px;margin-bottom:15px;transition:transform .3s ease}.modal-feature-square:hover .modal-feature-icon{transform:scale(1.1)}.modal-feature-square h3{color:#fff;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 12px}.modal-feature-square p{color:#ffffffbf;flex:1 1;font-size:14px;line-height:1.7;margin:0}@media (max-width:1024px){.modal-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.modal-features-grid{grid-template-columns:1fr}.modal-content-wide{max-width:95%;padding:30px 20px}}.modal-close{border:none;color:#fff;font-size:32px;height:40px;width:40px}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:36px;font-weight:700;margin-bottom:30px;text-align:center}.modal-features{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.modal-feature{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.modal-feature:hover{background:#ffffff1a;transform:translateX(5px)}.modal-feature-icon{flex-shrink:0;font-size:40px}.modal-feature h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:8px}.modal-feature p{color:#fffc;font-size:16px;line-height:1.6;margin:0}.modal-footer{border-top:1px solid #ffffff1a;padding-top:20px;text-align:center}@media (max-width:768px){.home-header{padding:20px}.header-content{flex-direction:column;gap:20px}.home-main{padding:40px 20px}.hero-title{font-size:36px}.hero-subtitle{font-size:24px}.hero-description{font-size:16px}.hero-buttons{flex-direction:column;width:100%}.btn{text-align:center;width:100%}.window-content{min-height:200px;padding:30px 20px}}.auth-container{align-items:center;background:linear-gradient(180deg,#0a0e27,#1a1f3a 50%,#0a0e27);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;position:relative}.back-home-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:16px;font-weight:600;left:30px;padding:10px 20px;position:absolute;text-decoration:none;top:30px;transition:all .3s ease;z-index:100}.back-home-link:hover{background:#fff3;transform:translateX(-5px)}.auth-card{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3acc;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:450px;padding:40px;width:100%}.auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:700;margin-bottom:30px;text-align:center}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#ffffffe6;font-size:14px;font-weight:600}.form-group input{background:#ffffff0d;border:2px solid #fff3;border-radius:10px;color:#fff;font-size:16px;outline:none;padding:12px 16px;transition:all .3s ease}.form-group input::placeholder{color:#ffffff80}.form-group input:focus{background:#ffffff1a;border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.auth-button{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:10px;box-shadow:0 4px 15px #a855f74d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s ease}.auth-button:hover:not(:disabled){box-shadow:0 6px 20px #a855f766;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#ef444433;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;font-size:14px;padding:12px}.auth-link{color:#ffffffb3;font-size:14px;margin-top:20px;text-align:center}.auth-link a{color:#a855f7;font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.toast{align-items:center;animation:slideIn .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff1a;display:flex;gap:16px;justify-content:space-between;max-width:500px;min-width:320px;overflow:hidden;padding:18px 24px;position:relative;transition:all .3s ease;z-index:10000}.toast.exiting{animation:slideOut .3s ease-in forwards}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(120%)}}.toast:before{background:currentColor;content:"";height:100%;left:0;position:absolute;top:0;width:4px}@keyframes slideIn{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.toast-success{background:linear-gradient(135deg,#22c55ef2,#16a34af2);border-color:#22c55e66;box-shadow:0 10px 40px #22c55e4d,0 0 0 1px #22c55e33;color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border-color:#ef444466;box-shadow:0 10px 40px #ef44444d,0 0 0 1px #ef444433;color:#fff}.toast-info{background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);border-color:#3b82f666;box-shadow:0 10px 40px #3b82f64d,0 0 0 1px #3b82f633;color:#fff}.toast-warning{background:linear-gradient(135deg,#fbbf24f2,#f59e0bf2);border-color:#fbbf2466;box-shadow:0 10px 40px #fbbf244d,0 0 0 1px #fbbf2433;color:#fff}.toast-content{flex:1 1;gap:12px}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{animation:iconPulse 2s ease-in-out infinite;background:#ffffff40;border-radius:50%;box-shadow:0 2px 8px #0003;flex-shrink:0;font-size:24px;font-weight:700;height:40px;justify-content:center;width:40px}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.toast-message{flex:1 1;font-size:15px;font-weight:500;letter-spacing:.2px;line-height:1.5}.toast-close{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;opacity:.8;padding:0;transition:all .3s ease;width:32px}.toast-close:hover{background:#ffffff40;box-shadow:0 2px 8px #0003;opacity:1;transform:rotate(90deg) scale(1.1)}.toast-container{display:flex;flex-direction:column;gap:16px;max-width:calc(100vw - 40px);pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast-container>*{pointer-events:auto}@media (max-width:768px){.toast-container{gap:12px;left:10px;right:10px;top:10px}}.confirm-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.confirm-dialog{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#1a1f3a,#2d1b4e 50%,#1a1f3a);border:1px solid #a855f74d;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 0 1px #a855f71a,inset 0 1px 0 #ffffff1a;max-width:480px;padding:40px;position:relative;text-align:center;width:90%}.confirm-icon{animation:pulse 2s ease-in-out infinite;font-size:64px;margin-bottom:20px}.confirm-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 16px}.confirm-message{color:#fffc;font-size:16px;line-height:1.6;margin:0 0 32px}.confirm-buttons{display:flex;gap:12px;justify-content:center}.confirm-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;max-width:180px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.confirm-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.confirm-btn:hover:before{left:100%}.confirm-btn-cancel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#ffffffe6}.confirm-btn-cancel:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.confirm-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b66;color:#fff}.confirm-btn-warning:hover{box-shadow:0 6px 25px #f59e0b80,0 0 0 4px #f59e0b33;transform:translateY(-2px)}.confirm-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444466;color:#fff}.confirm-btn-danger:hover{box-shadow:0 6px 25px #ef444480,0 0 0 4px #ef444433;transform:translateY(-2px)}.confirm-btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f666;color:#fff}.confirm-btn-info:hover{box-shadow:0 6px 25px #3b82f680,0 0 0 4px #3b82f633;transform:translateY(-2px)}.confirm-btn:active{transform:translateY(0)}@media (max-width:768px){.confirm-dialog{max-width:90%;padding:30px 20px}.confirm-icon{font-size:48px}.confirm-title{font-size:20px}.confirm-message{font-size:14px}.confirm-buttons{flex-direction:column}.confirm-btn{max-width:100%;width:100%}}.profile{background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);color:#fff;min-height:100vh;padding:20px}.profile-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.back-button{background:#8b5cf633;border:1px solid #8b5cf680;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s}.back-button:hover{background:#8b5cf666;transform:translateX(-3px)}.profile-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:300px 1fr;margin:0 auto;max-width:1400px}.profile-sidebar{display:flex;flex-direction:column;gap:20px}.profile-avatar-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:30px;text-align:center}.profile-avatar{border:3px solid #8b5cf680;border-radius:50%;height:120px;margin:0 auto 20px;overflow:hidden;width:120px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;display:flex;font-size:48px;font-weight:700;height:100%;justify-content:center;width:100%}.logo-upload-label{cursor:pointer}.logo-upload-button{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:8px;display:inline-block;font-size:14px;padding:10px 20px;transition:all .3s}.logo-upload-button:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.profile-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:20px}.profile-info-card h3{font-size:20px;margin:0 0 10px}.profile-info-card p{color:#ffffffb3;font-size:14px;margin:5px 0}.storage-info{margin-top:20px}.storage-bar{border-radius:4px;height:8px;margin-bottom:8px}.storage-fill{background:linear-gradient(90deg,#8b5cf6,#6366f1);transition:width .3s}.storage-text{color:#fff9;font-size:12px}.profile-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:30px}.profile-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:10px;margin-bottom:30px}.profile-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#fff9;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s}.profile-tabs button.active{border-bottom-color:#8b5cf6;color:#fff}.profile-tabs button:hover{color:#fff}.profile-tab-content{min-height:400px}.history-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.history-section h2,.settings-section h2{font-size:24px;margin:0}.clear-history-btn{align-items:center;background:linear-gradient(135deg,#ef444433,#dc262633);border:1px solid #ef444466;border-radius:10px;color:#fca5a5;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.clear-history-btn:hover{background:linear-gradient(135deg,#ef44444d,#dc26264d);border-color:#ef444499;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.history-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.history-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s}.history-item:hover{background:#ffffff0d;transform:translateX(5px)}.history-icon{align-items:center;background:#8b5cf633;border-radius:10px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.history-details{flex:1 1}.history-action{font-size:16px;font-weight:600;margin:0 0 5px}.history-detail{color:#ffffffb3;font-size:14px;margin:0 0 5px}.history-date{color:#ffffff80;font-size:12px;margin:0}.empty-history{color:#ffffff80;font-size:16px;padding:40px;text-align:center}.pagination{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:30px;padding-top:20px}.pagination-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#ffffffe6;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{align-items:center;color:#fffc;display:flex;font-size:14px;font-weight:500;gap:8px}.pagination-total{color:#ffffff80;font-size:12px}.settings-section{display:flex;flex-direction:column;gap:20px}.settings-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.settings-card h3{font-size:18px;margin:0 0 10px}.settings-card p{color:#ffffffb3;font-size:14px;margin:0 0 15px}.settings-button{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.settings-button:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.modal-overlay{z-index:1000}.modal-content{max-width:500px}.modal-content h2{margin:0 0 20px}.modal-content form{display:flex;flex-direction:column;gap:20px}.modal-content input{background:#0000004d;border:2px solid #a855f74d;border-radius:12px;box-shadow:inset 0 2px 10px #0003;color:#fff;font-size:15px;padding:14px 18px;transition:all .3s ease}.modal-content input:focus{background:#0006;border-color:#a855f7;box-shadow:0 0 0 4px #a855f71a,inset 0 2px 10px #0000004d;outline:none;transform:scale(1.01)}.modal-content input::placeholder{color:#fff6}.modal-content input[type=password]{letter-spacing:2px}.modal-submit{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 15px #a855f766;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease}.modal-submit:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.modal-submit:hover:before{left:100%}.modal-submit:hover{box-shadow:0 6px 25px #a855f780,0 0 0 4px #a855f733;transform:translateY(-2px)}.modal-submit:active{box-shadow:0 2px 10px #a855f766;transform:translateY(0)}.profile-error,.profile-loading{align-items:center;display:flex;font-size:18px;justify-content:center;min-height:100vh}@media (max-width:768px){.profile-content{grid-template-columns:1fr}}.dashboard{background:linear-gradient(180deg,#0a0e27,#1a1f3a 50%,#0a0e27);min-height:100vh}.dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3acc;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 10px #0000004d;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0}.user-info{align-items:center;display:flex;gap:20px}.user-info span{color:#ffffffe6;font-weight:600}.logout-button{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:8px;box-shadow:0 4px 15px #a855f74d;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.logout-button:hover{box-shadow:0 6px 20px #a855f766;transform:translateY(-2px)}.dashboard-content{margin:0 auto;max-width:1200px;padding:40px 20px}.message{animation:slideDown .3s ease-out;border-radius:10px;font-weight:500;margin-bottom:20px;padding:15px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.success{background:#22c55e33;border:1px solid #22c55e4d;color:#86efac}.message.error{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.upload-section{margin-bottom:40px}.upload-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3acc;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 10px 30px #0000004d;padding:30px}.upload-card h2{color:#fff;font-size:24px;margin-bottom:20px}.upload-form{display:flex;flex-direction:column;gap:15px}.file-input{display:none}.file-label{background:#a855f71a;border:2px dashed #a855f7;border-radius:10px;color:#a855f7;cursor:pointer;font-weight:600;padding:15px;text-align:center;transition:all .3s ease}.file-label:hover{background:#a855f733;border-color:#7c3aed}.checkbox-group{align-items:center;display:flex;gap:10px}.checkbox-group input[type=checkbox]{cursor:pointer;height:20px;width:20px}.checkbox-group label{color:#ffffffe6;cursor:pointer;font-weight:500}.pin-toggle-button{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fffc;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.pin-toggle-button:hover{background:#ffffff26;border-color:#a855f780;transform:translateY(-2px)}.pin-toggle-button.active{background:linear-gradient(135deg,#a855f74d,#7c3aed4d);border-color:#a855f7;box-shadow:0 4px 15px #a855f733;color:#fff}.pin-toggle-button.active:hover{background:linear-gradient(135deg,#a855f766,#7c3aed66);box-shadow:0 6px 20px #a855f74d}.upload-button{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:10px;box-shadow:0 4px 15px #a855f74d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.upload-button:hover:not(:disabled){box-shadow:0 6px 20px #a855f766;transform:translateY(-2px)}.upload-button:disabled{cursor:not-allowed;opacity:.6}.files-section h2{color:#fff;font-size:28px;margin-bottom:20px}.loading{color:#ffffffb3;font-size:18px;padding:40px;text-align:center}.empty-state{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3acc;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 10px 30px #0000004d;padding:60px;text-align:center}.empty-state p{color:#ffffffb3;font-size:18px}.files-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.file-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3acc;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;gap:15px;padding:20px;transition:all .3s ease}.file-card:hover{border-color:#a855f780;box-shadow:0 15px 40px #a855f733;transform:translateY(-5px)}.file-icon{font-size:48px;text-align:center}.file-info{flex:1 1}.file-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:16px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.file-size{color:#ffffffb3;font-size:14px;margin-bottom:4px}.file-date{color:#ffffff80;font-size:12px}.file-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.action-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;font-size:18px;padding:10px 15px;transition:all .3s ease}.action-button:hover{background:#fff3;box-shadow:0 5px 15px #0000004d;transform:scale(1.1)}.action-button.download{background:#3b82f633;border-color:#3b82f680}.action-button.delete{background:#ef444433;border-color:#ef444480}.action-button.public{background:#22c55e33;border-color:#22c55e80}.action-button.private{background:#fb923c33;border-color:#fb923c80}.action-button.share{background:#a855f733;border-color:#a855f780}.share-link{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;font-size:11px;padding:10px;word-break:break-all}.storage-section{margin-bottom:30px}.storage-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:25px}.storage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.storage-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.storage-percentage{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.storage-bar-container{margin-bottom:10px}.storage-bar{background:#ffffff1a;border-radius:6px;height:12px;overflow:hidden;width:100%}.storage-fill{background:linear-gradient(90deg,#a855f7,#7c3aed);border-radius:6px;height:100%;transition:width .3s ease}.storage-text{color:#ffffffb3;font-size:14px;margin:0}.storage-warning{color:#fbbf24;font-weight:600}.dashboard-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.dashboard-nav button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.dashboard-nav button:hover{background:#ffffff1a}.dashboard-nav button.active{background:linear-gradient(135deg,#a855f7,#7c3aed);border-color:#0000}.folder-info{background:#a855f733;border-radius:6px;color:#ffffffe6;font-size:14px;margin:10px 0;padding:8px 12px}.action-button.restore{background:#22c55e33;border-color:#22c55e4d}.action-button.restore:hover{background:#22c55e4d}.logo-clickable{cursor:pointer;transition:all .3s ease}.logo-clickable:hover{filter:brightness(1.2);transform:scale(1.05)}.profile-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.profile-button:hover{background:#fff3;transform:translateY(-2px)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{margin:0}.back-folder-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.back-folder-button:hover{background:#fff3}.folders-list{margin-bottom:30px}.folders-list h3{color:#fff;font-size:18px;margin-bottom:15px}.folders-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:30px}.folder-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:15px;position:relative;transition:all .3s ease}.folder-card:hover{background:#ffffff1a;box-shadow:0 4px 12px #a855f74d;transform:translateY(-3px)}.folder-content{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:10px}.folder-icon{font-size:48px}.folder-name{color:#fff;font-size:14px;font-weight:600;text-align:center;word-break:break-word}.folder-actions{border-top:1px solid #ffffff1a;display:flex;gap:5px;justify-content:center;margin-top:5px;padding-top:10px}.folder-action-button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;transition:all .3s ease}.folder-action-button:hover{background:#fff3}.folder-action-button.delete:hover{background:#ef44444d}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#1a1f3a,#2d1b4e 50%,#1a1f3a);border:1px solid #a855f74d;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 0 1px #a855f71a,inset 0 1px 0 #ffffff1a;max-width:450px;padding:40px;position:relative;width:90%}.modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;line-height:1;position:absolute;right:20px;top:20px;transition:all .3s ease;width:36px}.modal-close:hover{background:#ef444433;border-color:#ef444480;color:#fca5a5;transform:rotate(90deg) scale(1.1)}.modal-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.modal-content p{color:#ffffffb3;font-size:15px;line-height:1.6;margin:0 0 30px}.modal-content input[type=password]{background:#0000004d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='2'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");background-position:right 20px center;background-repeat:no-repeat;background-size:20px;border:2px solid #a855f74d;border-radius:12px;box-shadow:inset 0 2px 10px #0003;color:#fff;font-family:Courier New,monospace;font-size:18px;font-weight:500;letter-spacing:4px;padding:16px 50px 16px 20px;text-align:center;transition:all .3s ease;width:100%}.modal-content input[type=password]:focus{background-color:#0006;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='2.5'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");border-color:#a855f7;box-shadow:0 0 0 4px #a855f71a,inset 0 2px 10px #0000004d;outline:none;transform:scale(1.02)}.modal-content input[type=password]::placeholder{color:#ffffff4d;font-size:16px;letter-spacing:2px}.modal-buttons{display:flex;gap:12px;margin-top:30px}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#ffffffe6;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 24px;transition:all .3s ease}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 15px #a855f766,0 0 0 0 #a855f780;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:0 6px 25px #a855f780,0 0 0 4px #a855f733;transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 10px #a855f766;transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary:disabled:hover{box-shadow:0 4px 15px #a855f766;transform:none}@media (max-width:768px){.header-content{flex-direction:column;gap:15px}.files-grid{grid-template-columns:1fr}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dashboard-nav{flex-direction:column}.dashboard-nav button{width:100%}.modal-content{max-width:90%;padding:30px 20px}.modal-content h2{font-size:24px}.modal-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.share-card{background:#1a1f3ae6;max-width:700px}.share-header{margin-bottom:30px;text-align:center}.share-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0 0 10px}.file-details{margin-bottom:30px}.file-info-section h3{color:#fff;font-size:24px;font-weight:600;margin:0 0 20px;word-break:break-word}.file-meta{display:flex;flex-direction:column;gap:12px}.file-meta p{color:#fffc;font-size:16px;margin:0}.file-meta strong{color:#fff;font-weight:600}.uploader-info{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.uploader{align-items:center;display:flex;gap:12px;margin-top:10px}.uploader-logo{border:2px solid #a855f780;border-radius:50%;height:40px;object-fit:cover;width:40px}.uploader-avatar{align-items:center;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.uploader span{color:#fff;font-weight:600}.share-actions{display:flex;flex-direction:column;gap:20px}.download-button{border-radius:12px;padding:16px 32px}.direct-link-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.direct-link-section p{color:#ffffffe6;font-size:14px;margin:0 0 12px}.link-container{display:flex;gap:10px}.direct-link-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:14px;padding:12px}.direct-link-input::placeholder{color:#ffffff80}.copy-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.copy-button:hover{background:#fff3}.home-link{color:#fffc;font-weight:500;margin-top:30px;transition:color .3s ease}.home-link:hover{color:#fff}.share-container{align-items:center;background:linear-gradient(180deg,#0a0e27,#1a1f3a 50%,#0a0e27);display:flex;justify-content:center;min-height:100vh;padding:20px}.share-card{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3acc;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:500px;padding:40px;text-align:center;width:100%}.share-card.error{background:#ef444433;border:1px solid #ef444480}.share-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:32px;margin-bottom:20px}.share-card p{color:#fffc;font-size:16px;margin-bottom:30px}.download-button{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:10px;box-shadow:0 4px 15px #a855f74d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:15px 30px;transition:all .3s ease;width:100%}.download-button:hover:not(:disabled){box-shadow:0 6px 20px #a855f766;transform:translateY(-2px)}.download-button:disabled{cursor:not-allowed;opacity:.6}.home-link{color:#a855f7;display:inline-block;font-weight:600;margin-top:20px;text-decoration:none}.home-link:hover{text-decoration:underline}.spinner{margin:0 auto 20px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.not-found{align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.not-found:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#a855f71a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.not-found-content{animation:fadeInUp .6s ease-out;max-width:600px;position:relative;text-align:center;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.not-found-icon{-webkit-text-fill-color:#0000;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#a855f7,#7c3aed 50%,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:150px;font-weight:900;line-height:1;margin-bottom:20px;text-shadow:0 0 80px #a855f780}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.not-found-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:36px;font-weight:700;margin:0 0 16px}.not-found-message{color:#ffffffb3;font-size:18px;line-height:1.6;margin:0 0 40px}.not-found-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.not-found-button{border-radius:12px;display:inline-block;font-size:16px;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;text-decoration:none;transition:all .3s ease}.not-found-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.not-found-button:hover:before{left:100%}.not-found-button.primary{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 4px 15px #a855f766;color:#fff}.not-found-button.primary:hover{box-shadow:0 6px 25px #a855f780,0 0 0 4px #a855f733;transform:translateY(-2px)}.not-found-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#ffffffe6}.not-found-button.secondary:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (max-width:768px){.not-found-icon{font-size:100px}.not-found-title{font-size:28px}.not-found-message{font-size:16px}.not-found-actions{flex-direction:column}.not-found-button{width:100%}}.loading-container{align-items:center;background:linear-gradient(180deg,#0a0e27,#1a1f3a 50%,#0a0e27);display:flex;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#a855f7;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d1d0352e.css.map*/