@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #ffffff;--secondary: #222222;--bg-primary: radial-gradient(circle at center, #000000 80%, #222222 100%);--bg-secondary: #131313;--bg-muted: #222222;--bg-card: hsla(0, 0%, 100%, .1);--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-muted: #9CA3AF;--btn-primary: #111111;--btn-secondary: #ffffff;--border: #333333;--box-shadow: #000000;--hover: rgba(138, 180, 248, .18);--success: #16A34A;--warning: #F59E0B;--error: #DC2626;--info: #2563EB;--cyber-blue: #00c8ffee;--cyber-blue-dark: #0088a8ff;--soft-cool-blue: #8ab4f8;--soft-light-blue: #498fff60}body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary)}.app-profile,.profile-container{display:flex;flex-direction:column;align-items:center}.profile-container{background:var(--bg-card);padding:2rem;border-radius:1rem}.profile-border{display:flex;justify-content:center;border:4px solid var(--primary);border-radius:50%;width:10rem;aspect-ratio:1/1;padding:.2rem;overflow:hidden}.profile-border img{width:100%;height:100%;border-radius:50%;object-fit:cover}.userid{font-size:1rem;font-weight:400;color:var(--primary);margin:.5rem 0 0}.name{font-size:1.5rem;color:var(--text-primary);margin:0 0 2rem}.profile-details{display:grid;gap:.5rem;width:100%}.profile-details .input-group{display:flex;align-items:center;gap:.5rem}.profile-details .input-group label{flex:.3;font-size:.8rem}.profile-details .input-group input{flex:1;padding:.6rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary)}@media(min-width:768px){.profile-container{width:30%}.profile-details .input-group label{font-size:1.1rem}}*{margin:0;padding:0}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;position:sticky;top:0;z-index:1000;background:var(--bg-secondary);box-shadow:0 4px 15px var(--box-shadow)}.logo a{display:flex;align-items:center}.theme-btn{display:flex;align-items:center;justify-content:center;background:var(--bg-muted);height:100%;aspect-ratio:1 / 1;border:none;border-radius:50%}.menu-toggle{background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}.navbar{align-items:center;font-weight:500;display:none}.navbar.open{display:flex;box-shadow:0 4px 15px var(--bg-primary)}.nav-link{color:var(--text-primary)}.nav-link:hover,.nav-link.active{color:var(--text-muted)}header .login-btn{display:none}.nav-backdrop{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:800}.navbar-mob{position:fixed;background-color:var(--bg-primary);flex-direction:column;gap:1rem;width:100%;padding:2rem 0;font-size:1.2rem;z-index:900}.navbar-mob hr{width:80%;border:.5px solid var(--text-primary);margin:1rem 0}.navbar-mob .login-btn{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;width:80%}.navbar-mob .login-btn .theme-btn{width:auto;height:100%;aspect-ratio:1 / 1;border-radius:10%}@media(min-width:768px){header{padding:1rem 3rem}.menu-toggle{display:none}.navbar{display:flex!important;margin-left:auto;gap:2rem;margin-bottom:0!important}.navbar-mob{display:none!important}header .login-btn{display:flex;align-items:center;gap:1rem;height:100%}header .login-btn .theme-btn{padding:.7rem}header .login-btn .btn{padding:.5rem 1rem}}@media(min-width:1200px){header{padding:1rem 7rem}header .login-btn .btn{padding:.5rem 1.5rem}.navbar{gap:4rem}}#footer-nav hr{opacity:.4;margin:2rem 0}.footer-grid{display:grid;gap:1rem}.footer-logo .footer-links img{margin-bottom:1rem}.footer-logo .tagline{font-size:1rem;margin-bottom:1rem;color:var(--text-secondary)}.footer-links{display:flex;flex-direction:column;gap:1rem;font-size:1.2rem}.footer-links h3{font-size:1.2rem}.footer-links p{margin-bottom:0}.social-media{text-align:center}.social-media h3{margin-bottom:1rem}.social-icons{display:flex;align-items:center;justify-content:center;gap:1rem}.social-icons i{font-size:2rem}.legal-links{display:flex;align-items:center;justify-content:center}.legal-links hr{width:1rem;transform:rotate(90deg)}footer{text-align:center;padding:1rem;font-size:.9rem;color:gray;z-index:999}footer p{font-size:.8rem!important;margin-bottom:0!important}@media(min-width:1200px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.footer-grid hr{display:none}}.card{background:var(--bg-secondary);box-shadow:0 4px 15px var(--box-shadow)}.container{padding:2rem}.bg-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:3rem;margin:1rem;transition:all .3s ease}h1{font-size:1.2rem;color:var(--text-primary);margin-bottom:1rem}h2{font-size:2rem;font-weight:700;margin-bottom:1rem}h3{font-size:1.5rem;margin:2rem 0 1rem}h4{font-size:1.2rem}p,ul{color:var(--text-secondary);margin-bottom:.5rem}p{font-size:1rem}ol{color:var(--secondary)}ol,ul{margin-left:1rem}a{text-decoration:none;color:#fff;transition:color .3s ease}a:hover{color:gray}i,.link{color:var(--text-primary)}.tagline{font-style:italic}.btn{padding:.6rem 3rem;border:none;border-radius:12px;text-align:center;font-weight:600;transition:all .3s ease;cursor:pointer}.btn-primary,.btn-secondary{border:2px solid var(--btn-secondary)}.btn-primary{background-color:var(--btn-primary);color:var(--btn-secondary)}.btn-primary:hover{border-color:var(--btn-primary);color:var(--btn-secondary)}.btn-secondary{background-color:var(--btn-secondary);color:var(--btn-primary)}.btn-secondary:hover{border-color:var(--btn-primary);background-color:var(--btn-primary);color:var(--btn-secondary)}.search-group{display:flex;justify-content:center;align-items:center;width:40%;position:relative}.search-group .search-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.danger{background-color:var(--error)!important}.success-message{background:#d1fae5;color:#065f46;padding:12px;border-radius:6px;margin-bottom:16px}.page-loader{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#fff;z-index:9999}.button-loader{display:flex;justify-content:center;align-items:center;height:48px}.spinner{width:24px;height:24px;border:3px solid;border-color:#ffffff transparent #ffffff transparent;border-radius:50%;animation:spins .8s ease infinite}@keyframes spins{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form{display:flex;align-items:center;justify-content:center}form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:100%;padding:2rem;box-shadow:1px 1px 10px var(--box-shadow)}form h1,form h2{font-size:1.8rem!important;font-weight:700}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}form input,form textarea,form button{padding:.6rem 1rem;border:1px solid var(--text-muted);border-radius:5px}input,textarea{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:10px}form button{background:var(--text-primary);color:var(--bg-primary);margin-top:1rem;cursor:pointer;transition:all .3s ease}form button:hover{opacity:.9}#bottombar{position:sticky;bottom:1rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.3rem;background:#000;box-shadow:0 -10px 15px #000;z-index:100}#bottombar.app-card{padding:.5rem}#bottombar .btn{background:transparent;padding:.6rem 0;font-size:.8rem;color:var(--text-primary)}#bottombar .btn.active{background:var(--secondary)}#sidebar,#taskbar{display:none}#titlebar{display:flex;align-items:center;justify-content:space-between}#titlebar .profile-menu{display:flex;gap:.5rem}#signup,#signin,#contact,#feedback{display:flex;justify-content:center;align-items:center;height:70vh}@media(min-width:768px){.container{padding:4rem}h1{font-size:1.2rem;margin-bottom:2rem}h2{font-size:2rem;margin-bottom:1rem}h3{font-size:1.4rem}.card-container{flex-direction:row;gap:3rem}.tagline{margin-bottom:2rem}p{font-size:1.2rem}.btn{padding:.75rem 3rem;font-weight:600}.flex-list{display:flex;gap:3rem;flex-wrap:wrap}form{width:60%}.form-group{width:90%}#bottombar{display:none}#sidebar{display:flex;flex-direction:column;background-color:#000}#sidebar .logo{display:flex;align-items:center;justify-content:center;height:3rem}#sidebar .btn{display:flex;align-items:center;gap:1rem;background:transparent;color:var(--text-primary);text-align:left;padding:.6rem 1rem}#sidebar .btn:hover,#sidebar .btn.active{background:var(--secondary)}#sidebar hr{border:none;border-top:2px solid var(--secondary)}#sidebar .toggle-sidebar{background:transparent;border:none;cursor:pointer}#sidebar .bottom{margin-top:auto}#sidebar .bottom .btn{display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer}#taskbar{display:grid;grid-template-columns:1fr auto;gap:1rem}#taskbar .search{display:flex;justify-content:center}#taskbar .search input{border:2px solid var(--secondary);width:100%;padding:.5rem 3rem .5rem 1rem}#titlebar .profile-menu{display:none}}@media(min-width:1200px){h1{font-size:1.2rem;margin-bottom:2rem}h2{font-size:3rem;margin-bottom:1.5rem}h3{font-size:1.8rem;margin-bottom:1.5rem}.tagline{margin-bottom:2rem}p{font-size:1.2rem}.btn{padding:.75rem 3rem;font-weight:600}.flex-list{display:flex;gap:3rem;flex-wrap:wrap}.form-group{width:50%}}.square-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;border-radius:8px;transition:all .3s ease}.square-btn:hover{color:#fff;opacity:.8}.scroll-box{height:80vh;overflow-y:auto}.scroll-box::-webkit-scrollbar{display:none}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:var(--text-muted)}.breadcrumb button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem}.profile-menu-btn{background:none;color:var(--text-primary);border:none;cursor:pointer;font-size:1.4rem}.profile-dropdown{position:fixed;top:4rem;right:0;display:none;flex-direction:column;gap:.5rem;background:var(--bg-primary);padding:.5rem;z-index:100}.settings-container{display:flex;flex-direction:column;gap:1rem;overflow-y:hidden}.settings-container form{display:grid!important;grid-template-columns:1fr!important;background:none!important;border:none!important}.settings-container form .input-group{display:flex;flex-direction:column;gap:.5rem}.settings-container form button{color:var(--secondary)}.setting-link{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);width:inherit;padding:1rem 2rem;border:none;border-radius:.5rem;color:var(--primary);font-weight:600;text-align:left;transition:all .3s ease;cursor:pointer}.setting-link:hover{opacity:.8}.dropdown-container{width:100%}.dropdown-content{display:none;max-height:0;opacity:0;transform:translateY(-10px);transition:max-height .35s ease,opacity .25s ease,transform .25s ease;padding:1rem}.dropdown-content.open{display:block;max-height:fit-content;opacity:1;transform:translateY(0);padding:12px}#app-layout{height:calc(100vh - 2rem);margin:1rem}#app-container{display:grid;grid-template-rows:1fr auto;gap:1rem;height:100%}.app-content{display:flex;flex-direction:column;gap:1rem}.app-content h1{font-size:1.5rem;color:var(--primary);margin:0}.dashboard-cards{display:grid;grid-template-columns:1fr;gap:1rem}.app-card{display:flex;gap:.2rem;background:var(--bg-card);border:2px solid var(--border);border-radius:1rem;padding:1rem;transition:all .3s ease}.dashboard-cards .app-card:hover{border-color:var(--primary)}.app-card h3{font-size:1rem;color:var(--primary);margin:0}.display-card{flex-direction:column;height:12rem}.card-status{align-self:flex-end;color:var(--text-muted);padding:.2rem .5rem;font-size:.8rem}.profile-card{flex:1;display:flex;align-items:center;gap:1rem;padding:1rem}.profile-card img{width:5rem;height:5rem;border-radius:50%}.under-dev{font-size:1.2rem;color:var(--text-muted);text-align:center;margin-top:2rem}.app-file{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.app-file .folder,.app-file .file-item{display:flex;aspect-ratio:1/1;font-size:1.4rem;font-weight:600;cursor:pointer}.app-file .folder{justify-content:end;align-items:end;text-align:right}.app-file .file-item{justify-content:center;align-items:center}.app-file .add-btn{color:var(--text-muted);font-size:4rem}.one{background:linear-gradient(135deg,#0f766e,#14b8a6)}.two{background:linear-gradient(135deg,#4f46e5,#6366f1)}.three{background:linear-gradient(135deg,#b91c1c,#ef4444)}.four{background:linear-gradient(135deg,#334155,#475569)}@media(min-width:768px){#app-layout{display:grid;grid-template-columns:250px 1fr;gap:1rem;transition:all .3s ease}#app-layout.collapsed{grid-template-columns:5rem 1fr}#app-container{grid-template-rows:auto 1fr}.display-card{height:14rem}#app-layout.collapsed .dashboard-cards{grid-template-columns:repeat(2,1fr)}.app-file{grid-template-columns:repeat(7,1fr)}.profile-container{width:30%}.profile-details .input-group label{font-size:1.1rem}.profile-menu-btn{display:none}}@media(min-width:1200px){.dashboard-cards{grid-template-columns:repeat(3,1fr)}}@keyframes spin{0%{translate:0}to{translate:-100%}}.fade{animation:fade both;animation-timeline:view();animation-range:entry 20% cover 100vh}@keyframes fade{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.appear{animation:appear both;animation-timeline:view(60% auto)}@keyframes appear{0%{opacity:0;scale:.95;translate:0 4rem}to{opacity:1;scale:1;translate:0 0}}.fadeUp{animation:fadeUp both;animation-timeline:view(80% auto)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}