@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&family=Orbitron:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--bg-color:#090d16;--panel-bg:#0f172a73;--panel-border:#06b6d426;--panel-border-hover:#06b6d459;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d466;--accent-blue:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-sans:"Inter", sans-serif;--font-title:"Outfit", sans-serif;--font-tech:"Orbitron", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#06b6d433;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan-glow)}.nf-glass-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000005e}.nf-glass-card:before{content:"";background:linear-gradient(90deg,#0000,#06b6d466,#0000);height:1px;transition:transform .5s;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}.nf-glass-card:hover{border-color:var(--panel-border-hover);transform:translateY(-4px);box-shadow:0 8px 32px #06b6d41a,inset 0 0 12px #06b6d40d}.nf-glass-card:hover:before{transform:translate(100%)}.nf-glow-border{position:relative}.nf-glow-border:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue), transparent);-webkit-mask-composite:xor;pointer-events:none;opacity:.5;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.nf-glow-border:hover:after{opacity:1}.nf-orb{filter:blur(120px);opacity:.15;pointer-events:none;z-index:-1;border-radius:50%;position:fixed}.nf-orb-cyan{background:var(--accent-cyan);width:400px;height:400px;animation:20s ease-in-out infinite alternate floatOrb;top:10%;left:5%}.nf-orb-blue{background:var(--accent-blue);width:500px;height:500px;animation:25s ease-in-out infinite alternate-reverse floatOrb;bottom:10%;right:5%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,-40px)scale(1.1)}to{transform:translate(-40px,50px)scale(.9)}}.nf-input-glass{color:var(--text-primary);font-family:var(--font-sans);background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:.8rem 1rem;transition:all .25s}.nf-input-glass:focus{border-color:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan-glow);background:#0f172ad9}.nf-btn-glow{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-cyan) 100%);color:#fff;cursor:pointer;font-weight:700;font-family:var(--font-sans);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 15px #06b6d440}.nf-btn-glow:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #06b6d480}.nf-btn-glow:active{transform:translateY(0)}.nf-app{background:var(--bg-color);min-height:100vh;font-family:var(--font-sans);color:var(--text-primary);display:flex;position:relative;overflow:hidden}.nf-sidebar{color:#cbd5e1;z-index:10;-webkit-backdrop-filter:blur(16px);background:#0f172a99;border-right:1px solid #06b6d426;flex-direction:column;width:260px;min-width:260px;padding-bottom:1.5rem;display:flex}.nf-brand{border-bottom:1px solid #06b6d426;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding:1.5rem 1.5rem 1.2rem;display:flex}.nf-brand-icon{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex;box-shadow:0 4px 12px #06b6d440}.nf-brand-text{line-height:1.1}.nf-brand-name{font-family:var(--font-title);color:#fff;letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.nf-brand-sub{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-weight:600}.nf-nav{flex:1;padding:0 .8rem}.nf-nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;font-size:.9rem;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;border-radius:12px;align-items:center;gap:.8rem;margin-bottom:.3rem;padding:.75rem 1rem;transition:all .2s;display:flex}.nf-nav-item:hover{color:#fff;background:#06b6d414;transform:translate(4px)}.nf-nav-item.active{color:var(--accent-cyan);border-left:3px solid var(--accent-cyan);background:linear-gradient(135deg,#06b6d426 0%,#3b82f60d 100%);border-top-left-radius:2px;border-bottom-left-radius:2px;font-weight:700}.nf-nav-item.active .nf-nav-icon{color:var(--accent-cyan)}.nf-nav-icon{text-align:center;width:20px;color:var(--text-muted);font-size:1.2rem}.nf-sidebar-bottom{border-top:1px solid #06b6d426;padding:1.2rem .8rem 0}.nf-create-btn{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));color:#fff;width:100%;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:12px;margin-bottom:.8rem;padding:.75rem;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #06b6d440}.nf-create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #06b6d466}.nf-main{z-index:1;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.nf-topbar{-webkit-backdrop-filter:blur(8px);background:#0f172a66;border-bottom:1px solid #06b6d426;align-items:center;gap:1rem;padding:.75rem 2.2rem;display:flex}.nf-topbar-actions{align-items:center;gap:1.2rem;margin-left:auto;display:flex}.nf-content{flex:1;padding:2rem 2.2rem;overflow-y:auto}.nf-page-title{font-family:var(--font-title);letter-spacing:-.02em;color:var(--text-primary);font-size:2rem;font-weight:800}.nf-page-sub{color:var(--text-secondary);margin-top:.3rem;margin-bottom:2rem;font-size:.9rem}.nf-user{align-items:center;gap:.8rem;display:flex}.nf-user-info{text-align:right}.nf-user-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.nf-user-role{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}.nf-avatar{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 4px 10px #06b6d44d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.nf-sidebar{min-height:100vh}@media (width>=1025px){div.nf-app{display:flex}}@media (width<=1024px){div.nf-app .nf-sidebar{width:80px!important;min-width:80px!important;padding-bottom:1rem!important}div.nf-app .nf-brand-text,div.nf-app .nf-nav-item span:not(.nf-nav-icon),div.nf-app .nf-sidebar-bottom button span:not(.nf-nav-icon){display:none!important}div.nf-app .nf-brand{justify-content:center!important;padding:1rem 0!important}div.nf-app .nf-nav-item{justify-content:center!important;padding:.8rem!important}div.nf-app .nf-sidebar-bottom{justify-content:center!important;padding:1rem 0 0!important;display:flex!important}div.nf-app .nf-sidebar-bottom button{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;padding:0!important}div.nf-app .nf-content{padding:1.5rem!important}div.nf-app .nf-stats,div.nf-app .nf-finance-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.2rem!important}div.nf-app .nf-lower,div.nf-app .nf-main-grid,div.nf-app .nf-client-project-grid,div.nf-app .doc-split-layout,div.nf-app .comm-split-layout{grid-template-columns:1fr!important;gap:1.5rem!important}}@media (width<=767px){div.nf-app{flex-direction:column!important}div.nf-app .nf-sidebar{width:100%!important;min-width:100%!important;height:65px!important;min-height:auto!important;padding:0 .8rem!important;padding-bottom:env(safe-area-inset-bottom)!important;z-index:1000!important;border-top:1px solid #06b6d426!important;border-right:none!important;border-radius:0!important;flex-direction:row!important;margin:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}div.nf-app .nf-brand,div.nf-app .nf-sidebar-bottom{display:none!important}div.nf-app .nf-nav{flex-direction:row!important;justify-content:space-around!important;align-items:center!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important}div.nf-app .nf-nav-item{background:0 0!important;border:none!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;width:auto!important;margin:0!important;padding:.4rem .2rem!important;font-size:.6rem!important;transform:none!important}div.nf-app .nf-nav-item.active{border-left:none!important;border-bottom:3px solid var(--accent-cyan)!important;color:var(--accent-cyan)!important;border-radius:0!important}div.nf-app .nf-nav-item span:not(.nf-nav-icon){font-size:.62rem!important;font-weight:700!important;display:block!important}div.nf-app .nf-main{min-height:calc(100vh - 65px)!important;padding-bottom:70px!important}div.nf-app .nf-topbar{padding:.6rem 1rem!important}div.nf-app .nf-user-info{display:none!important}div.nf-app .nf-content{padding:1.2rem 1rem!important}div.nf-app .nf-page-title{font-size:1.6rem!important}div.nf-app .nf-page-sub{margin-bottom:1.2rem!important;font-size:.8rem!important}div.nf-app .nf-stats,div.nf-app .nf-finance-grid,div.nf-app .nf-lower,div.nf-app .nf-main-grid,div.nf-app .nf-client-project-grid,div.nf-app .doc-split-layout,div.nf-app .comm-split-layout,div.nf-app .nf-form-grid-2,div.nf-app .nf-budget-deadline,div.nf-app .lt-sig-grid,div.nf-app .nf-form-row,div.nf-app .nf-analytics-grid,div.nf-app .nf-bottom-stats{grid-template-columns:1fr!important;gap:1rem!important}div.nf-app .nf-projects-card,div.nf-app .nf-glass-card{overflow-x:auto!important}div.nf-app .recharts-responsive-container{min-height:250px!important}}