:root{--primary-color:#3b82f6;--primary-hover:#60a5fa;--secondary-color:#64748b;--secondary-hover:#94a3b8;--radius:8px;--sidebar-width:280px;--topbar-height:70px;--bg-color:#0f172a;--glass-bg:rgba(30,41,59,0.7);--glass-border:rgba(255,255,255,0.1);--text-main:#f8fafc;--text-muted:#94a3b8;--shadow-sm:0 4px 6px -1px rgba(0,0,0,0.3);--shadow-md:0 10px 15px -3px rgba(0,0,0,0.4);}body.theme-light{--primary-color:#2563eb;--primary-hover:#1d4ed8;--bg-color:#f1f5f9;--glass-bg:rgba(255,255,255,0.7);--glass-border:rgba(0,0,0,0.1);--text-main:#1e293b;--text-muted:#64748b;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);}body.theme-rainbow,body.theme-heart{--glass-bg:rgba(15,23,42,0.65);--glass-border:rgba(255,255,255,0.2);--text-main:#ffffff;--text-muted:#cbd5e1;}@keyframes rainbowSweep{0%{background-position:0% 0%;}50%{background-position:100% 100%;}100%{background-position:0% 0%;}}body.theme-rainbow,body.theme-heart{background:linear-gradient(135deg,#ff0000,#ff7f00,#ffff00,#00ff00,#0000ff,#4b0082,#9400d3,#ff0000);background-size:800% 800%;}body.theme-rainbow{animation:rainbowSweep 48s ease infinite;}body.theme-starfield{background:transparent;}body.theme-starfield .topbar,body.theme-starfield .sidebar{background-color:rgba(15,23,42,0.15);border-color:rgba(255,255,255,0.05);}#starfield{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;background-color:#050510;opacity:0;transition:opacity 0.5s ease;}body.theme-starfield #starfield{opacity:1;}*{box-sizing:border-box;margin:0;padding:0;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.5;overflow-x:hidden;transition:background-color 0.4s ease,color 0.4s ease;}.topbar,.sidebar,.app-card,.search-container.active{background-color:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);transition:background-color 0.4s ease,border-color 0.4s ease;}.topbar{border-bottom:1px solid var(--glass-border);border-top:none;border-left:none;border-right:none;height:var(--topbar-height);display:flex;align-items:center;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);padding:0 2rem;}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%;}.brand{display:flex;align-items:center;gap:0.25rem;margin-left:-0.75rem;}.brand h1{font-size:1.5rem;font-weight:700;color:var(--primary-color);}.header-controls{display:flex;align-items:center;gap:0.75rem;}.search-container{display:flex;align-items:center;background:transparent;border:1px solid transparent;border-radius:20px;transition:all 0.3s ease;}.search-input{width:0;padding:0;border:none;background:transparent;color:var(--text-main);outline:none;font-size:0.95rem;transition:width 0.3s ease,padding 0.3s ease;}.search-container.active .search-input{width:250px;padding:0.5rem 0.5rem 0.5rem 1.25rem;}.icon-btn{background:transparent;border:none;color:var(--text-main);font-size:1.2rem;cursor:pointer;padding:0.5rem;border-radius:50%;transition:background 0.2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;}.icon-btn:hover{background:var(--glass-border);}.layout{display:flex;min-height:calc(100vh - var(--topbar-height));width:100%;}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--glass-border);border-top:none;border-bottom:none;border-left:none;padding:1.5rem;flex-shrink:0;height:calc(100vh - var(--topbar-height));position:sticky;top:var(--topbar-height);overflow-y:auto;}.sidebar-header h2{font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid var(--glass-border);}.favorites-list{list-style:none;}.favorites-list li{margin-bottom:0.5rem;}.favorites-list a{display:block;padding:0.5rem 0.75rem;color:var(--text-main);text-decoration:none;border-radius:var(--radius);transition:background-color 0.2s;font-size:0.95rem;}.favorites-list a:hover{background-color:var(--glass-border);color:var(--primary-color);}.empty-state{color:var(--text-muted);font-size:0.9rem;font-style:italic;}.main-content{flex-grow:1;padding:2rem 3rem;display:flex;flex-direction:column;}#dynamic-content-area{flex-grow:1;}.app-section{margin-bottom:3rem;}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid var(--glass-border);color:var(--text-main);}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;}.app-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s,background-color 0.4s ease,border-color 0.4s ease;}.app-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}.app-image{width:100%;height:160px;object-fit:cover;background-color:var(--glass-border);}.app-content{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column;}.app-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0.5rem;gap:0.5rem;}.app-title{font-size:1.1rem;font-weight:600;color:var(--text-main);line-height:1.2;text-decoration:none;}.badge-container{display:flex;gap:0.25rem;flex-wrap:wrap;justify-content:flex-end;}.app-badge{font-size:0.65rem;padding:0.2rem 0.4rem;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap;}.badge-web{background-color:#1e3a8a;color:#bfdbfe;}.badge-desktop{background-color:#374151;color:#e5e7eb;}.badge-pdf{background-color:#7f1d1d;color:#fecaca;}.badge-file{background-color:#78350f;color:#fde68a;}body.theme-light .badge-web{background-color:#dbeafe;color:#1e40af;}body.theme-light .badge-desktop{background-color:#f3f4f6;color:#374151;}body.theme-light .badge-pdf{background-color:#fee2e2;color:#991b1b;}body.theme-light .badge-file{background-color:#fef3c7;color:#92400e;}.app-description{color:var(--text-muted);font-size:0.9rem;margin-bottom:1.5rem;margin-top:0.5rem;flex-grow:1;}.app-actions{display:flex;gap:0.5rem;margin-top:auto;flex-wrap:wrap;}.btn{padding:0.5rem 1rem;border-radius:var(--radius);font-size:0.85rem;font-weight:500;cursor:pointer;border:none;text-decoration:none;text-align:center;transition:all 0.2s;flex-grow:1;}.btn-primary{background-color:var(--primary-color);color:white;}.btn-primary:hover{background-color:var(--primary-hover);}.btn-secondary{background-color:var(--secondary-color);color:white;}.btn-secondary:hover{background-color:var(--secondary-hover);}.btn-favorite{background-color:transparent;border:1px solid var(--glass-border);color:var(--text-main);flex-grow:0;padding:0.5rem;width:36px;display:flex;align-items:center;justify-content:center;}.btn-favorite:hover{background-color:var(--glass-border);}.btn-favorite.active{background-color:rgba(253,224,71,0.2);border-color:#fde047;color:#fde047;}body.theme-light .btn-favorite.active{background-color:#fef08a;color:#854d0e;}.footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--glass-border);text-align:center;color:var(--text-muted);font-size:0.85rem;transition:border-color 0.4s ease;}@media (max-width:768px){.header-container{flex-direction:column;align-items:stretch;gap:1rem;}.header-controls{justify-content:space-between;}.layout{flex-direction:column;}.sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--glass-border);}.search-container.active .search-input{width:140px;}}