:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1d1d1f;background-color:#f5f5f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f5f7;color:#1d1d1f}.app-layout{width:100%;min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;box-sizing:border-box}.navbar-wrapper{width:100%;position:sticky;top:0;z-index:1000;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05)}.navbar{display:flex;justify-content:space-between;align-items:center;height:72px}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#1d1d1f;text-decoration:none;letter-spacing:-.02em}.logo-img{width:32px;height:32px;object-fit:contain}.logo:hover{opacity:.8}.nav-actions{display:flex;gap:1rem;align-items:center}.nav-btn{background:#0000000d;border:none;padding:.6rem 1.2rem;color:#1d1d1f;border-radius:980px;cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease}.nav-btn:hover{background:#0000001a}.nav-btn.logout:hover{background:#fee2e2;color:#ef4444}.login-btn{background:#0071e3;border:none;padding:.6rem 1.5rem;color:#fff;font-weight:600;border-radius:980px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.login-btn:hover{background:#0077ed;transform:scale(1.02)}.main-content{flex:1;padding:2rem 0}.hero{text-align:center;padding:1rem 0}h1{font-size:4rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.015em;color:#1d1d1f;line-height:1.1}.category-section{margin-bottom:4rem}.category-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:#1d1d1f;letter-spacing:-.01em}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;margin-top:1rem}.tool-card{background:#fff;border-radius:32px;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000008}.tool-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000014}.tool-icon{width:120px;height:120px;background:#f5f5f7;border-radius:26px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d}.tool-icon img{width:100%;height:100%;object-fit:cover}.tool-info h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1d1d1f;line-height:1.2}.tool-desc{font-size:.9375rem;color:#86868b;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.launch-btn{width:100%;background:#0071e3;border:none;color:#fff;padding:.75rem;border-radius:980px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.launch-btn:hover{background:#0077ed;transform:scale(1.02)}.tool-grid-placeholder{grid-column:1 / -1;min-height:200px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:28px;color:#86868b;font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;width:100%;max-width:440px;padding:3rem;border-radius:30px;box-shadow:0 20px 60px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.modal-header h2{margin:0;font-size:1.75rem;font-weight:700}.close-btn{background:#f5f5f7;border:none;color:#1d1d1f;font-size:1.5rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.form-layout{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-size:.875rem;font-weight:600;color:#1d1d1f;margin-bottom:.5rem;margin-left:.5rem}.form-group input{background:#fff;border:1px solid #d2d2d7;padding:1rem 1.25rem;border-radius:12px;font-size:1rem;outline:none;transition:all .2s}.form-group input:focus{border-color:#0071e3;box-shadow:0 0 0 4px #0071e31a}.submit-btn{background:#0071e3;color:#fff;border:none;padding:1.1rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:all .2s}.submit-btn:hover:not(:disabled){background:#0077ed}.submit-btn:disabled{opacity:.5}.error-message{background:#fff2f2;color:#df1b1b;padding:1rem;border-radius:10px;font-size:.875rem;text-align:center;font-weight:500}.admin-panel{max-width:900px;margin:0 auto;padding:2rem 0 6rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.scan-btn{background:#0071e3;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:980px;font-weight:600;cursor:pointer}.admin-tool-item{background:#fff;padding:1.5rem 2.5rem;border-radius:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;box-shadow:0 2px 12px #00000008}.admin-tool-info h3{margin:0 0 .25rem;font-size:1.25rem}.admin-tool-info p{margin:0;font-size:.9rem;color:#86868b}.status-badge{font-size:.75rem;font-weight:700;padding:.3rem .8rem;border-radius:980px}.status-badge.active{background:#e7f5ed;color:#1d884e}.status-badge.inactive{background:#f5f5f7;color:#86868b}.toggle-btn{padding:.6rem 1.2rem;border-radius:980px;font-weight:600;cursor:pointer;border:none}.toggle-btn.on{background:#0071e3;color:#fff}.toggle-btn.off{background:#f5f5f7;color:#1d1d1f}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.25rem;color:#86868b}