main{flex:1;padding:2rem 5%;overflow-y:auto;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%;height:100%}main::-webkit-scrollbar{width:8px}main::-webkit-scrollbar-track{background:rgba(0,0,0,0)}main::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}main::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}main .content-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));gap:2rem;padding-bottom:4rem}main .content-grid.list-view{display:flex;flex-direction:column;max-width:800px;margin:0 auto}main .content-grid.list-view .service-card{aspect-ratio:auto;height:80px;flex-direction:row}main .content-grid.list-view .service-card .card-content{flex-direction:row;text-align:left;padding:0 1.5rem;justify-content:flex-start}main .content-grid.list-view .service-card .card-content .icon{width:40px;height:40px;margin-bottom:0;margin-right:1.5rem}main .content-grid.list-view .service-card .card-content .info .name{font-size:1.1rem}main .content-grid.list-view .service-card .card-content .info .desc{display:block}.app-layout{flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 5%;max-width:1400px;margin:0 auto;width:100%;flex-shrink:0;z-index:10;gap:1rem;min-height:60px}.app-header .brand{flex:0 1 auto;min-width:0}.app-header .brand h1{font-size:1.4rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(45deg, var(--primary-color, #3b82f6), #a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-bottom:-0.2rem;line-height:1.2}.app-header .brand .app-desc{font-size:.75rem;color:var(--text-muted);opacity:.7;margin:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header .search-container{flex:1;max-width:350px;display:flex;justify-content:center}.app-header .search-container .app-search{width:100%;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);padding:.5rem 1rem;border-radius:10px;font-size:.9rem;outline:none;transition:all .2s ease;text-align:left;backdrop-filter:blur(10px);height:38px}.app-header .search-container .app-search::placeholder{color:var(--text-muted);opacity:.4}.app-header .search-container .app-search:focus{border-color:var(--primary-color, #3b82f6);background:hsla(0,0%,100%,.08)}.app-header .controls-right{display:flex;align-items:center;gap:.75rem;flex:0 0 auto}.app-header .controls{display:flex;align-items:center;gap:.75rem}.app-header .controls .sort-selector{display:flex;align-items:center;gap:.5rem;background:var(--card-bg);border:1px solid var(--card-border);padding:0 .75rem;border-radius:10px;height:38px;backdrop-filter:blur(10px)}.app-header .controls .sort-selector span{font-size:18px;opacity:.6}.app-header .controls .sort-selector select{background:rgba(0,0,0,0);border:none;color:var(--text-color);font-size:.85rem;font-weight:500;outline:none;cursor:pointer;padding-right:.5rem}.app-header .controls .sort-selector select option{background:var(--bg-color);color:var(--text-color)}.app-header .controls .icon-btn{background:var(--card-bg, rgba(255, 255, 255, 0.05));border:1px solid var(--card-border, rgba(255, 255, 255, 0.1));color:var(--text-color);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;backdrop-filter:blur(10px)}.app-header .controls .icon-btn:hover{background:var(--card-border);transform:translateY(-1px)}.app-header .controls .icon-btn span{font-size:18px;transition:transform .2s ease}.app-header .controls .icon-btn:hover{background:var(--card-border);transform:translateY(-2px)}.app-header .controls .icon-btn:hover span{transform:scale(1.1)}@media(max-width: 600px){.app-header .search-container{display:none}}.app-footer{padding:.75rem 1rem;flex-shrink:0;text-align:center;font-size:.7rem;color:var(--text-muted);border-top:1px solid hsla(0,0%,100%,.03);background:rgba(0,0,0,0);backdrop-filter:blur(10px)}.app-footer .footer-content{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:nowrap;white-space:nowrap}@media(max-width: 400px){.app-footer .footer-content{flex-wrap:wrap;white-space:normal;gap:.25rem;line-height:1.4}}.app-footer .footer-text{opacity:.8}.app-footer .footer-separator{opacity:.3;padding:0 .2rem}.app-footer .footer-link{font-weight:600;color:var(--text-color);transition:all .2s ease}.app-footer .footer-link:hover{color:var(--primary-color, #3b82f6);text-decoration:none;transform:translateY(-1px)}.app-footer .footer-version{font-family:monospace;background:var(--card-bg);padding:.1rem .4rem;border-radius:4px;font-size:.7rem;opacity:.6;border:1px solid var(--card-border)}.sidebar-toggle-float{display:none !important}.service-card{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;aspect-ratio:1;perspective:1000px}.service-card .card-glass{position:absolute;inset:0;background:var(--card-bg, rgba(255, 255, 255, 0.05));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border, rgba(255, 255, 255, 0.2));border-radius:20px;transition:all .3s ease;backdrop-filter:blur(12px)}.service-card .card-content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center}.service-card .card-content .icon{width:56px;height:56px;margin-bottom:1rem}.service-card .card-content .icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0, 0, 0, 0.2))}.service-card .card-content .info .name{font-weight:600;font-size:.95rem;margin-bottom:.25rem}.service-card .card-content .info .desc{font-size:.75rem;opacity:.6;display:none}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.service-card{animation:fadeInUp .6s cubic-bezier(0.16, 1, 0.3, 1) backwards}.service-card:nth-child(1){animation-delay:0.05s}.service-card:nth-child(2){animation-delay:0.1s}.service-card:nth-child(3){animation-delay:0.15s}.service-card:nth-child(4){animation-delay:0.2s}.service-card:nth-child(5){animation-delay:0.25s}.service-card:nth-child(6){animation-delay:0.3s}.service-card:nth-child(7){animation-delay:0.35s}.service-card:nth-child(8){animation-delay:0.4s}.service-card:nth-child(9){animation-delay:0.45s}.service-card:nth-child(10){animation-delay:0.5s}.service-card:nth-child(11){animation-delay:0.55s}.service-card:nth-child(12){animation-delay:0.6s}.service-card:nth-child(13){animation-delay:0.65s}.service-card:nth-child(14){animation-delay:0.7s}.service-card:nth-child(15){animation-delay:0.75s}.service-card:nth-child(16){animation-delay:0.8s}.service-card:nth-child(17){animation-delay:0.85s}.service-card:nth-child(18){animation-delay:0.9s}.service-card:nth-child(19){animation-delay:0.95s}.service-card:nth-child(20){animation-delay:1s}.service-card:hover{z-index:10}.service-card:hover .card-glass{background:hsla(0,0%,100%,.12);filter:brightness(1.1);transform:translateY(-10px) scale(1.05);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 20px rgba(var(--primary-color, #3b82f6), 0.2);border-color:rgba(var(--primary-color, #3b82f6), 0.5)}.service-card:hover .card-content .icon{transform:scale(1.1) translateY(-5px);filter:drop-shadow(0 10px 15px rgba(0, 0, 0, 0.3))}.service-card:hover .card-content .info .name{color:var(--primary-color, #3b82f6)}.service-card .card-content .icon{transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.service-card .info .name{transition:color .3s ease}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-backdrop .modal{background:var(--bg-color);border:1px solid var(--card-border);border-radius:16px;width:100%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,.4);animation:slideUp .3s cubic-bezier(0.16, 1, 0.3, 1);background:var(--card-bg, rgba(255, 255, 255, 0.05));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border, rgba(255, 255, 255, 0.2));background:var(--bg-color)}.modal-backdrop .modal .modal-header{padding:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center}.modal-backdrop .modal .modal-header h2{font-size:1.25rem;font-weight:600}.modal-backdrop .modal .modal-header .close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%}.modal-backdrop .modal .modal-header .close-btn:hover{background:var(--card-bg);color:var(--text-color)}.modal-backdrop .modal .modal-body{padding:1.5rem;overflow-y:auto}.modal-backdrop .modal .modal-body section{margin-bottom:2rem}.modal-backdrop .modal .modal-body section h3{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:1rem}.modal-backdrop .modal .modal-body .setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-backdrop .modal .modal-body .setting-row select,.modal-backdrop .modal .modal-body .setting-row input[type=text]{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);padding:.5rem;border-radius:6px;font-family:inherit}.modal-backdrop .modal .modal-body .setting-row .checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.modal-backdrop .modal .modal-body .setting-row .checkbox-label input{width:16px;height:16px}.modal-backdrop .modal .modal-body .setting-row.actions-row{gap:1rem}.modal-backdrop .modal .modal-body .setting-row.actions-row button{flex:1}.modal-backdrop .modal .modal-body .setting-row .help-text{color:var(--text-muted);display:block;margin-top:.5rem;line-height:1.4}.modal-backdrop .modal .modal-body .setting-row .help-text code{background:var(--card-bg);padding:.1rem .3rem;border-radius:4px;font-family:monospace;border:1px solid var(--card-border)}.modal-backdrop .modal .modal-body button{padding:.6rem 1rem;border-radius:8px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-color);cursor:pointer;transition:all .2s;font-family:inherit;font-size:.9rem}.modal-backdrop .modal .modal-body button:hover{background:var(--card-border)}.modal-backdrop .modal .modal-body button.danger-btn{color:#ff6b6b;border-color:rgba(255,107,107,.3)}.modal-backdrop .modal .modal-body button.danger-btn:hover{background:rgba(255,107,107,.1)}.modal-backdrop .modal .modal-body .modal-footer-info{margin-top:1.5rem;padding:.75rem 0 .25rem;border-top:1px solid hsla(0,0%,100%,.03);display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.65rem;color:var(--text-muted);opacity:.5;font-weight:500;letter-spacing:.3px}.modal-backdrop .modal .modal-body .modal-footer-info .dot{width:4px;height:4px;background:var(--primary-color, #3b82f6);border-radius:50%;box-shadow:0 0 6px rgba(var(--primary-color, #3b82f6), 0.3)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.context-menu{position:fixed;background:var(--card-bg, rgba(255, 255, 255, 0.08));border:1px solid var(--card-border, rgba(255, 255, 255, 0.2));border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.35);min-width:200px;z-index:1000;overflow:hidden;animation:contextFadeIn .15s ease-out;backdrop-filter:blur(12px)}.context-menu.hidden{display:none}@keyframes contextFadeIn{from{opacity:0;transform:scale(0.98)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;text-align:left;background:rgba(0,0,0,0);border:none;color:inherit;font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0)}.context-menu-item .material-symbols-rounded{font-size:18px;opacity:.8}.context-menu-item:hover,.context-menu-item:focus-visible{background:hsla(0,0%,100%,.08)}.context-menu-item.danger{color:#ef4444}.context-menu-divider{height:1px;background:var(--card-border, rgba(255, 255, 255, 0.2));margin:.25rem 0}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color: #121212;--text-color: #ffffff;--text-muted: rgba(255, 255, 255, 0.7);--card-bg: rgba(255, 255, 255, 0.05);--card-border: rgba(255, 255, 255, 0.2)}[data-theme=light]{--bg-color: #e6eaf0;--text-color: #1a1a1a;--text-muted: rgba(0, 0, 0, 0.6);--card-bg: rgba(255, 255, 255, 0.6);--card-border: rgba(0, 0, 0, 0.1)}body{font-family:"Inter",sans-serif;background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at 50% 0%, var(--card-border) 0%, transparent 60%);background-image:radial-gradient(circle at 50% 0%, var(--card-border) 0%, transparent 60%);background-size:cover;background-position:center;background-attachment:fixed;height:100vh;width:100vw;overflow:hidden;transition:background .5s ease,color .5s ease}#app{width:100vw;height:100vh;display:flex}body.no-blur .sidebar,body.no-blur .modal,body.no-blur .card-glass,body.no-blur .sidebar-toggle-float{backdrop-filter:none !important;background:rgba(30,30,30,.95) !important}body.no-animations *,body.no-animations *::before,body.no-animations *::after{animation:none !important;transition:none !important}