brunza.lt | AI Valdymas

<div class="flex h-screen overflow-hidden">
    <aside class="w-64 bg-slate-900 text-white hidden md:flex flex-col">
        <div class="p-6 text-2xl font-bold border-b border-slate-700">brunza.lt <span class="text-blue-400 text-sm">AI</span></div>
        <nav class="flex-grow p-4 space-y-2">
            <a href="#" class="block p-3 bg-blue-600 rounded-lg"><i class="fas fa-chart-line mr-3"></i> Pagrindinis</a>
            <a href="#" class="block p-3 hover:bg-slate-800 rounded-lg"><i class="fas fa-truck mr-3"></i> Logistika</a>
            <a href="#" class="block p-3 hover:bg-slate-800 rounded-lg"><i class="fas fa-warehouse mr-3"></i> Sandėlis</a>
            <a href="#" class="block p-3 hover:bg-slate-800 rounded-lg"><i class="fas fa-folder-open mr-3"></i> Asmeniniai/Šeima</a>
        </nav>
        <div class="p-4 border-t border-slate-700 text-xs text-slate-400">Prisijungta kaip: Administratorius</div>
    </aside>

    <main class="flex-1 overflow-y-auto p-8">
        <header class="flex justify-between items-center mb-8">
            <h1 class="text-3xl font-bold text-slate-800">Sveikas sugrįžęs į brunza.lt</h1>
            <div class="flex space-x-4">
                <button class="bg-white p-2 rounded-full shadow-sm px-4 text-sm font-medium border border-slate-200">AI Asistentas: <span class="text-green-500">Aktyvus</span></button>
            </div>
        </header>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
            <div class="glass-card p-6 rounded-2xl shadow-sm border-l-4 border-blue-600">
                <p class="text-slate-500 text-sm uppercase font-bold">Logistikos statusas</p>
                <p class="text-2xl font-black mt-1">12 Aktyvių Reisų</p>
            </div>
            <div class="glass-card p-6 rounded-2xl shadow-sm border-l-4 border-orange-500">
                <p class="text-slate-500 text-sm uppercase font-bold">Sandėlio Užimtumas</p>
                <p class="text-2xl font-black mt-1">84% Talpos</p>
            </div>
            <div class="glass-card p-6 rounded-2xl shadow-sm border-l-4 border-purple-500">
                <p class="text-slate-500 text-sm uppercase font-bold">Šeimos Failai</p>
                <p class="text-2xl font-black mt-1">2.4 GB Naujų</p>
            </div>
        </div>

        <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">

            <section class="bg-white p-8 rounded-3xl shadow-xl">
                <div class="flex justify-between items-center mb-6">
                    <h2 class="text-xl font-bold flex items-center"><i class="fas fa-truck-moving accent-blue mr-3"></i> AI Logistikos Įrankiai</h2>
                    <span class="text-xs bg-blue-100 text-blue-700 px-3 py-1 rounded-full uppercase">Optimizuota</span>
                </div>
                <div class="space-y-4">
                    <div class="p-4 border border-slate-100 rounded-xl hover:bg-slate-50 cursor-pointer transition">
                        <h3 class="font-semibold">Maršrutų Optimizatorius</h3>
                        <p class="text-sm text-slate-500">AI skaičiuoja geriausią kelią remiantis eismu.</p>
                    </div>
                    <div class="p-4 border border-slate-100 rounded-xl hover:bg-slate-50 cursor-pointer transition">
                        <h3 class="font-semibold">LDM / Tūrio skaičiuoklė</h3>
                        <p class="text-sm text-slate-500">Apskaičiuok krovos vietą per sekundę.</p>
                    </div>
                </div>
            </section>

            <section class="bg-gradient-logistics text-white p-8 rounded-3xl shadow-xl">
                <div class="flex justify-between items-center mb-6">
                    <h2 class="text-xl font-bold flex items-center"><i class="fas fa-users-cog mr-3"></i> Asmeninis / Šeimos Debesis</h2>
                </div>
                <div class="grid grid-cols-2 gap-4 text-slate-800">
                    <div class="bg-white p-4 rounded-2xl flex flex-col items-center">
                        <i class="fas fa-file-invoice-dollar text-2xl mb-2 text-green-600"></i>
                        <span class="text-xs font-bold text-center italic text-gray-500">Sąskaitos</span>
                    </div>
                    <div class="bg-white p-4 rounded-2xl flex flex-col items-center">
                        <i class="fas fa-camera-retro text-2xl mb-2 text-pink-500"></i>
                        <span class="text-xs font-bold text-center italic text-gray-500">Šeimos Foto</span>
                    </div>
                </div>
                <button class="w-full mt-6 py-3 bg-blue-400 hover:bg-blue-500 rounded-xl font-bold transition">
                    Įkelti naują failą +
                </button>
            </section>

        </div>
    </main>
</div>