style: Final layout polish, independent profile seeding, and detail view optimization

backend/app/main.py

@@ -43,8 +43,9 @@ async def startup_event():
         print(f"Current tender count: {count}")
         if count == 0:
             print("Auto-seeding database...")
-            # Basic Company Profile
+            # Basic Company Profile - Independent check
             if not db.query(CompanyProfileModel).first():
+                print("Seeding Company Profile...")
                 db.add(CompanyProfileModel(
                     name="Andes Digital Solutions",
                     industry="Software Engineering",
@@ -53,6 +54,7 @@ async def startup_event():
                     regions="Nacional",
                     documents_available="RUT, Portfolio"
                 ))
+                db.commit()
             
             # Software Tenders
             tenders_to_add = [

frontend/app/page.tsx

@@ -146,7 +146,7 @@ export default function HomePage() {
         </button>
       </div>
 
-      <div className="flex flex-col md:flex-row min-h-screen gap-6 p-4 md:p-8">
+      <div className="flex flex-col md:flex-row min-h-screen gap-8 p-6 md:p-10">
         {/* Sidebar Container */}
         <div className={`${isMobileMenuOpen ? "fixed inset-0 z-[60] flex" : "hidden"} md:block md:w-72 md:shrink-0 md:sticky md:top-8 md:h-[calc(100vh-4rem)]`}>
           {isMobileMenuOpen && (

frontend/components/TenderSearch.tsx

@@ -232,29 +232,36 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
                     </tr>
                     {expandedTenderCodes.includes(tender.code) && (
                       <tr className="bg-white/[0.01] animate-in fade-in duration-500">
-                        <td colSpan={6} className="px-10 py-8">
-                          <div className="grid gap-12 lg:grid-cols-2">
-                            <div className="space-y-6">
+                        <td colSpan={6} className="px-8 md:px-12 py-10">
+                          <div className="grid gap-10 lg:grid-cols-5 items-start">
+                            <div className="lg:col-span-3 space-y-8">
                               <div>
-                                <h4 className="text-[10px] font-bold uppercase tracking-widest text-purple-400 mb-3">Project Description</h4>
-                                <p className="text-slate-400 leading-relaxed text-xs">{tender.description}</p>
+                                <h4 className="text-[10px] font-black uppercase tracking-[0.2em] text-purple-400 mb-4 flex items-center gap-2">
+                                  <span className="w-4 h-[1px] bg-purple-500/50" />
+                                  Project Description
+                                </h4>
+                                <p className="text-slate-300 leading-relaxed text-sm bg-white/[0.02] p-5 rounded-2xl border border-white/5">{tender.description}</p>
                               </div>
-                              <div className="grid grid-cols-2 gap-4">
-                                <div className="p-4 rounded-2xl bg-white/[0.03] border border-white/5">
-                                  <div className="text-[9px] uppercase text-slate-500 font-bold mb-1">Estimated Amount</div>
-                                  <div className="text-xs text-slate-200 font-semibold">
+                              <div className="grid grid-cols-2 gap-6">
+                                <div className="p-5 rounded-2xl bg-white/[0.03] border border-white/5 shadow-inner">
+                                  <div className="text-[9px] uppercase text-slate-500 font-black mb-1">Estimated Amount</div>
+                                  <div className="text-sm text-white font-bold">
                                     {tender.estimated_amount ? new Intl.NumberFormat("es-CL", { style: "currency", currency: "CLP" }).format(tender.estimated_amount) : "Not Disclosed"}
                                   </div>
                                 </div>
-                                <div className="p-4 rounded-2xl bg-white/[0.03] border border-white/5">
-                                  <div className="text-[9px] uppercase text-slate-500 font-bold mb-1">Sector</div>
-                                  <div className="text-xs text-slate-200 font-semibold">{tender.sector || "General"}</div>
+                                <div className="p-5 rounded-2xl bg-white/[0.03] border border-white/5 shadow-inner">
+                                  <div className="text-[9px] uppercase text-slate-500 font-black mb-1">Market Sector</div>
+                                  <div className="text-sm text-white font-bold">{tender.sector || "General"}</div>
                                 </div>
                               </div>
                             </div>
-                            <div className="space-y-6">
-                              <h4 className="text-[10px] font-bold uppercase tracking-widest text-purple-400 mb-3">Resources & Direct Links</h4>
-                              <div className="grid gap-3">
+                            <div className="lg:col-span-2 space-y-8">
+                              <div>
+                                <h4 className="text-[10px] font-black uppercase tracking-[0.2em] text-purple-400 mb-4 flex items-center gap-2">
+                                  <span className="w-4 h-[1px] bg-purple-500/50" />
+                                  Resources & Direct Links
+                                </h4>
+                                <div className="grid gap-3">
                                 {tender.attachments?.map((att, i) => (
                                   <a key={i} href={att.url} target="_blank" className="flex items-center justify-between p-4 rounded-2xl bg-white/[0.03] hover:bg-white/[0.08] border border-white/5 transition-all group/file">
                                     <div className="flex items-center gap-4">