:root{--bg-dark: #0a0a0f;--bg-sidebar: #111118;--bg-card: rgba(255, 255, 255, .03);--primary: #6366f1;--text-main: #ffffff;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif;display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background:var(--bg-sidebar);border-right:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;flex-shrink:0}.logo{font-size:1.5rem;font-weight:800;margin-bottom:3rem;display:block;color:#fff;text-decoration:none}.nav-item{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-muted);text-decoration:none;border-radius:.5rem;margin-bottom:.5rem;transition:.2s;cursor:pointer}.nav-item:hover,.nav-item.active{background:#6366f11a;color:var(--primary)}.nav-icon{margin-right:.75rem}.nav-divider{height:1px;background:var(--border);margin:1rem 0}.nav-label{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;padding-left:1rem;opacity:.7}.main{flex:1;padding:2rem;overflow-y:auto;position:relative}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.user-profile{display:flex;align-items:center;gap:1rem}.avatar{width:40px;height:40px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.view-section{display:none;animation:fadeIn .3s ease}.view-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;transition:.3s;cursor:pointer;text-decoration:none;color:#fff;display:block}.tool-card:hover{transform:translateY(-5px);border-color:var(--primary);background:#ffffff0d}.tool-icon{font-size:2rem;margin-bottom:1rem}.tool-title{font-weight:600;margin-bottom:.5rem}.tool-desc{font-size:.875rem;color:var(--text-muted)}.workspace-container{max-width:800px;margin:0 auto}.upload-zone{border:2px dashed var(--border);border-radius:1rem;padding:4rem 2rem;text-align:center;background:#ffffff05;transition:.3s;cursor:pointer;margin-bottom:2rem}.upload-zone:hover{border-color:var(--primary);background:#6366f10d}.input-group{margin-bottom:1.5rem}.input-label{display:block;margin-bottom:.5rem;color:var(--text-muted)}.text-input,.select-input,textarea{width:100%;background:var(--bg-card);border:1px solid var(--border);padding:1rem;border-radius:.5rem;color:#fff;font-family:inherit}.text-input:focus,textarea:focus{outline:none;border-color:var(--primary)}.btn-generate{background:var(--primary);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;width:100%;font-size:1rem;transition:.3s}.btn-generate:hover{opacity:.9;transform:translateY(-2px)}