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:1.5rem 5%;max-width:1400px;margin:0 auto;width:100%;flex-shrink:0;z-index:10}.app-header .brand h1{font-size:2rem;font-weight:800;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:.25rem}.app-header .brand .greeting{font-size:.95rem;color:var(--text-muted);font-weight:500}.app-header .controls{display:flex;gap:1rem}.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:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.app-header .controls .icon-btn:hover{background:var(--card-border);transform:translateY(-2px)}.app-header .controls .icon-btn span{font-size:20px}.app-footer{padding:1rem;flex-shrink:0;text-align:center;font-size:.85rem;color:hsla(0,0%,100%,.4)}.app-footer .sep{margin:0 .5rem}.app-footer a{color:inherit;text-decoration:none}.app-footer a:hover{text-decoration:underline}.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 .card-glass{background:var(--card-bg);filter:brightness(1.2);transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.4);border-color:var(--text-color);opacity:.9}.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)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(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-color:var(--bg-color);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}