@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#0f172a;--surface-color:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155;--primary-btn-bg:#334155;--primary-btn-border:#475569;--active-tab-bg:#3b82f6;--active-tab-text:#fff}[data-theme=light]{--bg-color:#f3f4f6;--surface-color:#fff;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--primary-btn-bg:#f9fafb;--primary-btn-border:#d1d5db;--active-tab-bg:#2563eb;--active-tab-text:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;transition:background-color .3s,color .3s}.app-container{min-height:100vh;display:flex}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:40px}.header{margin-bottom:24px}.header-content{justify-content:space-between;align-items:center;display:flex}.header-content h1{color:var(--text-primary);font-size:24px;font-weight:600}.add-tool-btn{background-color:var(--primary-btn-bg);border:1px solid var(--primary-btn-border);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.add-tool-btn:hover{background-color:var(--border-color)}.tabs-container{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:12px;margin-bottom:32px;padding-bottom:12px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s}.tab-btn:hover{color:var(--text-primary);background-color:var(--border-color)}.tab-btn.active{background-color:var(--active-tab-bg);color:var(--active-tab-text)}.section-title{margin-bottom:20px;font-size:20px;font-weight:600}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.tool-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .2s,box-shadow .2s,background-color .3s,border-color .3s;display:flex;box-shadow:0 4px 6px #0000001a}.tool-card:hover{border-color:var(--active-tab-bg);transform:translateY(-4px);box-shadow:0 10px 15px #0003}.card-content{align-items:center;gap:16px;margin-bottom:20px;display:flex}.icon-container{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.text-container h3{margin-bottom:4px;font-size:16px;font-weight:600}.text-container p{color:var(--text-secondary);font-size:13px}.card-actions{justify-content:flex-end;display:flex}.visit-btn{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:opacity .2s}.visit-btn:hover{opacity:.9}.add-new-card{border:1px dashed var(--border-color);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;min-height:140px}.add-new-card:hover{background-color:var(--surface-color);border-color:var(--active-tab-bg)}.add-new-card .card-content{text-align:center;flex-direction:column;gap:8px;margin-bottom:0}.add-icon{background-color:var(--border-color);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--surface-color);border-radius:12px;width:90%;max-width:500px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{font-size:20px;font-weight:600}.close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:24px}.add-form{flex-direction:column;display:flex}.form-group{margin-bottom:16px}.form-group label{margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group select{border:1px solid var(--border-color);background-color:var(--surface-color);width:100%;color:var(--text-primary);border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:var(--active-tab-bg);outline:none;box-shadow:0 0 0 2px #2563eb33}.form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.cancel-btn,.submit-btn{cursor:pointer;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500}.cancel-btn{border:1px solid var(--border-color);color:var(--text-primary);background-color:#0000}.cancel-btn:hover{background-color:var(--border-color)}.submit-btn{background-color:var(--active-tab-bg);color:#fff;border:none}.submit-btn:hover{background-color:#1d4ed8}