@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");:root{--bg-primary:#040407;--bg-secondary:#0a0b12;--bg-surface-glass:rgba(13,14,24,0.45);--bg-surface-glass-hover:rgba(22,24,41,0.65);--bg-card-glass:rgba(18,20,32,0.4);--bg-popover:rgba(10,11,18,0.95);--border-glass:rgba(255,255,255,0.07);--border-glass-hover:rgba(255,255,255,0.15);--border-glass-active:rgba(99,102,241,0.4);--accent-primary:#8b5cf6;--accent-primary-hover:#7c3aed;--accent-secondary:#06b6d4;--accent-secondary-hover:#0891b2;--accent-pink:#ec4899;--accent-glow-primary:rgba(139,92,246,0.35);--accent-glow-secondary:rgba(6,182,212,0.25);--text-gradient-start:#ffffff;--text-gradient-mid:#a78bfa;--text-gradient-end:#06b6d4;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--text-success:#86efac;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-title:"Outfit",sans-serif;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1)}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-surface-glass:rgba(255,255,255,0.65);--bg-surface-glass-hover:rgba(255,255,255,0.85);--bg-card-glass:rgba(255,255,255,0.55);--bg-popover:rgba(255,255,255,0.95);--border-glass:rgba(0,0,0,0.08);--border-glass-hover:rgba(0,0,0,0.15);--border-glass-active:rgba(139,92,246,0.4);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-success:#16a34a;--accent-glow-primary:rgba(139,92,246,0.25);--accent-glow-secondary:rgba(6,182,212,0.15);--text-gradient-start:#1e293b;--text-gradient-mid:#8b5cf6;--text-gradient-end:#0891b2}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(at 0 0,rgba(139,92,246,.08) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(6,182,212,.06) 0,transparent 50%);background-attachment:fixed}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.ambient-glow{position:fixed;width:45vw;height:45vw;border-radius:50%;pointer-events:none;filter:blur(140px);z-index:-10;opacity:.45}.glow-violet{top:-10%;right:-5%;background:radial-gradient(circle,var(--accent-glow-primary) 0,transparent 70%);animation:float-slow 25s infinite alternate}.glow-cyan{bottom:-15%;left:-5%;background:radial-gradient(circle,var(--accent-glow-secondary) 0,transparent 70%);animation:float-slow 30s infinite alternate-reverse}@keyframes float-slow{0%{transform:translate(0) scale(1)}50%{transform:translate(3%,4%) scale(1.05)}to{transform:translate(-2%,-3%) scale(.95)}}.app-container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.section-padding{padding:6rem 0}.glass-panel{background:var(--bg-surface-glass);backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 8px 32px 0 rgba(0,0,0,.4);transition:var(--transition-smooth)}.glass-panel:hover{border-color:var(--border-glass-hover);background:var(--bg-surface-glass-hover)}.glass-card{background:var(--bg-card-glass);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--border-glass);border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px 0 rgba(0,0,0,.25);transition:var(--transition-smooth);position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-4px);border-color:var(--border-glass-active);box-shadow:0 12px 30px 0 rgba(139,92,246,.12)}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-title);font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:var(--transition-smooth);text-decoration:none}.glass-btn:active{transform:scale(.96)!important;opacity:.8}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-hover) 100%);color:#ffffff;border:none;box-shadow:0 4px 15px 0 rgba(139,92,246,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(139,92,246,.5),0 0 10px 0 var(--accent-secondary)}.btn-primary:active{background:linear-gradient(135deg,var(--accent-primary-hover) 0,var(--accent-primary) 100%);transform:scale(.96) translateY(0)!important;box-shadow:0 2px 10px 0 rgba(139,92,246,.4)}.btn-secondary{background:var(--bg-surface-glass);color:var(--text-primary);border:1px solid var(--border-glass)}.btn-secondary:hover{background:rgba(255,255,255,.08);border-color:var(--border-glass-hover);transform:translateY(-2px)}.btn-secondary:active{background:rgba(255,255,255,.12);border-color:var(--border-glass-active);transform:scale(.96) translateY(0)!important}.btn-cyan{background:linear-gradient(135deg,var(--accent-secondary) 0,var(--accent-secondary-hover) 100%);color:#040407;border:none;box-shadow:0 4px 15px 0 rgba(6,182,212,.3)}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(6,182,212,.5)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-primary);font-weight:700;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,var(--text-gradient-start) 30%,var(--text-gradient-mid) 70%,var(--text-gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cyan-text-glow{color:var(--accent-secondary);text-shadow:0 0 10px rgba(6,182,212,.4)}.violet-text-glow{color:#a78bfa;text-shadow:0 0 10px rgba(139,92,246,.4)}.form-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.glass-input{background:rgba(255,255,255,.02);border:1px solid var(--border-glass);border-radius:10px;color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;padding:.75rem 1rem;outline:none;transition:var(--transition-fast);width:100%}.glass-input:focus{border-color:var(--accent-primary);background:rgba(255,255,255,.04);box-shadow:0 0 12px 0 rgba(139,92,246,.25)}.glass-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem;padding-right:2.5rem}.glass-select option{background-color:var(--bg-primary,#0f172a);color:var(--text-primary,#ffffff)}.glass-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid var(--border-glass);background:rgba(255,255,255,.03);color:var(--text-secondary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-creator{border-color:rgba(139,92,246,.5);color:#c084fc}.badge-client,.badge-creator{background:rgba(10,11,18,.85)}.badge-client{border-color:rgba(6,182,212,.5);color:#22d3ee}.badge-status-pending{border-color:rgba(234,179,8,.3);background:rgba(234,179,8,.08);color:#fde047}.badge-status-progress{border-color:rgba(6,182,212,.3);background:rgba(6,182,212,.08);color:#67e8f9}.badge-status-delivered{border-color:rgba(139,92,246,.3);background:rgba(139,92,246,.08);color:#d8b4fe}.badge-status-completed{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.08);color:#86efac}.badge-status-cancelled{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.08);color:#ef4444}[data-theme=light] .badge-status-completed{color:#16a34a;border-color:rgba(22,163,74,.4);background:rgba(22,163,74,.12)}[data-theme=light] .badge-status-pending{color:#d97706;border-color:rgba(217,119,6,.4);background:rgba(217,119,6,.12)}[data-theme=light] .badge-status-progress{color:#0284c7;border-color:rgba(2,132,199,.4);background:rgba(2,132,199,.12)}[data-theme=light] .badge-status-delivered{color:#9333ea;border-color:rgba(147,51,234,.4);background:rgba(147,51,234,.12)}[data-theme=light] .badge-creator{color:#7e22ce;border-color:rgba(126,34,206,.4);background:rgba(255,255,255,.9)}[data-theme=light] .badge-client{color:#0369a1;border-color:rgba(3,105,161,.4);background:rgba(255,255,255,.9)}.flex-center{display:flex;align-items:center;justify-content:center}.grid-cols-3-responsive{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem}.pulsing-dot{width:8px;height:8px;border-radius:50%;background-color:var(--accent-secondary);box-shadow:0 0 8px var(--accent-secondary);animation:pulse-dot-anim 1.5s infinite alternate}@keyframes pulse-dot-anim{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1.1);box-shadow:0 0 14px var(--accent-secondary)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:768px){.app-container{padding:0 1rem}.grid-cols-3-responsive{grid-template-columns:1fr;gap:1rem}.glass-card{padding:1.25rem}.form-row{flex-direction:column}.flex-mobile-col{flex-direction:column!important;align-items:flex-start!important}.mobile-full-width{width:100%!important}.mobile-hide{display:none!important}h2{font-size:1.8rem!important}.glass-btn{padding:.6rem 1.2rem;font-size:.9rem}.desktop-nav{display:none!important}.mobile-nav-toggle{display:flex!important}}.desktop-nav{display:flex}.mobile-nav-toggle{display:none}