.sidebar{color:#fff;z-index:1000;background:linear-gradient(#0f172a,#111827);border-right:1px solid #ffffff0d;flex-direction:column;width:270px;height:100vh;padding:20px 16px;transition:all .35s;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar.collapsed{width:90px}.sidebar-top{flex-direction:column;display:flex}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.sidebar-header h2{font-size:24px;font-weight:700}.sidebar-actions{align-items:center;gap:10px;display:flex}.collapse-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.collapse-btn:hover{background:#ffffff1f}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.sidebar-link,.dropdown-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-size:15px;text-decoration:none;transition:all .3s;display:flex}.sidebar-link:hover,.dropdown-btn:hover{color:#fff;background:#ffffff0f}.sidebar-link.active,.active-dropdown{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 10px 30px #3b82f64d}.sidebar-link svg,.dropdown-btn svg{font-size:18px}.sidebar-link-left{align-items:center;display:flex}.sidebar-link span,.dropdown-left span{margin-left:12px}.dropdown-left{align-items:center;display:flex}.dropdown-menu{flex-direction:column;max-height:0;margin-left:12px;transition:all .35s;display:flex;overflow:hidden}.dropdown-menu.open{max-height:200px;margin-top:8px}.dropdown-link{color:#94a3b8;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.dropdown-link svg{font-size:14px}.dropdown-link:hover{color:#fff;background:#ffffff0d}.dropdown-link.active{color:#60a5fa;background:#3b82f626}.arrow{transition:transform .3s}.arrow.rotate{transform:rotate(180deg)}.mobile-menu-btn{color:#fff;z-index:1200;cursor:pointer;background:#111827;border:none;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;transition:all .3s;display:none;position:fixed;top:18px;left:18px}.mobile-menu-btn.hide-mobile-btn{opacity:0;visibility:hidden;transform:scale(.8)}.mobile-close-btn{display:none}.sidebar-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;background:#00000073;position:fixed;inset:0}.sidebar.collapsed .dropdown-menu{display:none}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .sidebar-link,.sidebar.collapsed .dropdown-btn{justify-content:center}.sidebar.collapsed .sidebar-link span,.sidebar.collapsed .dropdown-left span,.sidebar.collapsed .arrow{display:none}@media (width<=992px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-menu-btn,.mobile-close-btn{display:flex}.desktop-btn{display:none}}@media (width<=576px){.sidebar{width:85%;max-width:320px}.sidebar-header h2{font-size:22px}.sidebar-link,.dropdown-btn{font-size:14px}.dropdown-link{font-size:13px}.mobile-menu-btn{width:42px;height:42px;top:15px;left:15px}}@media (width<=400px){.sidebar{width:90%}}.topbar{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff;border-bottom:1px solid #e5e7eb;justify-content:flex-end;align-items:center;width:100%;height:80px;padding:0 30px;transition:all .3s;display:flex;position:sticky;top:0}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-icon-btn{color:#0f172a;cursor:pointer;background:#f8fafc;border:none;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:17px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #0f172a0a}.topbar-icon-btn:hover{background:#eef2ff;transform:translateY(-2px)}.notification-wrapper,.notification-btn{position:relative}.notification-badge{background:#ef4444;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;top:11px;right:11px}.notification-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;z-index:200;background:#fffffff5;border:1px solid #fff6;border-radius:24px;width:340px;padding:18px;transition:all .3s;position:absolute;top:70px;right:0;transform:translateY(10px);box-shadow:0 20px 50px #0f172a1f}.show-notification-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.notification-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.notification-header h4{color:#0f172a;font-size:17px}.mark-read-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .3s}.mark-read-btn:hover{background:#1d4ed8}.success-alert{color:#166534;background:#dcfce7;border-radius:14px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:14px;display:flex}.notification-item{cursor:pointer;background:#f8fafc;border-radius:18px;margin-bottom:12px;padding:16px;transition:all .3s}.notification-item:hover{background:#eef2ff;transform:translateY(-2px)}.notification-item h5{color:#0f172a;margin-bottom:6px;font-size:15px}.notification-item p{color:#64748b;font-size:13px;line-height:1.5}.profile-dropdown-wrapper{position:relative}.profile-btn{cursor:pointer;background:#f8fafc;border:none;border-radius:18px;align-items:center;gap:12px;height:52px;padding:0 14px;transition:all .3s;display:flex;box-shadow:0 4px 12px #0f172a0a}.profile-btn:hover{background:#eef2ff}.profile-btn img{object-fit:cover;border-radius:50%;width:40px;height:40px}.profile-arrow{color:#64748b;font-size:13px;transition:all .3s}.profile-arrow.rotate{transform:rotate(180deg)}.profile-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;z-index:200;background:#fffffff5;border:1px solid #fff6;border-radius:24px;width:250px;padding:12px;transition:all .3s;position:absolute;top:70px;right:0;transform:translateY(10px);box-shadow:0 20px 50px #0f172a1f}.show-profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.profile-dropdown-item{cursor:pointer;color:#334155;background:0 0;border:none;border-radius:16px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-size:15px;transition:all .25s;display:flex}.profile-dropdown-item:hover{background:#f8fafc}.profile-dropdown-item svg{font-size:16px}.logout-item{color:#ef4444}body.dark-theme{color:#fff;background:#0f172a}body.dark-theme .main,body.dark-theme .content{background:#0f172a}body.dark-theme .topbar{background:#111827;border-color:#ffffff0d}body.dark-theme .topbar-icon-btn,body.dark-theme .profile-btn{color:#fff;background:#ffffff0f}body.dark-theme .notification-dropdown,body.dark-theme .profile-dropdown{background:#111827fa;border-color:#ffffff0d}body.dark-theme .notification-header h4,body.dark-theme .profile-dropdown-item,body.dark-theme .notification-item h5{color:#fff}body.dark-theme .notification-item{background:#ffffff0d}body.dark-theme .notification-item p{color:#cbd5e1}body.dark-theme .notification-item:hover,body.dark-theme .profile-dropdown-item:hover{background:#ffffff14}@media (width<=992px){.topbar{width:100%;margin-left:0;padding-left:85px}}@media (width<=768px){.topbar{height:76px;padding:0 20px 0 80px}.topbar-right{gap:12px}.notification-dropdown{width:320px}}@media (width<=576px){.topbar{height:72px;padding:0 14px 0 74px}.topbar-right{gap:10px}.topbar-icon-btn{border-radius:14px;width:42px;height:42px;font-size:15px}.profile-btn{border-radius:14px;height:46px;padding:0 10px}.profile-btn img{width:34px;height:34px}.notification-dropdown,.profile-dropdown{width:calc(100vw - 28px);right:0}.notification-dropdown{padding:16px}.profile-dropdown{padding:10px}.notification-item{padding:14px}.notification-item h5{font-size:14px}.notification-item p{font-size:12px}.profile-dropdown-item{padding:13px 14px;font-size:14px}.mark-read-btn{padding:9px 12px;font-size:12px}}@media (width<=400px){.topbar{padding-left:68px}.topbar-icon-btn{width:40px;height:40px}.profile-btn{height:44px}}.footer{background:#fff;border-radius:30px;padding:30px;position:relative;overflow:hidden;box-shadow:0 15px 50px #0f172a0d}.footer-link{color:#2563eb;text-decoration:none;transition:all .3s}.footer-link:hover{color:#7c3aed}.footer:before{content:"";background:#2563eb0d;border-radius:50%;width:300px;height:300px;position:absolute;top:-120px;right:-120px}.footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-left{max-width:420px}.footer-left h3{color:#0f172a;margin-bottom:12px;font-size:24px}.footer-left p{color:#64748b;line-height:1.7}.footer-center{align-items:center;gap:16px;display:flex}.footer-center a{color:#2563eb;background:#f8fafc;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;text-decoration:none;transition:all .3s;display:flex}.footer-center a:hover{background:#eef2ff;transform:translateY(-4px)}.scroll-top-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:18px;width:54px;height:54px;font-size:18px;transition:all .3s;box-shadow:0 12px 30px #3b82f640}.scroll-top-btn:hover{transform:translateY(-4px)}.footer-bottom{text-align:center;border-top:1px solid #f1f5f9;width:100%;margin-top:20px;padding-top:20px}.footer-bottom p{color:#64748b;justify-content:center;align-items:center;gap:8px;display:flex}.heart-icon{color:#ef4444}body.dark-theme .footer{background:#111827}body.dark-theme .footer-left h3{color:#fff}body.dark-theme .footer-left p,body.dark-theme .footer-bottom p{color:#cbd5e1}body.dark-theme .footer-bottom{border-color:#ffffff0d}body.dark-theme .footer-center a{color:#fff;background:#ffffff0f}body.dark-theme .footer-center a:hover{background:#ffffff1a}@media (width<=768px){.footer{flex-direction:column;align-items:flex-start}.footer-center,.footer-right{width:100%}}@media (width<=576px){.footer{padding:24px}.footer-left h3{font-size:22px}.footer-center{justify-content:flex-start}}.layout{background:#f1f5f9;min-height:100vh;display:flex}.main{flex-direction:column;width:calc(100% - 270px);min-height:100vh;margin-left:270px;transition:all .35s;display:flex}.content{flex:1;padding:30px}body.dark-theme .layout,body.dark-theme .main{background:#0f172a}@media (width<=992px){.main{width:100%;margin-left:0}}@media (width<=576px){.content{padding:16px}}.dashboard-page{padding:30px}.dashboard-hero{justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.dashboard-hero h1{color:#0f172a;margin-bottom:14px;font-size:42px;line-height:1.2}.dashboard-hero p{color:#64748b;max-width:650px;font-size:16px;line-height:1.7}.hero-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:18px;align-items:center;gap:10px;padding:16px 22px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 15px 40px #3b82f640}.hero-btn:hover{transform:translateY(-3px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:35px;display:grid}.stats-card{background:#fff;border-radius:30px;padding:28px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 15px 50px #0f172a0f}.stats-card:hover{transform:translateY(-6px)}.stats-card-glow{opacity:.08;border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:-70px}.blue-glow{background:#2563eb}.purple-glow{background:#7c3aed}.green-glow{background:#10b981}.orange-glow{background:#f97316}.stats-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.stats-icon{color:#fff;border-radius:24px;justify-content:center;align-items:center;width:74px;height:74px;font-size:26px;display:flex;box-shadow:0 12px 30px #0000001f}.blue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.green{background:linear-gradient(135deg,#059669,#10b981)}.orange{background:linear-gradient(135deg,#ea580c,#f97316)}.stats-growth{color:#166534;background:#dcfce7;border-radius:14px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.stats-warning{color:#ea580c;background:#fff7ed;border-radius:14px;padding:10px 14px;font-size:13px;font-weight:700}.stats-content h2{color:#0f172a;margin-bottom:10px;font-size:40px}.stats-content p{color:#64748b;font-size:16px}.stats-footer{border-top:1px solid #f1f5f9;margin-top:24px;padding-top:20px}.stats-footer span{color:#64748b;font-size:14px}.coming-soon-banner{color:#475569;background:#f8fafc;border-radius:16px;margin-top:22px;padding:14px 16px;font-size:14px;font-weight:700;line-height:1.5}.countdown-banner{color:#9a3412;background:#fff7ed;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;padding:14px 16px;font-weight:800;display:flex}.countdown-banner small{color:#c2410c;width:100%;font-size:12px;font-weight:700}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;display:grid}.dashboard-card{background:#fff;border-radius:30px;padding:28px;transition:all .3s;box-shadow:0 15px 50px #0f172a0f}.dashboard-card:hover{transform:translateY(-4px)}.large-card{grid-column:span 2}.card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card-header h3{color:#0f172a;margin-bottom:6px;font-size:22px}.card-header p{color:#64748b;font-size:14px}.view-btn{color:#2563eb;cursor:pointer;background:#eef2ff;border:none;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-weight:600;transition:all .3s;display:flex}.view-btn:hover{background:#dbeafe}.project-list{flex-direction:column;gap:18px;display:flex}.project-item{background:#f8fafc;border-radius:22px;justify-content:space-between;align-items:center;padding:18px;transition:all .3s;display:flex}.project-item:hover{background:#eef2ff}.project-left{align-items:center;gap:16px;display:flex}.project-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:flex}.purple-bg{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.orange-bg{background:linear-gradient(135deg,#ea580c,#f97316)}.project-item h4{color:#0f172a;margin-bottom:6px}.project-item p{color:#64748b;font-size:14px}.project-status{border-radius:14px;padding:10px 16px;font-size:13px;font-weight:700}.live{color:#166534;background:#dcfce7}.draft{color:#92400e;background:#fef3c7}.analytics-box h2{color:#0f172a;margin-bottom:12px;line-height:1.4}.analytics-box p{color:#64748b;margin-bottom:22px}.analytics-bar{background:#e2e8f0;border-radius:40px;width:100%;height:14px;margin-bottom:18px;overflow:hidden}.analytics-progress{background:linear-gradient(90deg,#2563eb,#7c3aed);width:78%;height:100%}.analytics-footer{color:#2563eb;justify-content:space-between;align-items:center;font-weight:600;display:flex}.clients-list{flex-direction:column;gap:20px;display:flex}.client-item{align-items:center;gap:16px;display:flex}.client-item img{border-radius:50%;width:52px;height:52px}.client-item h4{color:#0f172a;margin-bottom:4px}.client-item p{color:#64748b;font-size:14px}.activity-list{flex-direction:column;gap:18px;display:flex}.activity-item{background:#f8fafc;border-radius:20px;align-items:center;gap:14px;padding:18px;transition:all .3s;display:flex}.activity-item:hover{background:#eef2ff}.activity-item svg{color:#2563eb;font-size:18px}.activity-item p{color:#475569}.activity-item strong{color:#0f172a}.empty-dashboard-row{color:#64748b;background:#f8fafc;border-radius:18px;padding:18px;font-size:14px;font-weight:700}body.dark-theme .dashboard-page{background:#0f172a}body.dark-theme .dashboard-hero h1,body.dark-theme .stats-content h2,body.dark-theme .card-header h3,body.dark-theme .project-item h4,body.dark-theme .analytics-box h2,body.dark-theme .client-item h4{color:#fff}body.dark-theme .dashboard-hero p,body.dark-theme .stats-content p,body.dark-theme .stats-footer span,body.dark-theme .card-header p,body.dark-theme .project-item p,body.dark-theme .analytics-box p,body.dark-theme .client-item p,body.dark-theme .activity-item p{color:#cbd5e1}body.dark-theme .stats-card,body.dark-theme .dashboard-card{background:#111827}body.dark-theme .project-item,body.dark-theme .activity-item,body.dark-theme .coming-soon-banner,body.dark-theme .countdown-banner,body.dark-theme .empty-dashboard-row{background:#ffffff0d}body.dark-theme .project-item:hover,body.dark-theme .activity-item:hover{background:#ffffff14}body.dark-theme .stats-footer{border-color:#ffffff0d}body.dark-theme .view-btn{color:#fff;background:#ffffff14}@media (width<=992px){.large-card{grid-column:span 1}.dashboard-hero{flex-direction:column;align-items:flex-start}}@media (width<=768px){.dashboard-page{padding:20px}.dashboard-hero h1{font-size:34px}.stats-grid{grid-template-columns:1fr}}@media (width<=576px){.dashboard-page{padding:16px}.dashboard-card,.stats-card{padding:22px}.dashboard-grid{grid-template-columns:1fr}.dashboard-hero h1{font-size:28px}.project-item{flex-direction:column;align-items:flex-start;gap:16px}}.projects-page{padding:30px}.projects-hero{justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.projects-tag{color:#7c3aed;background:#7c3aed14;border-radius:16px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 18px;font-size:14px;font-weight:600;display:inline-flex}.projects-hero h1{color:#0f172a;margin-bottom:12px;font-size:42px}.projects-hero p{color:#64748b;max-width:650px;line-height:1.7}.add-project-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:18px;align-items:center;gap:10px;padding:16px 22px;font-weight:600;transition:all .3s;display:flex}.add-project-btn:hover{transform:translateY(-3px)}.projects-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.search-box{background:#fff;border-radius:20px;flex:1;align-items:center;gap:14px;min-width:280px;padding:16px 20px;display:flex;box-shadow:0 10px 40px #0f172a0d}.search-box input{background:0 0;border:none;outline:none;width:100%;font-size:15px}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar-btn{color:#475569;cursor:pointer;background:#fff;border:none;border-radius:16px;padding:14px 18px;font-weight:600;transition:all .3s;box-shadow:0 10px 40px #0f172a0d}.toolbar-btn:hover{transform:translateY(-2px)}.active-filter{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-card{background:#fff;border-radius:30px;transition:all .35s;overflow:hidden;box-shadow:0 15px 50px #0f172a0f}.project-card:hover{transform:translateY(-6px)}.project-image{background:#0f172a;height:260px;position:relative;overflow:hidden}.project-image img,.project-preview-video{object-fit:cover;width:100%;height:100%;display:block}.project-image img{transition:all .4s}.project-card:hover img{transform:scale(1.05)}.project-overlay{opacity:0;background:linear-gradient(#0000,#0f172abf);justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.project-overlay button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;width:74px;height:74px;font-size:24px;transition:all .3s}.project-overlay button:hover{transform:scale(1.08)}.project-content{padding:24px}.project-category{color:#2563eb;background:#dbeafe;border-radius:12px;margin-bottom:18px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.commercial{color:#7c3aed;background:#ede9fe}.film{color:#ea580c;background:#ffedd5}.project-content h3{color:#0f172a;margin-bottom:12px;font-size:24px}.project-content p{color:#64748b;margin-bottom:22px;line-height:1.7}.project-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.project-stats span{color:#64748b;align-items:center;gap:8px;font-size:14px;display:flex}.view-project-btn{color:#2563eb;cursor:pointer;background:#eef2ff;border:none;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-weight:600;transition:all .3s;display:flex}.view-project-btn:hover{background:#dbeafe}body.dark-theme .projects-page{background:#0f172a}body.dark-theme .projects-hero h1,body.dark-theme .project-content h3{color:#fff}body.dark-theme .projects-hero p,body.dark-theme .project-content p,body.dark-theme .project-stats span{color:#cbd5e1}body.dark-theme .search-box,body.dark-theme .toolbar-btn,body.dark-theme .project-card{background:#111827}body.dark-theme .search-box input{color:#fff}body.dark-theme .toolbar-btn{color:#cbd5e1}body.dark-theme .project-category{background:#2563eb26}body.dark-theme .commercial{background:#7c3aed26}body.dark-theme .film{background:#ea580c26}body.dark-theme .view-project-btn{color:#fff;background:#ffffff14}@media (width<=1200px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=992px){.projects-hero{flex-direction:column;align-items:flex-start}}@media (width<=768px){.projects-page{padding:20px}.projects-grid{grid-template-columns:1fr}.projects-hero h1{font-size:34px}}@media (width<=576px){.projects-page{padding:16px}.project-footer{flex-direction:column;align-items:flex-start;gap:16px}}.add-project-page{padding:30px}.add-project-hero{margin-bottom:35px}.hero-tag{color:#7c3aed;background:#7c3aed14;border-radius:16px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 18px;font-size:14px;font-weight:600;display:inline-flex}.add-project-hero h1{color:#0f172a;margin-bottom:14px;font-size:42px}.add-project-hero p{color:#64748b;max-width:700px;line-height:1.7}.success-message,.error-message{border-radius:20px;align-items:center;gap:12px;margin-bottom:30px;padding:18px 20px;font-weight:600;display:flex}.success-message{color:#166534;background:#dcfce7}.error-message{color:#dc2626;background:#fef2f2}.project-form{background:#fff;border-radius:32px;padding:30px;box-shadow:0 15px 50px #0f172a0f}.form-grid{grid-template-columns:1fr 1.2fr;gap:30px;display:grid}.form-left{flex-direction:column;gap:24px;display:flex}.upload-box{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:30px;padding:50px 30px;transition:all .35s;position:relative;overflow:hidden}.upload-box:hover{background:#eff6ff;border-color:#2563eb;transform:translateY(-4px)}.upload-content{text-align:center;flex-direction:column;align-items:center;display:flex}.upload-icon{color:#fff;border-radius:28px;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:24px;font-size:34px;display:flex;box-shadow:0 15px 40px #0000001f}.blue-upload{background:linear-gradient(135deg,#2563eb,#3b82f6)}.purple-upload{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.upload-box h3{color:#0f172a;margin-bottom:12px;font-size:22px}.file-name{color:#2563eb;word-break:break-word;background:#2563eb14;border-radius:14px;margin-top:20px;padding:10px 16px;font-size:14px;font-weight:600}.video-methods{flex-direction:column;gap:20px;display:flex}.video-divider{text-align:center;color:#94a3b8;letter-spacing:2px;font-size:13px;font-weight:700}.video-link-box{background:#f8fafc;border-radius:24px;padding:24px}.video-link-header{color:#0f172a;align-items:center;gap:12px;margin-bottom:16px;font-weight:600;display:flex}.video-link-header svg{color:#7c3aed}.video-link-box input{background:#fff;border:none;border-radius:18px;outline:none;width:100%;padding:18px 20px;font-size:15px;transition:all .3s}.video-link-box input:focus{background:#eff6ff}.form-right{flex-direction:column;gap:24px;display:flex}.team-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.input-group{flex-direction:column;display:flex}.input-group label{color:#0f172a;margin-bottom:12px;font-weight:600}.input-group input,.input-group select,.input-group textarea{background:#f8fafc;border:none;border-radius:18px;outline:none;width:100%;padding:18px 20px;font-size:15px;transition:all .3s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{background:#eff6ff}.tag-input-box{align-items:center;gap:14px;display:flex}.tag-input-box button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:18px;width:56px;height:56px;font-size:18px;transition:all .3s}.tag-input-box button:hover{transform:scale(1.04)}.tags-list{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.tag-item{color:#2563eb;background:#eef2ff;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.tag-item button{color:#2563eb;cursor:pointer;background:0 0;border:none}.form-actions{margin-top:10px}.publish-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:100%;padding:18px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 15px 40px #3b82f640}.publish-btn:hover{transform:translateY(-3px)}.publish-btn:disabled{opacity:.7;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.dark-theme .add-project-page{background:#0f172a}body.dark-theme .project-form{background:#111827}body.dark-theme .add-project-hero h1,body.dark-theme .upload-box h3,body.dark-theme .input-group label,body.dark-theme .video-link-header{color:#fff}body.dark-theme .add-project-hero p,body.dark-theme .upload-box p{color:#cbd5e1}body.dark-theme .upload-box,body.dark-theme .video-link-box,body.dark-theme .input-group input,body.dark-theme .input-group select,body.dark-theme .input-group textarea{color:#fff;background:#ffffff0d}body.dark-theme .video-link-box input{color:#fff;background:#ffffff0f}body.dark-theme .tag-item{background:#2563eb1f}@media (width<=992px){.form-grid{grid-template-columns:1fr}}@media (width<=768px){.add-project-page{padding:20px}.add-project-hero h1{font-size:34px}}@media (width<=576px){.add-project-page{padding:16px}.project-form{padding:22px}.tag-input-box{flex-direction:column}.tag-input-box button{width:100%}.team-form-grid{grid-template-columns:1fr}}.login-page{background:linear-gradient(135deg,#f8fafc,#eef2ff);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:34px;width:100%;max-width:460px;padding:42px;position:relative;overflow:hidden;box-shadow:0 25px 80px #0f172a14}.login-card:before{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:240px;height:240px;position:absolute;top:-120px;right:-120px}.login-top{text-align:center;margin-bottom:34px}.login-top h1{color:#0f172a;margin-bottom:12px;font-size:42px}.login-top p{color:#64748b;font-size:14px;line-height:1.8}.login-form{z-index:2;position:relative}.form-group{margin-bottom:24px}.form-group label{color:#334155;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.password-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.login-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.remember-box{cursor:pointer;align-items:center;gap:10px;display:flex}.remember-box input{accent-color:#2563eb;width:16px;height:16px}.remember-box span{color:#475569;font-size:14px;font-weight:600}.forgot-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700;transition:all .3s}.forgot-btn:hover{opacity:.8}.back-login-btn{margin-bottom:18px;display:inline-flex}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:100%;height:62px;font-size:15px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 20px 40px #2563eb2e}.login-btn:hover{transform:translateY(-3px)}.loader{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}body.dark-theme .login-page{background:linear-gradient(135deg,#020617,#0f172a)}body.dark-theme .login-card,body.dark-theme .login-logo,body.dark-theme .input-wrapper{background:#111827}body.dark-theme .login-top h1,body.dark-theme .input-wrapper input,body.dark-theme .form-group label{color:#fff}body.dark-theme .login-top p,body.dark-theme .remember-box span{color:#cbd5e1}@media (width<=576px){.login-card{border-radius:28px;padding:32px 24px}.login-top h1{font-size:34px}.login-options{flex-direction:column;align-items:flex-start}}.login-error{color:#b91c1c;background:#dc26261f;border-radius:12px;margin-bottom:18px;padding:12px 14px;font-size:14px;font-weight:700}.login-success{color:#15803d;background:#16a34a1f;border-radius:12px;margin-bottom:18px;padding:12px 14px;font-size:14px;font-weight:700}.project-detail-page{padding:30px}.project-top-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.back-btn,.edit-project-btn{cursor:pointer;border:none;border-radius:16px;align-items:center;gap:10px;padding:14px 18px;font-weight:600;transition:all .3s;display:inline-flex}.edit-project-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 15px 40px #3b82f640}.back-btn:hover,.edit-project-btn:hover{transform:translateY(-3px)}.project-detail-hero{grid-template-columns:1.1fr 1fr;gap:30px;margin-bottom:30px;display:grid}.project-detail-image{background:#0f172a;border-radius:32px;height:540px;position:relative;overflow:hidden}.project-detail-image img{object-fit:cover;width:100%;height:100%}.project-preview-btn{background:linear-gradient(#0000,#0f172ab3);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-preview-btn button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;width:90px;height:90px;font-size:30px;transition:all .3s}.project-preview-btn button:hover{transform:scale(1.08)}.project-detail-content{background:#fff;border-radius:32px;flex-direction:column;justify-content:center;padding:34px;display:flex;box-shadow:0 15px 50px #0f172a0f}.project-detail-category{color:#2563eb;background:#eef2ff;border-radius:16px;align-items:center;gap:10px;width:fit-content;margin-bottom:24px;padding:12px 18px;font-weight:600;display:inline-flex}.project-detail-content h1{color:#0f172a;margin-bottom:20px;font-size:44px}.project-description{color:#64748b;white-space:pre-line;line-height:2}.project-detail-stats{flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px;display:flex}.detail-stat{color:#475569;background:#f8fafc;border-radius:16px;align-items:center;gap:10px;padding:14px 18px;font-weight:600;display:flex}.project-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.project-detail-card{background:#fff;border-radius:30px;padding:30px;box-shadow:0 15px 50px #0f172a0f}.project-detail-card h3{color:#0f172a;margin-bottom:24px;font-size:24px}.project-detail-card p{color:#64748b;line-height:1.9}.team-list{flex-direction:column;gap:18px;display:flex}.team-item{background:#f8fafc;border-radius:20px;align-items:center;gap:18px;padding:18px;display:flex}.team-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:20px;display:flex}.team-item h4{color:#0f172a;margin-bottom:6px}.team-item p{color:#64748b}.video-modal-overlay{z-index:999;background:#0f172ad9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.video-modal{background:#000;border-radius:30px;width:100%;max-width:1100px;position:relative;overflow:hidden}.video-modal iframe{width:100%;height:620px;display:block}.close-video-btn{color:#fff;cursor:pointer;z-index:2;background:#ffffff26;border:none;border-radius:50%;width:52px;height:52px;font-size:18px;position:absolute;top:20px;right:20px}.project-not-found{text-align:center;padding:80px 30px}.project-not-found h1{margin-bottom:20px}.project-not-found button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:16px;padding:16px 22px}body.dark-theme .project-detail-page{background:#0f172a}body.dark-theme .back-btn,body.dark-theme .project-detail-content,body.dark-theme .project-detail-card{background:#111827}body.dark-theme .project-detail-content h1,body.dark-theme .project-detail-card h3,body.dark-theme .team-item h4{color:#fff}body.dark-theme .project-description,body.dark-theme .project-detail-card p,body.dark-theme .team-item p{color:#cbd5e1}body.dark-theme .detail-stat,body.dark-theme .team-item{color:#fff;background:#ffffff0f}@media (width<=1100px){.project-detail-hero{grid-template-columns:1fr}}@media (width<=768px){.project-detail-page{padding:20px}.project-detail-content h1{font-size:34px}.project-detail-grid{grid-template-columns:1fr}.video-modal iframe{height:400px}}@media (width<=576px){.project-detail-page{padding:16px}.project-detail-content{padding:24px}.project-detail-image{height:360px}.project-top-actions{flex-direction:column;align-items:stretch}.video-modal iframe{height:260px}}.clients-page{padding:30px}.clients-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.clients-tag{color:#2563eb;background:#2563eb14;border-radius:16px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 18px;font-size:14px;font-weight:600;display:inline-flex}.clients-header h1{color:#0f172a;margin-bottom:14px;font-size:42px}.clients-header p{color:#64748b;max-width:680px;line-height:1.7}.clients-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.import-btn,.export-btn{cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:16px 22px;font-weight:600;transition:all .3s;display:flex}.import-btn{color:#2563eb;background:#eef2ff}.import-btn:hover,.export-btn:hover{transform:translateY(-3px)}.clients-filters{flex-wrap:wrap;align-items:flex-end;gap:18px;margin-bottom:28px;display:flex}.filter-group{flex-direction:column;gap:10px;min-width:180px;display:flex}.filter-group label{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:700}.search-group{flex:1;min-width:260px}.search-box{flex:1;position:relative}.search-box input{background:#fff;border:none;border-radius:20px;outline:none;width:100%;padding:18px 20px 18px 52px;font-size:15px;transition:all .3s;box-shadow:0 10px 40px #0f172a0a}.search-box input:focus{background:#eff6ff}.clients-filters select{color:#0f172a;background:#fff;border:none;border-radius:18px;outline:none;min-width:180px;padding:18px 20px;font-size:14px;font-weight:500;box-shadow:0 10px 40px #0f172a0a}.clients-table-wrapper{background:#fff;border-radius:30px;position:relative;overflow:auto visible;box-shadow:0 15px 50px #0f172a0f}.clients-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1100px;overflow:visible}.clients-table thead{background:#f8fafc}.clients-table tbody,.clients-table tr{overflow:visible}.clients-table th{text-align:left;color:#0f172a;white-space:nowrap;padding:22px 24px;font-size:14px;font-weight:700}.clients-table td{color:#475569;white-space:nowrap;border-top:1px solid #f1f5f9;padding:22px 24px;font-size:15px;overflow:visible}.clients-table tbody tr{transition:all .3s}.clients-table tbody tr:hover{background:#f8fafc}.status-badge{border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700}.active-status{color:#166534;background:#dcfce7}.inactive-status{color:#dc2626;background:#fee2e2}.action-menu{z-index:999999;background:#fff;border-radius:20px;width:190px;padding:12px;animation:.2s dropdownFade;position:absolute;top:50%;right:52px;transform:translateY(-50%);box-shadow:0 20px 60px #0f172a1f}@keyframes dropdownFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body.dark-theme .clients-page{background:#0f172a}body.dark-theme .clients-header h1,body.dark-theme .clients-table th{color:#fff}body.dark-theme .clients-header p,body.dark-theme .filter-group label{color:#cbd5e1}body.dark-theme .search-box input,body.dark-theme .clients-filters select,body.dark-theme .clients-table-wrapper,body.dark-theme .action-menu{color:#fff;background:#111827}body.dark-theme .clients-table thead{background:#ffffff08}body.dark-theme .clients-table td{color:#cbd5e1;border-color:#ffffff0d}body.dark-theme .clients-table tbody tr:hover{background:#ffffff08}@media (width<=992px){.clients-page{padding:20px}.clients-header h1{font-size:34px}}@media (width<=768px){.clients-header{flex-direction:column}.clients-actions{width:100%}.import-btn,.export-btn{flex:1;justify-content:center}.clients-filters{flex-direction:column;align-items:stretch}.clients-filters select{width:100%}}@media (width<=576px){.clients-page{padding:16px}.clients-header h1{font-size:30px}.clients-table th,.clients-table td{padding:18px}}.delete-modal{text-align:center;background:#fff;border-radius:30px;width:100%;max-width:460px;padding:36px;animation:.25s modalFade;box-shadow:0 25px 80px #0f172a33}.cancel-delete,.confirm-delete{cursor:pointer;border:none;border-radius:18px;flex:1;justify-content:center;align-items:center;gap:12px;padding:18px 20px;font-weight:700;transition:all .3s;display:flex}.cancel-delete:hover,.confirm-delete:hover{transform:translateY(-3px)}.cancel-delete:disabled,.confirm-delete:disabled{opacity:.7;cursor:not-allowed}@keyframes modalFade{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}body.dark-theme .delete-modal{background:#111827}body.dark-theme .delete-modal h3{color:#fff}body.dark-theme .delete-modal p{color:#cbd5e1}@media (width<=576px){.delete-modal{padding:28px 22px}.delete-actions{flex-direction:column}.cancel-delete,.confirm-delete{width:100%}}.view-client-page{padding:30px}.view-client-card{background:#fff;border-radius:30px;padding:40px;box-shadow:0 20px 60px #0f172a0f}.view-client-top{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:40px;display:flex}.client-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:24px;justify-content:center;align-items:center;width:90px;height:90px;font-size:34px;display:flex;overflow:hidden}.client-avatar img{object-fit:cover;width:100%;height:100%}.client-badge{color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.view-client-top h1{color:#0f172a;margin-bottom:10px;font-size:38px}.view-client-top p{color:#64748b}.client-item svg{color:#2563eb;margin-top:5px;font-size:20px}.client-item span{color:#64748b;margin-bottom:8px;font-size:13px;display:block}.client-item h4{color:#0f172a;font-size:17px}body.dark-theme .view-client-card{background:#111827}body.dark-theme .view-client-top h1,body.dark-theme .client-item h4{color:#fff}body.dark-theme .view-client-top p,body.dark-theme .client-item span{color:#cbd5e1}body.dark-theme .client-item{background:#ffffff0a}@media (width<=768px){.view-client-page{padding:20px}.view-client-card{padding:24px}.view-client-top h1{font-size:30px}}.edit-client-page{padding:30px}.edit-client-card{background:#fff;border-radius:30px;padding:40px;box-shadow:0 20px 60px #0f172a0f}.edit-client-header{margin-bottom:34px}.edit-client-header h1{color:#0f172a;margin-bottom:12px;font-size:38px}.edit-client-header p{color:#64748b}.edit-client-form{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.form-group input,.form-group select{color:#0f172a;background:#f8fafc;border:none;border-radius:18px;outline:none;padding:18px 20px;font-size:15px}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;margin-top:10px;padding:18px 22px;font-weight:700;transition:all .3s;display:flex}.save-btn:hover{transform:translateY(-3px)}body.dark-theme .edit-client-card{background:#111827}body.dark-theme .edit-client-header h1,body.dark-theme .form-group label{color:#fff}body.dark-theme .edit-client-header p{color:#cbd5e1}body.dark-theme .form-group input,body.dark-theme .form-group select{color:#fff;background:#ffffff0a}@media (width<=768px){.edit-client-page{padding:20px}.edit-client-card{padding:24px}.edit-client-header h1{font-size:30px}}.back-btn{cursor:pointer;color:#0f172a;background:#fff;border:none;border-radius:16px;align-items:center;gap:12px;margin-bottom:24px;padding:14px 18px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 10px 30px #0f172a0f}body.dark-theme .back-btn{color:#fff;background:#111827}.edit-client-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:22px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:18px;font-size:26px;display:flex}.add-client-page{padding:30px}.add-client-header{margin-bottom:30px}.client-tag{color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.add-client-header h1{color:#0f172a;margin-bottom:14px;font-size:42px}.add-client-header p{color:#64748b;max-width:700px;line-height:1.7}.add-client-card{background:#fff;border-radius:30px;padding:40px;box-shadow:0 20px 60px #0f172a0f}.add-client-form{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.form-group input,.form-group select,.form-group textarea{color:#0f172a;background:#f8fafc;border:none;border-radius:18px;outline:none;padding:18px 20px;font-size:15px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#eff6ff}textarea{resize:none}.upload-box{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px;transition:all .3s;display:flex}.upload-box svg{color:#2563eb;font-size:32px}.upload-box span{color:#64748b;font-weight:600}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:20px;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.submit-btn:hover{transform:translateY(-3px)}body.dark-theme .add-client-card{background:#111827}body.dark-theme .add-client-header h1,body.dark-theme .form-group label{color:#fff}body.dark-theme .add-client-header p,body.dark-theme .upload-box span{color:#cbd5e1}body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .form-group textarea,body.dark-theme .upload-box{color:#fff;background:#ffffff0a}body.dark-theme .upload-box{border-color:#ffffff1a}@media (width<=768px){.add-client-page{padding:20px}.add-client-card{padding:24px}.add-client-header h1{font-size:32px}}@media (width<=576px){.add-client-form{grid-template-columns:1fr}}.uploaded-file-name{color:#2563eb;margin-top:10px;font-size:13px;font-weight:700}.audit-page{padding:30px}.audit-header{margin-bottom:30px}.audit-tag{color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.audit-header h1{color:#0f172a;margin-bottom:14px;font-size:42px}.audit-header p{color:#64748b;max-width:760px;line-height:1.7}.audit-filters{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:30px;display:flex}.audit-search{flex:1;min-width:260px;position:relative}.audit-search svg{color:#94a3b8;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.audit-search input{background:#fff;border:none;border-radius:20px;outline:none;width:100%;padding:18px 20px 18px 52px;font-size:15px;box-shadow:0 10px 40px #0f172a0a}.audit-filter-select{position:relative}.audit-filter-select svg{color:#94a3b8;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.audit-filter-select select{color:#0f172a;background:#fff;border:none;border-radius:18px;outline:none;min-width:220px;padding:18px 20px 18px 50px;font-size:14px;font-weight:600;box-shadow:0 10px 40px #0f172a0a}.audit-logs{flex-direction:column;gap:20px;display:flex}.audit-card{background:#fff;border-radius:28px;align-items:flex-start;gap:24px;padding:28px;transition:all .3s;display:flex;box-shadow:0 15px 50px #0f172a0d}.audit-card:hover{transform:translateY(-4px)}.audit-icon{border-radius:22px;justify-content:center;align-items:center;min-width:68px;height:68px;font-size:24px;display:flex}.audit-icon.create{color:#10b981;background:#10b9811f}.audit-icon.update{color:#2563eb;background:#3b82f61f}.audit-icon.delete{color:#ef4444;background:#ef44441f}.audit-icon.security{color:#7c3aed;background:#7c3aed1f}.audit-icon.export,.audit-icon.upload{color:#f59e0b;background:#f59e0b1f}.audit-content{flex:1}.audit-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.audit-top h3{color:#0f172a;font-size:20px}.audit-status{border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700}.success-status{color:#166534;background:#dcfce7}.warning-status{color:#dc2626;background:#fee2e2}.audit-content p{color:#64748b;margin-bottom:18px;line-height:1.7}.audit-meta{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.audit-meta span{color:#64748b;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.audit-type{background:#f8fafc;border-radius:999px;padding:10px 14px;color:#0f172a!important}body.dark-theme .audit-header h1,body.dark-theme .audit-top h3,body.dark-theme .audit-type{color:#fff}body.dark-theme .audit-header p,body.dark-theme .audit-content p,body.dark-theme .audit-meta span{color:#cbd5e1}body.dark-theme .audit-search input,body.dark-theme .audit-filter-select select,body.dark-theme .audit-card{color:#fff;background:#111827}body.dark-theme .audit-type{background:#ffffff0f}@media (width<=768px){.audit-page{padding:20px}.audit-header h1{font-size:32px}.audit-card{flex-direction:column}}@media (width<=576px){.audit-filters{flex-direction:column;align-items:stretch}.audit-filter-select select{width:100%}}.contracts-page{padding:30px}.contracts-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.contracts-tag{color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.contracts-header h1{color:#0f172a;margin-bottom:14px;font-size:42px}.contracts-header p{color:#64748b;max-width:720px;line-height:1.7}.contracts-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.template-btn,.export-btn,.create-btn{cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:16px 22px;font-weight:700;transition:all .3s;display:flex}.template-btn{color:#2563eb;background:#eef2ff}.export-btn{color:#0f172a;background:#f8fafc}.create-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 15px 40px #2563eb33}.template-btn:hover,.export-btn:hover,.create-btn:hover{transform:translateY(-3px)}.contracts-filters{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:28px;display:flex}.contracts-search{flex:1;min-width:260px;position:relative}.contracts-search svg{color:#94a3b8;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.contracts-search input{background:#fff;border:none;border-radius:20px;outline:none;width:100%;padding:18px 20px 18px 52px;font-size:15px;box-shadow:0 10px 40px #0f172a0a}.contracts-filter-select select{color:#0f172a;background:#fff;border:none;border-radius:18px;outline:none;min-width:220px;padding:18px 20px;font-size:14px;font-weight:600;box-shadow:0 10px 40px #0f172a0a}.contracts-table-wrapper{background:#fff;border-radius:30px;position:relative;overflow:auto visible;box-shadow:0 15px 50px #0f172a0f}.contracts-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1200px}.contracts-table thead{background:#f8fafc}.contracts-table th{text-align:left;color:#0f172a;white-space:nowrap;padding:22px 24px;font-size:14px;font-weight:700}.contracts-table td{color:#475569;white-space:nowrap;border-top:1px solid #f1f5f9;padding:22px 24px;font-size:15px}.contracts-table tbody tr{transition:all .3s}.contracts-table tbody tr:hover{background:#f8fafc}.action-wrapper{position:relative;overflow:visible}.action-btn{cursor:pointer;color:#0f172a;background:#f8fafc;border:none;border-radius:14px;width:42px;height:42px;transition:all .3s}.action-menu{z-index:999999;background:#fff;border-radius:20px;width:190px;padding:12px;position:absolute;top:50%;right:52px;transform:translateY(-50%);box-shadow:0 20px 60px #0f172a2e}.menu-top{top:50%;bottom:auto}.action-menu button{cursor:pointer;color:#334155;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.action-menu button:hover{background:#f8fafc}.delete-action{color:#dc2626!important}.delete-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.delete-modal{text-align:center;background:#fff;border-radius:30px;width:100%;max-width:460px;padding:36px;box-shadow:0 25px 80px #0f172a33}.delete-icon{background:#ef44441f;border-radius:24px;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 24px;display:flex}.delete-icon svg{color:#ef4444;font-size:36px}.delete-modal h3{color:#0f172a;margin-bottom:18px;font-size:28px}.delete-modal p{color:#64748b;margin-bottom:32px;line-height:1.7}.delete-actions{align-items:center;gap:16px;display:flex}.cancel-delete,.confirm-delete{cursor:pointer;border:none;border-radius:18px;flex:1;padding:18px 20px;font-weight:700;transition:all .3s}.cancel-delete{color:#334155;background:#f1f5f9}.confirm-delete{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.success-alert{color:#166534;background:#dcfce7;border-radius:18px;align-items:center;gap:12px;margin-bottom:24px;padding:18px 22px;font-weight:700;display:flex}body.dark-theme .contracts-header h1,body.dark-theme .contracts-table th,body.dark-theme .delete-modal h3{color:#fff}body.dark-theme .contracts-header p,body.dark-theme .delete-modal p{color:#cbd5e1}body.dark-theme .contracts-search input,body.dark-theme .contracts-filter-select select,body.dark-theme .contracts-table-wrapper,body.dark-theme .action-menu,body.dark-theme .delete-modal{color:#fff;background:#111827}body.dark-theme .contracts-table thead{background:#ffffff08}body.dark-theme .contracts-table td{color:#cbd5e1;border-color:#ffffff0d}body.dark-theme .contracts-table tbody tr:hover{background:#ffffff08}body.dark-theme .action-btn{color:#fff;background:#ffffff0f}body.dark-theme .action-menu button{color:#fff}body.dark-theme .action-menu button:hover{background:#ffffff0d}body.dark-theme .cancel-delete{color:#fff;background:#ffffff0f}@media (width<=768px){.contracts-page{padding:20px}.contracts-header h1{font-size:32px}}@media (width<=576px){.contracts-actions{width:100%}.template-btn,.export-btn,.create-btn{flex:1;justify-content:center}.delete-actions{flex-direction:column}}.create-contract-page{padding:30px}.contract-editor-header{margin-bottom:34px}.contract-tag{color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.contract-editor-header h1{color:#0f172a;margin-bottom:14px;font-size:42px}.contract-editor-header p{color:#64748b;max-width:760px;line-height:1.8}.contract-editor-card{background:#fff;border-radius:34px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 70px #0f172a0f}.contract-editor-card:before{content:"";filter:blur(20px);background:#2563eb0f;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.contract-editor-card:after{content:"";filter:blur(20px);background:#7c3aed0f;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-100px;left:-100px}.editor-top{grid-template-columns:280px 1fr;gap:24px;margin-bottom:24px;display:grid}.editor-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.editor-group{z-index:2;flex-direction:column;gap:12px;margin-bottom:24px;display:flex;position:relative}.editor-group label{color:#334155;font-size:14px;font-weight:700}.editor-group input,.editor-group select{color:#0f172a;background:#f8fafc;border:none;border-radius:18px;outline:none;width:100%;padding:18px 20px;font-size:15px;transition:all .3s}.editor-group input:focus,.editor-group select:focus{background:#eff6ff;box-shadow:0 0 0 4px #2563eb14}.editor-group input:disabled{color:#2563eb;background:#eef2ff;font-weight:700}.editor-toolbar button{cursor:pointer;color:#334155;background:#fff;border:none;border-radius:14px;width:46px;height:46px;font-size:16px;transition:all .3s;box-shadow:0 6px 18px #0f172a0d}.checkbox-group{align-items:center;gap:14px;margin-bottom:28px;display:flex}.checkbox-group input{accent-color:#2563eb;width:18px;height:18px}.checkbox-group label{color:#475569;font-weight:600}.type-flex{align-items:center;gap:12px;display:flex}.type-flex select{flex:1}.add-type-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:18px;width:56px;height:56px;font-size:18px;transition:all .3s}.add-type-btn:hover{transform:translateY(-3px)}.new-type-box{align-items:center;gap:12px;margin-top:14px;display:flex}.new-type-box input{flex:1}.new-type-box button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:16px;padding:16px 22px;font-weight:700;transition:all .3s}.new-type-box button:hover{transform:translateY(-2px)}.publish-contract-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:22px;justify-content:center;align-items:center;gap:14px;width:100%;margin-top:10px;padding:22px;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 20px 40px #2563eb2e}.publish-contract-btn:hover{transform:translateY(-4px)}body.dark-theme .contract-editor-card,body.dark-theme .editor-toolbar button,body.dark-theme .new-type-box button{background:#111827}body.dark-theme .contract-editor-header h1,body.dark-theme .editor-group label,body.dark-theme .contract-editor,body.dark-theme .checkbox-group label{color:#fff}body.dark-theme .contract-editor-header p{color:#cbd5e1}body.dark-theme .editor-group input,body.dark-theme .editor-group select,body.dark-theme .contract-editor,body.dark-theme .editor-toolbar,body.dark-theme .editor-toolbar button{color:#fff;background:#ffffff0a;border-color:#ffffff0f}body.dark-theme .editor-group input:disabled{color:#93c5fd;background:#2563eb2e}body.dark-theme .new-type-box button{background:linear-gradient(135deg,#2563eb,#7c3aed)}@media (width<=992px){.editor-top{grid-template-columns:1fr}}@media (width<=768px){.create-contract-page{padding:20px}.contract-editor-card{padding:24px}.contract-editor-header h1{font-size:32px}.contract-editor{min-height:360px;padding:24px}}@media (width<=576px){.editor-toolbar{justify-content:center}.type-flex,.new-type-box{flex-direction:column}.add-type-btn,.new-type-box button{width:100%}}.toolbar-image-btn{cursor:pointer;color:#334155;background:#fff;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;transition:all .3s;display:flex;box-shadow:0 6px 18px #0f172a0d}.toolbar-image-btn:hover{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);transform:translateY(-2px)}body.dark-theme .toolbar-image-btn{color:#fff;background:#ffffff0a}.view-contract-page{padding:30px}.view-contract-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.back-btn,.edit-contract-btn{cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:16px 22px;font-weight:700;transition:all .3s;display:flex}.edit-contract-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 15px 40px #2563eb2e}.back-btn:hover,.edit-contract-btn:hover{transform:translateY(-3px)}.view-contract-card{background:#fff;border-radius:34px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 70px #0f172a0f}.view-contract-card:before{content:"";filter:blur(20px);background:#2563eb0f;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:-100px}.contract-view-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:34px;display:flex}.contract-view-tag{color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.contract-view-header h1{color:#0f172a;margin-bottom:14px;font-size:42px}.contract-view-header p{color:#64748b;line-height:1.8}.contract-status{color:#166534;background:#dcfce7;border-radius:999px;align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:700;display:inline-flex}.contract-info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-bottom:34px;display:grid}.contract-info-card{background:#f8fafc;border-radius:24px;align-items:center;gap:18px;padding:24px;transition:all .3s;display:flex}.contract-info-card:hover{transform:translateY(-4px)}.contract-info-card svg{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:18px;width:56px;height:56px;padding:16px;font-size:22px}.contract-info-card span{color:#64748b;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.contract-info-card h4{color:#0f172a;font-size:18px}.contract-body-card{background:#fcfcfd;border:1px solid #e2e8f0;border-radius:30px;padding:34px}.contract-body-card h3{color:#0f172a;margin-bottom:24px;font-size:24px}.contract-body{color:#334155;white-space:pre-line;font-size:16px;line-height:2}body.dark-theme .view-contract-card,body.dark-theme .contract-body-card{background:#111827}body.dark-theme .contract-view-header h1,body.dark-theme .contract-info-card h4,body.dark-theme .contract-body-card h3,body.dark-theme .contract-body,body.dark-theme .back-btn{color:#fff}body.dark-theme .contract-view-header p,body.dark-theme .contract-info-card span{color:#cbd5e1}body.dark-theme .contract-info-card{background:#ffffff0a}body.dark-theme .contract-body-card{border-color:#ffffff0f}body.dark-theme .back-btn{background:#ffffff0f}@media (width<=768px){.view-contract-page{padding:20px}.view-contract-card{padding:24px}.contract-view-header h1{font-size:32px}}@media (width<=576px){.view-contract-top{flex-direction:column;align-items:stretch}.back-btn,.edit-contract-btn{justify-content:center;width:100%}}.edit-contract-page{padding:30px}.edit-contract-top{margin-bottom:28px}.edit-contract-card{background:#fff;border-radius:34px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 70px #0f172a0f}.edit-contract-card:before{content:"";filter:blur(20px);background:#2563eb0f;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.edit-contract-card:after{content:"";filter:blur(20px);background:#7c3aed0f;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-100px;left:-100px}.edit-contract-header{z-index:2;margin-bottom:34px;position:relative}.edit-contract-header h1{color:#0f172a;margin-bottom:12px;font-size:40px}.edit-contract-header p{color:#64748b;line-height:1.8}.edit-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:30px;display:grid}.form-group{z-index:2;flex-direction:column;gap:12px;display:flex;position:relative}.date-input{position:relative}.date-input svg{color:#94a3b8;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.date-input input{padding-left:52px}.contract-editor ul{padding-left:22px}.save-contract-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:22px;justify-content:center;align-items:center;gap:14px;width:100%;padding:22px;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 20px 40px #2563eb2e}.save-contract-btn:hover{transform:translateY(-4px)}body.dark-theme .edit-contract-card,body.dark-theme .editor-toolbar button,body.dark-theme .toolbar-image-btn{background:#111827}body.dark-theme .edit-contract-header h1,body.dark-theme .form-group label,body.dark-theme .contract-editor,body.dark-theme .back-btn{color:#fff}body.dark-theme .edit-contract-header p{color:#cbd5e1}body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .contract-editor,body.dark-theme .editor-toolbar,body.dark-theme .editor-toolbar button,body.dark-theme .toolbar-image-btn,body.dark-theme .back-btn{color:#fff;background:#ffffff0a;border-color:#ffffff0f}@media (width<=992px){.edit-grid{grid-template-columns:1fr}}@media (width<=768px){.edit-contract-page{padding:20px}.edit-contract-card{padding:24px}.edit-contract-header h1{font-size:32px}.contract-editor{min-height:360px;padding:24px}}@media (width<=576px){.editor-toolbar{justify-content:center}.save-contract-btn{width:100%}}.templates-page{padding:30px}.templates-hero{grid-template-columns:1.3fr .7fr;gap:28px;margin-bottom:40px;display:grid}.templates-hero-content{background:#fff;border-radius:36px;padding:46px;position:relative;overflow:hidden;box-shadow:0 20px 70px #0f172a0f}.templates-hero-content:before{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.templates-hero-content:after{content:"";filter:blur(20px);background:#7c3aed14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.templates-tag{color:#2563eb;z-index:2;background:#2563eb14;border-radius:999px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.templates-hero-content h1{color:#0f172a;z-index:2;margin-bottom:20px;font-size:52px;line-height:1.1;position:relative}.templates-hero-content p{color:#64748b;z-index:2;max-width:760px;font-size:16px;line-height:1.9;position:relative}.templates-stats{flex-direction:column;gap:22px;display:flex}.template-stat-card{background:#fff;border-radius:28px;align-items:center;gap:18px;padding:28px;transition:all .3s;display:flex;box-shadow:0 20px 60px #0f172a0f}.template-stat-card:hover{transform:translateY(-5px)}.template-stat-card svg{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:22px;width:70px;height:70px;padding:20px;font-size:26px}.template-stat-card h3{color:#0f172a;margin-bottom:6px;font-size:28px}.template-stat-card span{color:#64748b;font-size:14px}.templates-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:28px;display:grid}.template-card{background:#fff;border-radius:34px;padding:34px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 20px 70px #0f172a0f}.template-card:hover{transform:translateY(-8px)}.premium-badge{color:#f59e0b;background:#f59e0b24;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:22px;right:22px}.template-top{align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.template-icon{color:#fff;border-radius:24px;justify-content:center;align-items:center;width:84px;min-width:84px;height:84px;font-size:32px;display:flex;box-shadow:0 15px 35px #2563eb2e}.template-card.blue .template-icon{background:linear-gradient(135deg,#2563eb,#3b82f6)}.template-card.purple .template-icon{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.template-card.dark .template-icon{background:linear-gradient(135deg,#0f172a,#1e293b)}.template-card.gold .template-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.template-card.green .template-icon{background:linear-gradient(135deg,#10b981,#34d399)}.template-card.orange .template-icon{background:linear-gradient(135deg,#f97316,#fb923c)}.template-top h3{color:#0f172a;margin-bottom:14px;font-size:24px}.template-top p{color:#64748b;font-size:15px;line-height:1.8}.template-features{flex-direction:column;gap:16px;margin-bottom:30px;display:flex}.template-features span{color:#334155;align-items:center;gap:12px;font-weight:600;display:flex}.template-features svg{color:#10b981}.template-footer{align-items:center;gap:16px;display:flex}.preview-template-btn,.use-template-btn{cursor:pointer;border:none;border-radius:18px;flex:1;justify-content:center;align-items:center;gap:12px;padding:18px 22px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.preview-template-btn{color:#0f172a;background:#f8fafc}.preview-template-btn:hover,.use-template-btn:hover{transform:translateY(-3px)}body.dark-theme .templates-hero-content,body.dark-theme .template-stat-card,body.dark-theme .template-card{background:#111827}body.dark-theme .templates-hero-content h1,body.dark-theme .template-stat-card h3,body.dark-theme .template-top h3,body.dark-theme .template-features span,body.dark-theme .preview-template-btn{color:#fff}body.dark-theme .templates-hero-content p,body.dark-theme .template-stat-card span,body.dark-theme .template-top p{color:#cbd5e1}body.dark-theme .preview-template-btn{background:#ffffff0f}@media (width<=1200px){.templates-hero{grid-template-columns:1fr}}@media (width<=768px){.templates-page{padding:20px}.templates-hero-content{padding:30px}.templates-hero-content h1{font-size:38px}.template-top{flex-direction:column}}@media (width<=576px){.templates-grid{grid-template-columns:1fr}.template-footer{flex-direction:column}.preview-template-btn,.use-template-btn{width:100%}.template-stat-card{padding:22px}}.preview-template-page{padding:30px}.preview-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.back-btn,.use-template-btn{cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:16px 22px;font-weight:700;transition:all .3s;display:flex}.back-btn{color:#0f172a;background:#f8fafc}.use-template-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 15px 40px #2563eb2e}.back-btn:hover,.use-template-btn:hover{transform:translateY(-3px)}.preview-hero{grid-template-columns:1.2fr .8fr;gap:26px;margin-bottom:34px;display:grid}.preview-hero-left{background:#fff;border-radius:36px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 70px #0f172a0f}.preview-hero-left:before{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.preview-hero-left:after{content:"";filter:blur(20px);background:#7c3aed14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.preview-tag{color:#2563eb;z-index:2;background:#2563eb14;border-radius:999px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.preview-hero-left h1{color:#0f172a;z-index:2;margin-bottom:18px;font-size:48px;line-height:1.1;position:relative}.preview-hero-left p{color:#64748b;z-index:2;max-width:720px;line-height:1.9;position:relative}.preview-stats{flex-direction:column;gap:22px;display:flex}.preview-stat-card{background:#fff;border-radius:28px;align-items:center;gap:18px;padding:28px;transition:all .3s;display:flex;box-shadow:0 20px 60px #0f172a0f}.preview-stat-card:hover{transform:translateY(-4px)}.preview-stat-card svg{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:22px;width:70px;height:70px;padding:20px;font-size:26px}.preview-stat-card h4{color:#0f172a;margin-bottom:6px;font-size:22px}.preview-stat-card span{color:#64748b;font-size:14px}.template-document{background:#fff;border-radius:36px;padding:46px;position:relative;overflow:hidden;box-shadow:0 20px 80px #0f172a0f}.template-document:before{content:"";filter:blur(20px);background:#2563eb0d;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:-100px}.document-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;padding-bottom:26px;display:flex}.document-header h2{color:#0f172a;font-size:36px}.document-header span{color:#2563eb;background:#2563eb14;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:700}.document-meta{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-bottom:38px;display:grid}.meta-card{background:#f8fafc;border-radius:24px;align-items:center;gap:18px;padding:24px;transition:all .3s;display:flex}.meta-card:hover{transform:translateY(-4px)}.meta-card svg{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:18px;width:58px;height:58px;padding:16px;font-size:22px}.meta-card span{color:#64748b;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.meta-card h4{color:#0f172a;font-size:18px}.template-clauses{margin-bottom:40px}.template-clauses h3{color:#0f172a;margin-bottom:24px;font-size:28px}.clauses-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.clause-card{color:#334155;background:#f8fafc;border-radius:22px;align-items:center;gap:14px;padding:22px;font-weight:600;transition:all .3s;display:flex}.clause-card:hover{transform:translateY(-4px)}.clause-card svg{color:#10b981;font-size:18px}.template-body h3{color:#0f172a;margin-bottom:24px;font-size:28px}.template-content{color:#334155;white-space:pre-line;background:#fcfcfd;border:1px solid #e2e8f0;border-radius:28px;padding:38px;font-size:16px;line-height:2}body.dark-theme .preview-hero-left,body.dark-theme .preview-stat-card,body.dark-theme .template-document,body.dark-theme .template-content{background:#111827}body.dark-theme .preview-hero-left h1,body.dark-theme .preview-stat-card h4,body.dark-theme .document-header h2,body.dark-theme .meta-card h4,body.dark-theme .template-clauses h3,body.dark-theme .template-body h3,body.dark-theme .template-content,body.dark-theme .clause-card,body.dark-theme .back-btn{color:#fff}body.dark-theme .preview-hero-left p,body.dark-theme .preview-stat-card span,body.dark-theme .meta-card span{color:#cbd5e1}body.dark-theme .meta-card,body.dark-theme .clause-card,body.dark-theme .back-btn{background:#ffffff0a}body.dark-theme .document-header,body.dark-theme .template-content{border-color:#ffffff0f}@media (width<=1200px){.preview-hero{grid-template-columns:1fr}}@media (width<=768px){.preview-template-page{padding:20px}.preview-hero-left,.template-document{padding:28px}.preview-hero-left h1{font-size:36px}.document-header h2{font-size:30px}.template-content{padding:24px}}@media (width<=576px){.preview-top{flex-direction:column;align-items:stretch}.back-btn,.use-template-btn{justify-content:center;width:100%}.clauses-grid,.document-meta{grid-template-columns:1fr}}.create-template-page{padding:30px}.template-create-top{margin-bottom:28px}.back-btn{cursor:pointer;color:#0f172a;background:#f8fafc;border:none;border-radius:18px;align-items:center;gap:12px;padding:16px 22px;font-weight:700;transition:all .3s;display:inline-flex}.template-editor-card{background:#fff;border-radius:36px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 80px #0f172a0f}.template-editor-card:before{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.template-editor-card:after{content:"";filter:blur(20px);background:#7c3aed14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.template-editor-header{z-index:2;margin-bottom:34px;position:relative}.template-tag{color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.template-editor-header h1{color:#0f172a;margin-bottom:14px;font-size:42px}.template-editor-header p{color:#64748b;max-width:760px;line-height:1.9}.template-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:30px;display:grid;position:relative}.form-group input,.form-group select{color:#0f172a;background:#f8fafc;border:none;border-radius:18px;outline:none;width:100%;padding:18px 20px;font-size:15px;transition:all .3s}.editor-toolbar{z-index:10;background:#f8fafc;border-radius:22px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:0;padding:18px;display:flex;position:sticky;top:20px}.editor-toolbar button,.toolbar-image-btn{cursor:pointer;color:#334155;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;transition:all .3s;display:flex;box-shadow:0 8px 20px #0f172a0d}.editor-toolbar button:hover,.toolbar-image-btn:hover{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);transform:translateY(-2px)}.contract-editor{color:#0f172a;z-index:1;background:#fcfcfd;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 28px 28px;outline:none;min-height:520px;margin-bottom:32px;padding:42px;font-size:16px;line-height:2;position:relative}.contract-editor h1,.contract-editor h2,.contract-editor h3{color:#0f172a;margin-bottom:18px}.contract-editor p{margin-bottom:18px}.contract-editor ul{margin-bottom:20px;padding-left:24px}.contract-editor li{margin-bottom:10px}.contract-editor img{border-radius:20px;max-width:100%;margin:22px 0}.contract-editor a{color:#2563eb;text-decoration:underline}.contract-editor:empty:before{content:"Start editing your contract template here...";color:#94a3b8}.generate-contract-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:24px;justify-content:center;align-items:center;gap:14px;width:100%;padding:22px;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 20px 40px #2563eb2e}.generate-contract-btn:hover{transform:translateY(-4px)}body.dark-theme .template-editor-card,body.dark-theme .editor-toolbar button,body.dark-theme .toolbar-image-btn{background:#111827}body.dark-theme .template-editor-header h1,body.dark-theme .form-group label,body.dark-theme .contract-editor,body.dark-theme .contract-editor h1,body.dark-theme .contract-editor h2,body.dark-theme .contract-editor h3,body.dark-theme .back-btn{color:#fff}body.dark-theme .template-editor-header p{color:#cbd5e1}body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .editor-toolbar,body.dark-theme .editor-toolbar button,body.dark-theme .toolbar-image-btn,body.dark-theme .contract-editor,body.dark-theme .back-btn{color:#fff;background:#ffffff0a;border-color:#ffffff0f}body.dark-theme .contract-editor a{color:#93c5fd}body.dark-theme .contract-editor:empty:before{color:#64748b}body.dark-theme .form-group input:disabled{color:#93c5fd;background:#2563eb2e}@media (width<=992px){.template-grid{grid-template-columns:1fr}}@media (width<=768px){.create-template-page{padding:20px}.template-editor-card{padding:26px}.template-editor-header h1{font-size:34px}.contract-editor{min-height:380px;padding:24px}}@media (width<=576px){.editor-toolbar{justify-content:center}.generate-contract-btn{width:100%}}.roadmap-page{padding:30px}.roadmap-hero{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:24px;margin-bottom:38px;display:flex}.roadmap-hero-left{background:#fff;border-radius:38px;flex:1;min-width:320px;padding:46px;position:relative;overflow:hidden;box-shadow:0 20px 80px #0f172a0f}.roadmap-hero-left:before{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.roadmap-hero-left:after{content:"";filter:blur(20px);background:#7c3aed14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.roadmap-tag{z-index:2;color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.roadmap-hero-left h1{z-index:2;color:#0f172a;margin-bottom:20px;font-size:54px;line-height:1.05;position:relative}.roadmap-hero-left p{z-index:2;color:#64748b;max-width:760px;line-height:1.9;position:relative}.roadmap-actions{flex-direction:column;gap:18px;display:flex}.create-stage-btn,.timeline-btn{cursor:pointer;border:none;border-radius:24px;justify-content:center;align-items:center;gap:14px;min-width:250px;padding:20px 24px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.create-stage-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 18px 40px #2563eb2e}.timeline-btn{color:#0f172a;background:#fff;box-shadow:0 18px 60px #0f172a0f}.create-stage-btn:hover,.timeline-btn:hover{transform:translateY(-4px)}.roadmap-overview{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:42px;display:grid}.roadmap-timeline{flex-direction:column;gap:34px;display:flex;position:relative}.roadmap-stage{padding-left:56px;position:relative}.timeline-line{opacity:.12;background:linear-gradient(#2563eb,#7c3aed);border-radius:999px;width:4px;height:calc(100% + 40px);position:absolute;top:90px;left:18px}.roadmap-card{background:#fff;border-radius:36px;padding:36px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 20px 80px #0f172a0f}.roadmap-card:hover{transform:translateY(-6px)}.roadmap-card:before{content:"";filter:blur(20px);background:#2563eb0d;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:-100px}.roadmap-card-top{z-index:2;align-items:center;gap:22px;margin-bottom:30px;display:flex;position:relative}.roadmap-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:28px;justify-content:center;align-items:center;width:88px;height:88px;font-size:34px;display:flex;box-shadow:0 20px 40px #2563eb2e}.roadmap-status{border-radius:999px;align-items:center;margin-bottom:14px;padding:10px 16px;font-size:12px;font-weight:700;display:inline-flex}.completed{color:#10b981;background:#10b9811f}.in-progress{color:#2563eb;background:#2563eb1f}.pending,.upcoming{color:#f59e0b;background:#f59e0b24}.roadmap-card h3{color:#0f172a;font-size:30px}.roadmap-progress{z-index:2;margin-bottom:32px;position:relative}.progress-text{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.progress-text span{color:#64748b;font-size:14px}.progress-text strong{color:#0f172a;font-size:16px}.progress-bar{background:#e2e8f0;border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:999px;height:100%;box-shadow:0 6px 16px #2563eb33}.roadmap-tasks{z-index:2;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:32px;display:grid;position:relative}.task-item{color:#334155;background:#f8fafc;border-radius:20px;align-items:center;gap:12px;padding:18px 20px;font-weight:600;transition:all .3s;display:flex}.task-item:hover{transform:translateY(-3px)}.task-item svg{color:#2563eb}.roadmap-footer{z-index:2;flex-wrap:wrap;align-items:center;gap:16px;display:flex;position:relative}.manage-btn,.details-btn{cursor:pointer;border:none;border-radius:18px;padding:16px 24px;font-size:14px;font-weight:700;transition:all .3s}.manage-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 15px 35px #2563eb2e}.details-btn{color:#0f172a;background:#f8fafc}.manage-btn:hover,.details-btn:hover{transform:translateY(-3px)}body.dark-theme .roadmap-hero-left,body.dark-theme .timeline-btn,body.dark-theme .overview-card,body.dark-theme .roadmap-card{background:#111827}body.dark-theme .roadmap-hero-left h1,body.dark-theme .overview-card h3,body.dark-theme .roadmap-card h3,body.dark-theme .task-item,body.dark-theme .details-btn{color:#fff}body.dark-theme .roadmap-hero-left p,body.dark-theme .overview-card span,body.dark-theme .progress-text span{color:#cbd5e1}body.dark-theme .progress-text strong{color:#fff}body.dark-theme .task-item,body.dark-theme .details-btn{background:#ffffff0a}body.dark-theme .progress-bar{background:#ffffff14}@media (width<=992px){.roadmap-hero{flex-direction:column}.roadmap-actions{flex-direction:row;width:100%}.create-stage-btn,.timeline-btn{flex:1}}@media (width<=768px){.roadmap-page{padding:20px}.roadmap-hero-left,.roadmap-card{padding:28px}.roadmap-hero-left h1{font-size:40px}.roadmap-stage{padding-left:28px}.timeline-line{left:8px}}@media (width<=576px){.roadmap-actions{flex-direction:column}.roadmap-card-top{flex-direction:column;align-items:flex-start}.roadmap-footer{flex-direction:column}.manage-btn,.details-btn{width:100%}.roadmap-tasks{grid-template-columns:1fr}}.create-stage-page{padding:30px}.create-stage-top{margin-bottom:28px}.create-stage-card{background:#fff;border-radius:38px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 80px #0f172a0f}.create-stage-card:before{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.create-stage-card:after{content:"";filter:blur(20px);background:#7c3aed14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.create-stage-header{z-index:2;margin-bottom:34px;position:relative}.stage-tag{color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.create-stage-header h1{color:#0f172a;margin-bottom:16px;font-size:46px}.create-stage-header p{color:#64748b;max-width:760px;line-height:1.9}.stage-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px;display:grid;position:relative}.range-wrapper{background:#f8fafc;border-radius:18px;align-items:center;gap:18px;padding:18px 20px;display:flex}.range-wrapper input{accent-color:#2563eb;flex:1}.range-wrapper span{color:#2563eb;font-weight:700}.task-row{align-items:center;gap:16px;display:flex}.task-row input{background:#f8fafc;border:none;border-radius:18px;outline:none;flex:1;padding:18px 20px;font-size:15px}.upload-section label{color:#334155;margin-bottom:14px;font-size:14px;font-weight:700;display:block}.create-stage-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:24px;justify-content:center;align-items:center;gap:14px;width:100%;padding:22px;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 20px 40px #2563eb2e}.create-stage-submit:hover{transform:translateY(-4px)}body.dark-theme .create-stage-card,body.dark-theme .back-btn,body.dark-theme .task-row input,body.dark-theme .upload-box,body.dark-theme .range-wrapper{background:#111827}body.dark-theme .create-stage-header h1,body.dark-theme .tasks-top h3,body.dark-theme .upload-box h4,body.dark-theme .back-btn{color:#fff}body.dark-theme .create-stage-header p,body.dark-theme .upload-box p{color:#cbd5e1}body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .form-group textarea,body.dark-theme .task-row input,body.dark-theme .range-wrapper,body.dark-theme .upload-box,body.dark-theme .back-btn{color:#fff;background:#ffffff0a;border-color:#ffffff14}@media (width<=768px){.create-stage-page{padding:20px}.create-stage-card{padding:28px}.create-stage-header h1{font-size:36px}}@media (width<=576px){.tasks-top{flex-direction:column;align-items:stretch}.add-task-btn{justify-content:center;width:100%}.task-row{flex-direction:column}.delete-task-btn{width:100%}}.manage-stage-page{padding:30px}.manage-stage-top{margin-bottom:28px}.manage-stage-card{background:#fff;border-radius:38px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 80px #0f172a0f}.manage-stage-card:before{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.manage-stage-card:after{content:"";filter:blur(20px);background:#7c3aed14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.manage-stage-header{z-index:2;margin-bottom:34px;position:relative}.stage-badge{color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.manage-stage-header h1{color:#0f172a;margin-bottom:16px;font-size:46px}.manage-stage-header p{color:#64748b;max-width:760px;line-height:1.9}.manage-stage-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:34px;display:grid;position:relative}.form-group textarea{resize:none;line-height:1.9}.full-width{margin-bottom:34px}.progress-section{margin-bottom:36px}.progress-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.progress-top h3{color:#0f172a;font-size:22px}.progress-top span{color:#2563eb;font-size:16px;font-weight:700}.progress-section input[type=range]{accent-color:#2563eb;width:100%}.tasks-section{margin-bottom:38px}.tasks-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.tasks-top h3{color:#0f172a;align-items:center;gap:12px;font-size:24px;display:flex}.add-task-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:16px;align-items:center;gap:12px;padding:14px 20px;font-weight:700;transition:all .3s;display:flex}.add-task-btn:hover{transform:translateY(-3px)}.tasks-list{flex-direction:column;gap:18px;display:flex}.task-row{background:#f8fafc;border-radius:22px;align-items:center;gap:16px;padding:14px;transition:all .3s;display:flex}.task-row:hover{transform:translateY(-2px)}.completed-task{background:#10b98114}.completed-task input{opacity:.7;text-decoration:line-through}.task-check{color:#2563eb;cursor:pointer;background:#2563eb1a;border:none;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex}.task-check:hover{transform:scale(1.05)}.task-row input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:15px}.delete-task-btn{color:#ef4444;cursor:pointer;background:#ef444414;border:none;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex}.delete-task-btn:hover{transform:scale(1.05)}.notes-section{margin-bottom:38px}.notes-section h3{color:#0f172a;align-items:center;gap:12px;margin-bottom:20px;font-size:24px;display:flex}.notes-section textarea{resize:none;color:#0f172a;background:#f8fafc;border:none;border-radius:22px;outline:none;width:100%;padding:22px;font-size:15px;line-height:1.9}.update-stage-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:24px;justify-content:center;align-items:center;gap:14px;width:100%;padding:22px;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 20px 40px #2563eb2e}.update-stage-btn:hover{transform:translateY(-4px)}body.dark-theme .manage-stage-card,body.dark-theme .back-btn,body.dark-theme .task-row,body.dark-theme .upload-box,body.dark-theme .notes-section textarea{background:#111827}body.dark-theme .manage-stage-header h1,body.dark-theme .tasks-top h3,body.dark-theme .notes-section h3,body.dark-theme .upload-section h3,body.dark-theme .upload-box h4,body.dark-theme .progress-top h3,body.dark-theme .task-row input,body.dark-theme .back-btn{color:#fff}body.dark-theme .manage-stage-header p,body.dark-theme .upload-box p{color:#cbd5e1}body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .form-group textarea,body.dark-theme .notes-section textarea,body.dark-theme .task-row,body.dark-theme .upload-box,body.dark-theme .back-btn{color:#fff;background:#ffffff0a;border-color:#ffffff14}@media (width<=768px){.manage-stage-page{padding:20px}.manage-stage-card{padding:28px}.manage-stage-header h1{font-size:36px}}@media (width<=576px){.tasks-top{flex-direction:column;align-items:stretch}.add-task-btn{justify-content:center;width:100%}.task-row{flex-direction:column}.task-check,.delete-task-btn{width:100%}}.kanban-page{padding:30px}.kanban-hero{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:24px;margin-bottom:38px;display:flex}.kanban-hero-left{background:#fff;border-radius:38px;flex:1;min-width:320px;padding:46px;position:relative;overflow:hidden;box-shadow:0 20px 80px #0f172a0f}.kanban-hero-left:before{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.kanban-hero-left:after{content:"";filter:blur(20px);background:#7c3aed14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.kanban-tag{z-index:2;color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.kanban-hero-left h1{z-index:2;color:#0f172a;margin-bottom:18px;font-size:52px;line-height:1.05;position:relative}.kanban-hero-left p{z-index:2;color:#64748b;max-width:760px;line-height:1.9;position:relative}.kanban-actions{flex-direction:column;display:flex}.kanban-board{grid-template-columns:repeat(4,1fr);align-items:flex-start;gap:24px;display:grid}.kanban-column{background:#fff;border-radius:34px;min-height:700px;padding:24px;position:relative;overflow:visible;box-shadow:0 20px 80px #0f172a0f}.kanban-column-header{margin-bottom:24px}.column-left{align-items:center;gap:16px;display:flex}.column-icon{color:#fff;border-radius:22px;justify-content:center;align-items:center;width:68px;height:68px;font-size:26px;display:flex}.todo-column .column-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.progress-column .column-icon{background:linear-gradient(135deg,#2563eb,#3b82f6)}.review-column .column-icon{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.completed-column .column-icon{background:linear-gradient(135deg,#10b981,#34d399)}.column-left h3{color:#0f172a;margin-bottom:6px;font-size:22px}.column-left span{color:#64748b;font-size:14px}.kanban-tasks{flex-direction:column;gap:20px;display:flex}.kanban-task-card{background:#f8fafc;border-radius:28px;padding:22px;transition:all .3s;position:relative;overflow:visible}.kanban-task-card:hover{transform:translateY(-4px)}.task-card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.priority-badge{border-radius:999px;padding:10px 14px;font-size:12px;font-weight:700}.task-menu-wrapper{position:relative}.task-menu-btn{color:#334155;cursor:pointer;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.task-menu-btn:hover{color:#2563eb;background:#eff6ff}.task-dropdown{z-index:9999;background:#fff;border-radius:20px;flex-direction:column;gap:6px;width:190px;padding:10px;display:flex;position:absolute;top:52px;right:0;box-shadow:0 20px 60px #0f172a24}.task-dropdown button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.task-dropdown button:hover{background:#f8fafc}.task-dropdown .delete-btn{color:#ef4444}.kanban-task-card h4{color:#0f172a;margin-bottom:18px;font-size:20px;line-height:1.5}.task-project{color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:10px;margin-bottom:22px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.task-meta{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.task-meta div{color:#64748b;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.task-meta svg{color:#2563eb}.task-footer{display:flex}.task-open-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px 20px;font-size:14px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 15px 35px #2563eb2e}.task-open-btn:hover{transform:translateY(-3px)}body.dark-theme .kanban-hero-left,body.dark-theme .kanban-column,body.dark-theme .task-dropdown,body.dark-theme .task-menu-btn{background:#111827}body.dark-theme .kanban-hero-left h1,body.dark-theme .column-left h3,body.dark-theme .kanban-task-card h4,body.dark-theme .task-dropdown button,body.dark-theme .task-menu-btn{color:#fff}body.dark-theme .kanban-hero-left p,body.dark-theme .column-left span,body.dark-theme .task-meta div{color:#cbd5e1}body.dark-theme .kanban-task-card,body.dark-theme .task-dropdown button:hover{background:#ffffff0a}body.dark-theme .task-menu-btn:hover{background:#ffffff14}@media (width<=1400px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.kanban-hero{flex-direction:column}.create-task-btn{width:100%}}@media (width<=768px){.kanban-page{padding:20px}.kanban-hero-left{padding:30px}.kanban-hero-left h1{font-size:38px}.kanban-board{grid-template-columns:1fr}}@media (width<=576px){.kanban-column{padding:20px}.column-left{flex-direction:column;align-items:flex-start}}.tasks-page{padding:30px}.tasks-hero{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:24px;margin-bottom:38px;display:flex}.tasks-hero-left{background:#fff;border-radius:38px;flex:1;min-width:320px;padding:46px;position:relative;overflow:hidden;box-shadow:0 20px 80px #0f172a0f}.tasks-hero-left:before{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.tasks-hero-left:after{content:"";filter:blur(20px);background:#7c3aed14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.tasks-tag{z-index:2;color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.tasks-hero-left h1{z-index:2;color:#0f172a;margin-bottom:18px;font-size:52px;line-height:1.05;position:relative}.tasks-hero-left p{z-index:2;color:#64748b;max-width:760px;line-height:1.9;position:relative}.tasks-actions{flex-direction:column;display:flex}.create-task-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:24px;justify-content:center;align-items:center;gap:14px;min-width:240px;padding:20px 24px;font-size:15px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 20px 40px #2563eb2e}.create-task-btn:hover{transform:translateY(-4px)}.tasks-overview{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:36px;display:grid}.overview-card{background:#fff;border-radius:30px;align-items:center;gap:20px;padding:30px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 70px #0f172a0f}.overview-card:before{content:"";filter:blur(10px);background:#ffffff2e;border-radius:50%;width:140px;height:140px;position:absolute;top:-50px;right:-50px}.overview-icon.completed{background:linear-gradient(135deg,#10b981,#34d399)}.overview-icon.progress{background:linear-gradient(135deg,#2563eb,#3b82f6)}.overview-icon.pending{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.overview-card h3{color:#0f172a;margin-bottom:6px;font-size:36px}.overview-card span{color:#64748b;font-size:14px}.tasks-filters{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.tasks-table-wrapper{background:#fff;border-radius:34px;overflow:auto visible;box-shadow:0 20px 80px #0f172a0f}.tasks-table{border-collapse:collapse;width:100%;min-width:1200px}.tasks-table thead{background:#f8fafc}.tasks-table th{text-align:left;color:#334155;white-space:nowrap;padding:24px;font-size:13px;font-weight:700}.tasks-table td{vertical-align:middle;border-top:1px solid #f1f5f9;padding:24px}.tasks-table tbody tr{transition:all .3s}.tasks-table tbody tr:hover{background:#fafcff}.task-title{color:#0f172a;align-items:center;gap:12px;font-weight:700;display:flex}.task-title svg{color:#2563eb}.assigned-user{color:#334155;align-items:center;gap:10px;font-weight:600;display:flex}.assigned-user svg{color:#2563eb}.priority-badge{border-radius:999px;align-items:center;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.priority-badge.high{color:#ef4444;background:#ef44441f}.priority-badge.medium{color:#f59e0b;background:#f59e0b1f}.priority-badge.low{color:#10b981;background:#10b9811f}.status-dropdown-wrapper{align-items:center;display:inline-flex;position:relative}.status-dropdown-btn{cursor:pointer;border:none;border-radius:999px;justify-content:space-between;align-items:center;gap:14px;min-width:170px;padding:12px 18px;font-size:13px;font-weight:700;transition:all .3s;display:inline-flex}.status-dropdown-btn:hover{transform:translateY(-2px)}.status-dropdown-btn svg{font-size:12px}.status-dropdown-btn.in-progress{color:#2563eb;background:#2563eb1f}.status-dropdown-btn.review{color:#7c3aed;background:#7c3aed1f}.status-dropdown-menu{z-index:99999;background:#fff;border-radius:24px;flex-direction:column;gap:8px;width:220px;padding:12px;animation:.25s statusDropdown;display:flex;position:absolute;top:58px;left:0;overflow:hidden;box-shadow:0 25px 70px #0f172a29}.status-dropdown-menu.dropdown-top{top:auto;bottom:58px}@keyframes statusDropdown{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.status-dropdown-menu button{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;border-radius:16px;padding:16px 18px;font-size:14px;font-weight:700;transition:all .3s}.status-dropdown-menu button:hover{color:#2563eb;background:#f8fafc;transform:translate(3px)}.task-actions{position:relative}.actions-dropdown{z-index:9999;background:#fff;border-radius:22px;flex-direction:column;gap:6px;width:190px;padding:10px;display:flex;position:absolute;top:56px;right:0;box-shadow:0 20px 60px #0f172a24}body.dark-theme .tasks-hero-left,body.dark-theme .overview-card,body.dark-theme .search-box input,body.dark-theme .filter-select select,body.dark-theme .tasks-table-wrapper,body.dark-theme .actions-dropdown,body.dark-theme .delete-popup,body.dark-theme .action-btn,body.dark-theme .status-dropdown-menu{background:#111827}body.dark-theme .tasks-hero-left h1,body.dark-theme .overview-card h3,body.dark-theme .task-title,body.dark-theme .assigned-user,body.dark-theme .tasks-table th,body.dark-theme .delete-popup h3,body.dark-theme .actions-dropdown button,body.dark-theme .action-btn,body.dark-theme .cancel-btn,body.dark-theme .status-dropdown-menu button{color:#fff}body.dark-theme .tasks-hero-left p,body.dark-theme .overview-card span,body.dark-theme .delete-popup p,body.dark-theme .date-box,body.dark-theme .filter-item label{color:#cbd5e1}body.dark-theme .tasks-table thead,body.dark-theme .tasks-table tbody tr:hover,body.dark-theme .actions-dropdown button:hover,body.dark-theme .cancel-btn,body.dark-theme .action-btn,body.dark-theme .status-dropdown-menu button:hover{background:#ffffff0a}body.dark-theme .tasks-table td{border-color:#ffffff0d}@media (width<=992px){.tasks-hero{flex-direction:column}.create-task-btn{width:100%}.tasks-filters{flex-direction:column;align-items:stretch}.search-box{min-width:100%}}@media (width<=768px){.tasks-page{padding:20px}.tasks-hero-left{padding:30px}.tasks-hero-left h1{font-size:38px}.popup-actions{flex-direction:column}.status-dropdown-btn{min-width:150px;font-size:12px}.status-dropdown-menu{width:190px}}@media (width<=576px){.filter-group{flex-direction:column;width:100%}.filter-select select,.status-dropdown-btn{width:100%}}.create-task-page{padding:30px}.create-task-top{margin-bottom:28px}.create-task-card{background:#fff;border-radius:38px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 80px #0f172a0f}.create-task-card:before{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.create-task-card:after{content:"";filter:blur(20px);background:#7c3aed14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.create-task-header{z-index:2;margin-bottom:34px;position:relative}.create-task-header h1{color:#0f172a;margin-bottom:16px;font-size:46px}.create-task-header p{color:#64748b;max-width:760px;line-height:1.9}.file-item{color:#2563eb;background:#2563eb14;border-radius:14px;padding:12px 16px;font-size:14px;font-weight:600}.create-task-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:24px;justify-content:center;align-items:center;gap:14px;width:100%;padding:22px;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 20px 40px #2563eb2e}.create-task-submit:hover{transform:translateY(-4px)}body.dark-theme .create-task-card,body.dark-theme .back-btn,body.dark-theme .editor-toolbar,body.dark-theme .task-editor,body.dark-theme .checklist-row input,body.dark-theme .upload-box{background:#111827}body.dark-theme .create-task-header h1,body.dark-theme .checklist-top h3,body.dark-theme .upload-section h3,body.dark-theme .upload-box h4,body.dark-theme .back-btn{color:#fff}body.dark-theme .create-task-header p,body.dark-theme .upload-box p{color:#cbd5e1}@media (width<=768px){.create-task-page{padding:20px}.create-task-card{padding:28px}.create-task-header h1{font-size:36px}}@media (width<=576px){.checklist-top{flex-direction:column;align-items:stretch}.add-checklist-btn{justify-content:center;width:100%}.checklist-row{flex-direction:column}.delete-checklist-btn{width:100%}.editor-toolbar{justify-content:center}}.view-task-page{padding:30px}.view-task-top{margin-bottom:28px}.view-task-hero{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:24px;margin-bottom:36px;display:flex}.hero-left{background:#fff;border-radius:38px;flex:1;min-width:320px;padding:46px;position:relative;overflow:hidden;box-shadow:0 20px 80px #0f172a0f}.hero-left:before{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.hero-left:after{content:"";filter:blur(20px);background:#7c3aed14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.task-tag{z-index:2;color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.hero-left h1{z-index:2;color:#0f172a;margin-bottom:18px;font-size:52px;line-height:1.05;position:relative}.hero-left p{z-index:2;color:#64748b;max-width:760px;line-height:1.9;position:relative}.hero-actions{flex-direction:column;display:flex}.edit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:24px;min-width:220px;padding:20px 24px;font-size:15px;font-weight:700;transition:all .3s;box-shadow:0 20px 40px #2563eb2e}.edit-btn:hover{transform:translateY(-4px)}.task-overview-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:36px;display:grid}.overview-card{background:#fff;border-radius:30px;align-items:center;gap:20px;padding:28px;transition:all .3s;display:flex;box-shadow:0 20px 70px #0f172a0f}.overview-card:hover{transform:translateY(-5px)}.overview-icon{color:#fff;border-radius:22px;justify-content:center;align-items:center;width:74px;min-width:74px;height:74px;font-size:28px;display:flex}.overview-icon.project{background:linear-gradient(135deg,#2563eb,#3b82f6)}.overview-icon.assigned{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.overview-icon.priority{background:linear-gradient(135deg,#ef4444,#f87171)}.overview-icon.status{background:linear-gradient(135deg,#10b981,#34d399)}.overview-card span{color:#64748b;margin-bottom:8px;font-size:14px;display:block}.overview-card h4{color:#0f172a;font-size:22px}.view-task-main{grid-template-columns:2fr 1fr;align-items:start;gap:28px;display:grid}.view-task-left{flex-direction:column;gap:28px;display:flex}.view-task-right{flex-direction:column;gap:28px;display:flex;position:sticky;top:20px}.task-detail-card,.sidebar-card{background:#fff;border-radius:34px;padding:32px;box-shadow:0 20px 80px #0f172a0f}.card-title{color:#0f172a;align-items:center;gap:14px;margin-bottom:24px;font-size:24px;font-weight:700;display:flex}.card-title svg{color:#2563eb}.task-description{color:#334155;font-size:15px;line-height:1.9}.task-description h3{color:#0f172a;margin-bottom:18px;font-size:26px}.task-description p{margin-bottom:20px}.task-description ul{padding-left:20px}.task-description li{margin-bottom:12px}.checklist-item{color:#334155;background:#f8fafc;border-radius:18px;align-items:center;gap:14px;padding:18px 20px;font-weight:600;display:flex}.checklist-item svg{color:#10b981}.files-list{flex-direction:column;gap:18px;display:flex}.file-item{background:#f8fafc;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.file-item span{color:#334155;font-weight:600}.sidebar-card h3{color:#0f172a;align-items:center;gap:12px;margin-bottom:24px;font-size:24px;display:flex}.detail-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-row span{color:#64748b;font-size:14px}.detail-row strong{color:#0f172a;font-size:14px}.comments-list{flex-direction:column;gap:18px;display:flex}.comment-item{background:#f8fafc;border-radius:20px;padding:20px}.comment-user{color:#2563eb;margin-bottom:10px;font-size:14px;font-weight:700}.comment-item p{color:#475569;font-size:14px;line-height:1.7}body.dark-theme .hero-left,body.dark-theme .overview-card,body.dark-theme .task-detail-card,body.dark-theme .sidebar-card,body.dark-theme .back-btn,body.dark-theme .checklist-item,body.dark-theme .file-item,body.dark-theme .comment-item,body.dark-theme .task-not-found{background:#111827}body.dark-theme .hero-left h1,body.dark-theme .overview-card h4,body.dark-theme .card-title,body.dark-theme .sidebar-card h3,body.dark-theme .detail-row strong,body.dark-theme .task-description h3,body.dark-theme .task-not-found h1,body.dark-theme .back-btn{color:#fff}body.dark-theme .hero-left p,body.dark-theme .overview-card span,body.dark-theme .detail-row span,body.dark-theme .task-description,body.dark-theme .comment-item p,body.dark-theme .file-item span,body.dark-theme .checklist-item{color:#cbd5e1}body.dark-theme .detail-row{border-color:#ffffff0f}body.dark-theme .checklist-item,body.dark-theme .file-item,body.dark-theme .comment-item,body.dark-theme .back-btn{background:#ffffff0a}@media (width<=1200px){.view-task-main{grid-template-columns:1fr}.view-task-right{position:static}}@media (width<=768px){.view-task-page{padding:20px}.hero-left{padding:30px}.hero-left h1{font-size:38px}.view-task-hero{flex-direction:column}.edit-btn{width:100%}}@media (width<=576px){.overview-card,.file-item{flex-direction:column;align-items:flex-start}.file-item button{width:100%}}.edit-task-page{padding:30px}.edit-task-top{margin-bottom:28px}.back-btn{color:#0f172a;cursor:pointer;background:#f8fafc;border:none;border-radius:18px;align-items:center;gap:12px;padding:16px 22px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex}.success-alert,.error-alert{border-radius:18px;margin-bottom:24px;padding:18px 22px;font-weight:600}.success-alert{color:#166534;background:#dcfce7;align-items:center;gap:12px;display:flex}.error-alert{color:#dc2626;background:#fee2e2}.edit-task-card{background:#fff;border-radius:38px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 80px #0f172a0f}.edit-task-card:before{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.edit-task-card:after{content:"";filter:blur(20px);background:#7c3aed14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.edit-task-header{z-index:2;margin-bottom:34px;position:relative}.task-tag{color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.edit-task-header h1{color:#0f172a;margin-bottom:16px;font-size:46px}.edit-task-header p{color:#64748b;max-width:760px;line-height:1.9}.task-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:34px;display:grid;position:relative}.form-group input,.form-group select,.form-group textarea{color:#0f172a;background:#f8fafc;border:none;border-radius:18px;outline:none;width:100%;padding:18px 20px;font-size:15px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#eff6ff;box-shadow:0 0 0 4px #2563eb14}.form-group input:disabled{color:#2563eb;background:#eef2ff;font-weight:700}.input-icon{position:relative}.input-icon svg{color:#94a3b8;z-index:2;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.input-icon input,.input-icon select{padding-left:52px}.editor-section{margin-bottom:38px}.editor-section label{color:#334155;margin-bottom:14px;font-size:14px;font-weight:700;display:block}.editor-toolbar{background:#f8fafc;border-radius:22px 22px 0 0;flex-wrap:wrap;align-items:center;gap:12px;padding:18px;display:flex}.editor-toolbar button{color:#334155;cursor:pointer;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;box-shadow:0 10px 20px #0f172a0a}.task-editor{color:#0f172a;background:#f8fafc;border-radius:0 0 28px 28px;outline:none;min-height:320px;padding:24px;font-size:15px;line-height:1.9}.task-editor img{border-radius:18px;max-width:100%;margin:16px 0}.checklist-section{margin-bottom:38px}.checklist-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.checklist-top h3{color:#0f172a;align-items:center;gap:12px;font-size:24px;display:flex}.add-checklist-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:16px;align-items:center;gap:12px;padding:14px 20px;font-weight:700;transition:all .3s;display:flex}.add-checklist-btn:hover{transform:translateY(-3px)}.checklist-list{flex-direction:column;gap:18px;display:flex}.checklist-row{align-items:center;gap:16px;display:flex}.checklist-row input{color:#0f172a;background:#f8fafc;border:none;border-radius:18px;outline:none;flex:1;padding:18px 20px;font-size:15px}.delete-checklist-btn{color:#ef4444;cursor:pointer;background:#ef444414;border:none;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}.delete-checklist-btn:hover{transform:scale(1.05)}.upload-section{margin-bottom:38px}.upload-section h3{color:#0f172a;align-items:center;gap:12px;margin-bottom:20px;font-size:24px;display:flex}.upload-box{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:30px;padding:48px 24px;transition:all .3s}.upload-box:hover{background:#eff6ff;border-color:#2563eb}.upload-box svg{color:#2563eb;margin-bottom:18px;font-size:42px}.upload-box h4{color:#0f172a;margin-bottom:12px;font-size:22px}.upload-box p{color:#64748b;line-height:1.7}.uploaded-files{flex-wrap:wrap;gap:14px;margin-top:20px;display:flex}.file-item{background:#2563eb14;border-radius:16px;align-items:center;gap:14px;padding:12px 16px;display:flex}.file-item span{color:#2563eb;font-size:14px;font-weight:600}.file-item button{color:#ef4444;cursor:pointer;background:#ef44441f;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.file-item button:hover{transform:scale(1.05)}.update-task-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:24px;justify-content:center;align-items:center;gap:14px;width:100%;padding:22px;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 20px 40px #2563eb2e}.update-task-btn:hover{transform:translateY(-4px)}.task-not-found{text-align:center;background:#fff;border-radius:34px;padding:80px 30px;box-shadow:0 20px 80px #0f172a0f}.task-not-found h1{color:#0f172a;font-size:42px}body.dark-theme .edit-task-card,body.dark-theme .back-btn,body.dark-theme .editor-toolbar,body.dark-theme .task-editor,body.dark-theme .checklist-row input,body.dark-theme .upload-box,body.dark-theme .task-not-found{background:#111827}body.dark-theme .edit-task-header h1,body.dark-theme .checklist-top h3,body.dark-theme .upload-section h3,body.dark-theme .upload-box h4,body.dark-theme .task-not-found h1,body.dark-theme .back-btn{color:#fff}body.dark-theme .edit-task-header p,body.dark-theme .upload-box p{color:#cbd5e1}body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .task-editor,body.dark-theme .checklist-row input,body.dark-theme .upload-box,body.dark-theme .back-btn{color:#fff;background:#ffffff0a;border-color:#ffffff14}body.dark-theme .editor-toolbar button{color:#fff;background:#ffffff0f}body.dark-theme .editor-toolbar button:hover{background:#ffffff1f}@media (width<=768px){.edit-task-page{padding:20px}.edit-task-card{padding:28px}.edit-task-header h1{font-size:36px}}@media (width<=576px){.checklist-top{flex-direction:column;align-items:stretch}.add-checklist-btn{justify-content:center;width:100%}.checklist-row{flex-direction:column}.delete-checklist-btn{width:100%}.editor-toolbar{justify-content:center}.file-item{justify-content:space-between;width:100%}}.invoices-page{padding:30px}.invoices-hero{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:24px;margin-bottom:38px;display:flex}.invoices-hero-left{background:#fff;border-radius:38px;flex:1;min-width:320px;padding:46px;position:relative;overflow:hidden;box-shadow:0 20px 80px #0f172a0f}.invoices-hero-left:before{content:"";filter:blur(20px);background:#10b98114;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.invoices-hero-left:after{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.invoice-tag{z-index:2;color:#10b981;background:#10b98114;border-radius:999px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.invoices-hero-left h1{z-index:2;color:#0f172a;margin-bottom:18px;font-size:52px;line-height:1.05;position:relative}.invoices-hero-left p{z-index:2;color:#64748b;max-width:760px;line-height:1.9;position:relative}.invoice-actions{flex-direction:column;gap:18px;display:flex}.create-invoice-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:24px;justify-content:center;align-items:center;gap:14px;min-width:240px;padding:20px 24px;font-size:15px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 20px 40px #10b9812e}.create-invoice-btn:hover{transform:translateY(-4px)}.export-btn{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:24px;justify-content:center;align-items:center;gap:14px;min-width:240px;padding:20px 24px;font-size:15px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 20px 40px #0f172a0f}.export-btn:hover{transform:translateY(-4px)}.invoice-stats{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:36px;display:grid}.stat-card{background:#fff;border-radius:30px;align-items:center;gap:20px;padding:30px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 70px #0f172a0f}.stat-card:hover{transform:translateY(-5px)}.stat-card:before{content:"";filter:blur(10px);background:#ffffff29;border-radius:50%;width:140px;height:140px;position:absolute;top:-50px;right:-50px}.stat-icon{color:#fff;border-radius:24px;justify-content:center;align-items:center;width:76px;min-width:76px;height:76px;font-size:30px;display:flex}.stat-icon.paid{background:linear-gradient(135deg,#10b981,#34d399)}.stat-icon.pending{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.stat-icon.overdue{background:linear-gradient(135deg,#ef4444,#f87171)}.stat-icon.revenue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.stat-card h3{color:#0f172a;margin-bottom:6px;font-size:36px}.stat-card span{color:#64748b;font-size:14px}.invoice-filters{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.search-box{flex:1;min-width:320px;position:relative}.search-box svg{color:#94a3b8;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.search-box input{color:#0f172a;background:#fff;border:none;border-radius:22px;outline:none;width:100%;padding:20px 20px 20px 52px;font-size:15px;box-shadow:0 15px 50px #0f172a0d}.filter-select{position:relative}.filter-select svg{color:#94a3b8;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.filter-select select{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:18px;outline:none;min-width:190px;padding:18px 18px 18px 50px;font-size:14px;font-weight:600;box-shadow:0 15px 50px #0f172a0d}.invoice-table-wrapper{background:#fff;border-radius:34px;padding-bottom:12px;overflow:visible;box-shadow:0 20px 80px #0f172a0f}.invoice-table{border-collapse:collapse;width:100%;min-width:1250px}.invoice-table thead{background:#f8fafc}.invoice-table th{text-align:left;color:#334155;white-space:nowrap;padding:24px;font-size:13px;font-weight:700}.invoice-table td{vertical-align:middle;border-top:1px solid #f1f5f9;padding:24px}.invoice-table tbody tr{transition:all .3s}.invoice-table tbody tr:hover{background:#fafcff}.invoice-no{color:#0f172a;align-items:center;gap:12px;font-weight:700;display:flex}.invoice-no svg{color:#10b981}.invoice-client{color:#334155;align-items:center;gap:10px;font-weight:600;display:flex}.invoice-client svg{color:#2563eb}.project-badge{color:#2563eb;background:#2563eb14;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.amount-box{color:#10b981;background:#10b98114;border-radius:999px;align-items:center;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.date-box{color:#64748b;align-items:center;gap:10px;font-weight:600;display:flex}.date-box svg{color:#2563eb}.invoice-status{border-radius:999px;align-items:center;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.invoice-actions-menu,.status-dropdown-wrapper{position:relative}.status-dropdown-btn.paid{color:#10b981;background:#10b9811f}.status-dropdown-btn.overdue{color:#ef4444;background:#ef44441f}.status-dropdown-btn.draft{color:#7c3aed;background:#7c3aed1f}.floating-status-menu{z-index:9999999;background:#fff;border-radius:20px;flex-direction:column;gap:10px;width:180px;padding:12px;display:flex;position:fixed;box-shadow:0 25px 60px #0f172a2e}.floating-status-menu button{color:#0f172a;text-align:left;cursor:pointer;background:#f8fafc;border:none;border-radius:14px;padding:14px;font-size:13px;font-weight:700;transition:all .3s}.floating-status-menu button:hover{color:#2563eb;background:#eff6ff}.actions-dropdown button:hover{background:#f8fafc}.actions-dropdown .delete-btn{color:#ef4444}.delete-popup-overlay{z-index:999999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}body.dark-theme .invoices-hero-left,body.dark-theme .stat-card,body.dark-theme .search-box input,body.dark-theme .filter-select select,body.dark-theme .invoice-table-wrapper,body.dark-theme .actions-dropdown,body.dark-theme .delete-popup,body.dark-theme .action-btn,body.dark-theme .export-btn{background:#111827}body.dark-theme .invoices-hero-left h1,body.dark-theme .stat-card h3,body.dark-theme .invoice-no,body.dark-theme .invoice-client,body.dark-theme .invoice-table th,body.dark-theme .delete-popup h3,body.dark-theme .actions-dropdown button,body.dark-theme .action-btn,body.dark-theme .cancel-btn,body.dark-theme .export-btn{color:#fff}body.dark-theme .invoices-hero-left p,body.dark-theme .stat-card span,body.dark-theme .delete-popup p,body.dark-theme .date-box,body.dark-theme .filter-item label{color:#cbd5e1}body.dark-theme .invoice-table thead,body.dark-theme .invoice-table tbody tr:hover,body.dark-theme .actions-dropdown button:hover,body.dark-theme .cancel-btn,body.dark-theme .action-btn{background:#ffffff0a}body.dark-theme .invoice-table td{border-color:#ffffff0d}@media (width<=992px){.invoices-hero{flex-direction:column}.invoice-actions,.create-invoice-btn,.export-btn{width:100%}.invoice-filters{flex-direction:column;align-items:stretch}.search-box{min-width:100%}}@media (width<=768px){.invoices-page{padding:20px}.invoices-hero-left{padding:30px}.invoices-hero-left h1{font-size:38px}.popup-actions{flex-direction:column}}@media (width<=576px){.filter-select select{width:100%}}.view-invoice-page{padding:30px}.invoice-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.back-btn{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:18px;align-items:center;gap:12px;padding:16px 22px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 15px 40px #0f172a0f}.back-btn:hover{transform:translateY(-4px)}.invoice-top-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.print-btn,.download-btn,.edit-btn{cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;padding:16px 22px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.print-btn{color:#0f172a;background:#fff;box-shadow:0 15px 40px #0f172a0f}.print-btn:hover,.download-btn:hover,.edit-btn:hover{transform:translateY(-4px)}.invoice-view-card{background:#fff;border-radius:40px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 90px #0f172a0f}.invoice-view-card:before{content:"";filter:blur(20px);background:#10b98114;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.invoice-view-card:after{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.invoice-header{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:40px;display:flex;position:relative}.invoice-logo{background:#fff;border-radius:30px;justify-content:center;align-items:center;width:250px;height:100%;margin-bottom:28px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a14}.invoice-header h1{color:#0f172a;margin-bottom:16px;font-size:52px;line-height:1.05}.invoice-header p{color:#64748b;max-width:760px;line-height:1.9}.invoice-info-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:38px;display:grid;position:relative}.client-section,.invoice-items-section,.invoice-tax-summary,.invoice-notes{z-index:2;margin-bottom:38px;position:relative}.client-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;display:grid}.client-item{background:#f8fafc;border-radius:24px;align-items:center;gap:18px;padding:24px;transition:all .3s;display:flex}.client-item:hover{transform:translateY(-4px)}.client-item svg{color:#2563eb;background:#2563eb14;border-radius:18px;width:60px;min-width:60px;height:60px;padding:18px}.client-item span{color:#64748b;font-size:13px;font-weight:600}.client-item h4{color:#0f172a;margin-top:6px;line-height:1.6}.dates-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:38px;display:grid;position:relative}.date-card{background:#f8fafc;border-radius:28px;align-items:center;gap:18px;padding:28px;transition:all .3s;display:flex}.date-card:hover{transform:translateY(-4px)}.date-card svg{color:#7c3aed;background:#7c3aed14;border-radius:22px;width:72px;min-width:72px;height:72px;padding:22px}.date-card span{color:#64748b;font-size:13px;font-weight:600}.date-card h3{color:#0f172a;margin-top:6px;font-size:22px}.invoice-table-wrapper{background:#f8fafc;border-radius:28px;overflow-x:auto}.invoice-items-table{border-collapse:collapse;width:100%;min-width:700px}.invoice-items-table thead{background:#fff9}.invoice-items-table th{text-align:left;color:#334155;padding:22px;font-size:13px;font-weight:700}.invoice-items-table td{color:#0f172a;border-top:1px solid #e2e8f0;padding:22px;font-weight:600}.invoice-notes p{color:#475569;background:#f8fafc;border-radius:28px;padding:30px;line-height:2}.invoice-not-found{text-align:center;background:#fff;border-radius:38px;padding:80px 30px;box-shadow:0 20px 80px #0f172a0f}.invoice-not-found h1{color:#0f172a;font-size:42px}body.dark-theme .back-btn,body.dark-theme .print-btn,body.dark-theme .invoice-view-card,body.dark-theme .info-card,body.dark-theme .client-item,body.dark-theme .date-card,body.dark-theme .invoice-table-wrapper,body.dark-theme .invoice-notes p,body.dark-theme .invoice-not-found,body.dark-theme .invoice-logo,body.dark-theme .tax-summary-card{background:#111827}body.dark-theme .invoice-header h1,body.dark-theme .info-card h3,body.dark-theme .section-header h2,body.dark-theme .client-item h4,body.dark-theme .date-card h3,body.dark-theme .invoice-items-table td,body.dark-theme .invoice-not-found h1,body.dark-theme .back-btn,body.dark-theme .print-btn,body.dark-theme .tax-row h4{color:#fff}body.dark-theme .invoice-header p,body.dark-theme .info-card span,body.dark-theme .client-item span,body.dark-theme .date-card span,body.dark-theme .invoice-notes p,body.dark-theme .tax-left span{color:#cbd5e1}body.dark-theme .invoice-items-table thead{background:#ffffff0a}body.dark-theme .invoice-items-table td,body.dark-theme .tax-row{border-color:#ffffff0f}body.dark-theme .invoice-items-table th{color:#e2e8f0}@media print{body{background:#fff}.invoice-top{display:none}.view-invoice-page{padding:0}.invoice-view-card{box-shadow:none;border-radius:0}}@media (width<=992px){.invoice-top{flex-direction:column;align-items:stretch}.invoice-top-actions{width:100%}.print-btn,.download-btn,.edit-btn{flex:1}}@media (width<=768px){.view-invoice-page{padding:20px}.invoice-view-card{padding:28px}.invoice-header h1{font-size:38px}.invoice-top-actions{flex-direction:column}.print-btn,.download-btn,.edit-btn{width:100%}.invoice-logo{width:110px;height:110px}.tax-total-row{flex-direction:column;align-items:flex-start}}@media (width<=576px){.invoice-header{flex-direction:column}.invoice-info-grid,.client-grid,.dates-grid{grid-template-columns:1fr}.tax-row{flex-direction:column;align-items:flex-start}}.create-invoice-page{padding:30px}.create-invoice-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.create-invoice-card{background:#fff;border-radius:42px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 90px #0f172a0f}.create-invoice-card:before{content:"";filter:blur(20px);background:#10b98114;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.create-invoice-card:after{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.create-header{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:40px;display:flex;position:relative}.create-header h1{color:#0f172a;margin-bottom:16px;font-size:52px;line-height:1.05}.create-header p{color:#64748b;max-width:760px;line-height:1.9}.invoice-status{border-radius:999px;justify-content:center;align-items:center;padding:16px 22px;font-size:14px;font-weight:700;display:inline-flex}.tax-summary-card{background:#f8fafc;border-radius:32px;padding:30px;overflow:hidden}.tax-left{align-items:center;gap:14px;display:flex}.tax-left svg{color:#10b981;font-size:18px}.tax-left span{color:#475569;font-weight:600}.tax-total-row .tax-left svg,.tax-total-row .tax-left span,.tax-total-row h3{color:#fff}body.dark-theme .back-btn,body.dark-theme .create-invoice-card,body.dark-theme .invoice-logo,body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .invoice-item-row,body.dark-theme .editor-toolbar button,body.dark-theme .editor-box,body.dark-theme .tax-summary-card{background:#111827}body.dark-theme .create-header h1,body.dark-theme .section-header h2,body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .editor-box,body.dark-theme .tax-row h4{color:#fff}body.dark-theme .create-header p,body.dark-theme .form-group label,body.dark-theme .tax-left span{color:#cbd5e1}body.dark-theme .tax-row{border-color:#ffffff0f}@media (width<=992px){.create-invoice-top{flex-direction:column;align-items:stretch}.back-btn,.save-btn{width:100%}.invoice-item-row{grid-template-columns:1fr}}@media (width<=768px){.create-invoice-page{padding:20px}.create-invoice-card{padding:28px}.create-header h1{font-size:38px}.section-header{flex-direction:column;align-items:stretch}.add-item-btn{justify-content:center;width:100%}.tax-total-row{flex-direction:column;align-items:flex-start}.invoice-logo{width:110px;height:110px}}@media (width<=576px){.invoice-form-grid{grid-template-columns:1fr}.editor-toolbar{justify-content:center}.tax-row{flex-direction:column;align-items:flex-start}}.edit-invoice-page{padding:30px}.edit-invoice-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.edit-invoice-card{background:#fff;border-radius:42px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 90px #0f172a0f}.edit-invoice-card:before{content:"";filter:blur(20px);background:#10b98114;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.edit-invoice-card:after{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.edit-header{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:40px;display:flex;position:relative}.invoice-logo{background:#fff;border-radius:30px;width:130px;height:130px;margin-bottom:26px;overflow:hidden;box-shadow:0 20px 50px #0f172a14}.invoice-logo img{object-fit:cover;width:100%;height:100%}.invoice-tag{color:#10b981;background:#10b98114;border-radius:999px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.edit-header h1{color:#0f172a;margin-bottom:16px;font-size:52px;line-height:1.05}.edit-header p{color:#64748b;max-width:720px;line-height:1.9}.invoice-status{border-radius:999px;align-items:center;gap:12px;padding:16px 22px;font-size:14px;font-weight:700;display:inline-flex}.invoice-status.paid{color:#10b981;background:#10b9811f}.invoice-status.pending{color:#f59e0b;background:#f59e0b1f}.invoice-status.overdue{color:#ef4444;background:#ef44441f}.invoice-status.draft{color:#7c3aed;background:#7c3aed1f}.invoice-form-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:40px;display:grid;position:relative}.invoice-items-section,.editor-section,.invoice-tax-summary{z-index:2;margin-bottom:40px;position:relative}.invoice-item-row{background:#f8fafc;border-radius:24px;grid-template-columns:2fr 120px 180px 70px;align-items:center;gap:18px;padding:22px;display:grid}.invoice-item-row input{color:#0f172a;background:#fff;border:none;border-radius:16px;outline:none;width:100%;padding:16px 18px;font-size:14px;font-weight:600}.tax-summary-card{background:#f8fafc;border-radius:32px;padding:30px}.tax-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.tax-row span{color:#475569;font-weight:600}.tax-row h4{color:#0f172a;font-size:18px;font-weight:700}.tax-total-row{background:linear-gradient(135deg,#10b981,#059669);border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:24px;display:flex}.tax-total-row span,.tax-total-row h3{color:#fff}.tax-total-row h3{font-size:30px}body.dark-theme .back-btn,body.dark-theme .edit-invoice-card,body.dark-theme .invoice-logo,body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .invoice-item-row,body.dark-theme .editor-toolbar button,body.dark-theme .editor-box,body.dark-theme .tax-summary-card{background:#111827}body.dark-theme .invoice-item-row input{background:#ffffff0a}body.dark-theme .edit-header h1,body.dark-theme .section-header h2,body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .editor-box,body.dark-theme .tax-row h4{color:#fff}body.dark-theme .edit-header p,body.dark-theme .form-group label,body.dark-theme .tax-row span{color:#cbd5e1}body.dark-theme .invoice-item-row,body.dark-theme .editor-toolbar button{border-color:#ffffff0f}@media (width<=992px){.edit-invoice-top{flex-direction:column;align-items:stretch}.back-btn,.save-btn{width:100%}.invoice-item-row{grid-template-columns:1fr}}@media (width<=768px){.edit-invoice-page{padding:20px}.edit-invoice-card{padding:28px}.edit-header h1{font-size:38px}.section-header{flex-direction:column;align-items:stretch}.add-item-btn{justify-content:center;width:100%}.tax-total-row{flex-direction:column;align-items:flex-start}}@media (width<=576px){.invoice-form-grid{grid-template-columns:1fr}.editor-toolbar{justify-content:center}}.payments-page{padding:30px}.payments-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:34px;display:flex}.payments-hero-left{flex:1}.payments-tag{color:#10b981;background:#10b98114;border-radius:999px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.payments-hero-left h1{color:#0f172a;margin-bottom:18px;font-size:58px;line-height:1.05}.payments-hero-left p{color:#64748b;max-width:780px;line-height:1.9}.payments-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.create-payment-btn,.export-btn{cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;padding:16px 24px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.create-payment-btn{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 20px 40px #10b9812e}.create-payment-btn:hover,.export-btn:hover{transform:translateY(-4px)}.payments-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:34px;display:grid}.payment-stat-card{background:#fff;border-radius:30px;align-items:center;gap:18px;padding:28px;transition:all .3s;display:flex;box-shadow:0 20px 70px #0f172a0d}.payment-stat-card:hover{transform:translateY(-5px)}.payment-stat-icon{color:#fff;border-radius:24px;justify-content:center;align-items:center;width:74px;min-width:74px;height:74px;font-size:28px;display:flex}.payment-stat-icon.completed{background:linear-gradient(135deg,#10b981,#059669)}.payment-stat-icon.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.payment-stat-icon.failed{background:linear-gradient(135deg,#ef4444,#dc2626)}.payment-stat-icon.revenue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.payment-stat-card h3{color:#0f172a;margin-bottom:6px;font-size:32px}.payment-stat-card span{color:#64748b;font-size:14px;font-weight:600}.payments-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.payments-table-wrapper{background:#fff;border-radius:34px;padding-bottom:12px;overflow:visible;box-shadow:0 20px 80px #0f172a0d}.payments-table{border-collapse:collapse;width:100%;min-width:1200px}.payments-table thead{background:#f8fafccc}.payments-table th{text-align:left;color:#334155;padding:24px;font-size:13px;font-weight:700}.payments-table td{color:#0f172a;border-top:1px solid #e2e8f0;padding:24px;font-size:14px;font-weight:600}.payments-table tbody tr:hover{background:#f8fafc80}.payment-id{color:#2563eb;align-items:center;gap:12px;font-weight:700;display:inline-flex}.client-pill{color:#10b981;background:#10b98114;border-radius:14px;justify-content:center;align-items:center;padding:12px 16px;font-size:13px;font-weight:700;display:inline-flex}.invoice-pill{color:#2563eb;background:#2563eb14;border-radius:14px;justify-content:center;align-items:center;padding:12px 16px;font-size:13px;font-weight:700;display:inline-flex}.status-dropdown-btn.completed{color:#10b981;background:#10b9811f}.status-dropdown-btn.failed{color:#ef4444;background:#ef44441f}.payment-actions-menu{position:relative}body.dark-theme .payment-stat-card,body.dark-theme .search-box,body.dark-theme .filter-select,body.dark-theme .payments-table-wrapper,body.dark-theme .actions-dropdown,body.dark-theme .status-dropdown-menu,body.dark-theme .delete-popup,body.dark-theme .empty-state,body.dark-theme .export-btn{background:#111827}body.dark-theme .payments-hero-left h1,body.dark-theme .payment-stat-card h3,body.dark-theme .payments-table td,body.dark-theme .payments-table th,body.dark-theme .delete-popup h3,body.dark-theme .empty-state h3,body.dark-theme .search-box input,body.dark-theme .filter-select select{color:#fff}body.dark-theme .payments-hero-left p,body.dark-theme .payment-stat-card span,body.dark-theme .delete-popup p,body.dark-theme .empty-state p{color:#cbd5e1}body.dark-theme .payments-table td{border-color:#ffffff0f}body.dark-theme .payments-table thead{background:#ffffff0a}@media (width<=992px){.payments-hero{flex-direction:column}.payments-actions{width:100%}.create-payment-btn,.export-btn{flex:1}}@media (width<=768px){.payments-page{padding:20px}.payments-hero-left h1{font-size:42px}.payments-actions{flex-direction:column}.create-payment-btn,.export-btn{width:100%}.payments-filters{flex-direction:column;align-items:stretch}.filter-select{width:100%}.popup-actions{flex-direction:column}}@media (width<=576px){.payments-stats{grid-template-columns:1fr}}.create-payment-page{padding:30px}.create-payment-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.create-payment-card{background:#fff;border-radius:42px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 90px #0f172a0f}.create-payment-card:before{content:"";filter:blur(20px);background:#10b98114;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.create-payment-card:after{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}body.dark-theme .back-btn,body.dark-theme .create-payment-card,body.dark-theme .payment-logo,body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .payment-item-row,body.dark-theme .editor-toolbar button,body.dark-theme .editor-box,body.dark-theme .summary-card{background:#111827}@media (width<=992px){.create-payment-top{flex-direction:column;align-items:stretch}.back-btn,.save-btn{width:100%}.payment-item-row{grid-template-columns:1fr}}@media (width<=768px){.create-payment-page{padding:20px}.create-payment-card{padding:28px}.payment-header h1{font-size:40px}.section-header{flex-direction:column;align-items:stretch}.add-item-btn{justify-content:center;width:100%}.summary-total-row{flex-direction:column;align-items:flex-start}.payment-logo{width:110px;height:110px}}@media (width<=576px){.payment-form-grid{grid-template-columns:1fr}.editor-toolbar{justify-content:center}.summary-row{flex-direction:column;align-items:flex-start}}.view-payment-page{padding:30px}.payment-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.back-btn,.print-btn{color:#0f172a;background:#fff;box-shadow:0 15px 40px #0f172a0f}.payment-top-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.payment-receipt-card{background:#fff;border-radius:42px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 90px #0f172a0f}.payment-receipt-card:before{content:"";filter:blur(20px);background:#10b98114;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.payment-receipt-card:after{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.payment-info-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:38px;display:grid;position:relative}.payment-details-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:38px;display:grid;position:relative}.payment-method-section,.payment-items-section,.payment-notes{z-index:2;margin-bottom:38px;position:relative}.method-card{background:#f8fafc;border-radius:30px;align-items:center;gap:22px;padding:30px;display:flex}.method-card svg{color:#10b981;background:#10b9811f;border-radius:24px;width:80px;min-width:80px;height:80px;padding:24px}.method-card span{color:#64748b;font-size:13px;font-weight:600}.method-card h3{color:#0f172a;margin-top:8px;font-size:28px}.payment-items-table{border-collapse:collapse;width:100%;min-width:700px}.payment-items-table thead{background:#fff9}.payment-items-table th{text-align:left;color:#334155;padding:22px;font-size:13px;font-weight:700}.payment-items-table td{color:#0f172a;border-top:1px solid #e2e8f0;padding:22px;font-weight:600}.payment-total-card{z-index:2;background:linear-gradient(135deg,#10b981,#059669);border-radius:34px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:38px;padding:32px;display:flex;position:relative}.payment-total-left{align-items:center;gap:20px;display:flex}.payment-total-left svg{color:#fff;background:#ffffff24;border-radius:24px;width:78px;min-width:78px;height:78px;padding:24px}.payment-total-left span{color:#ffffffc7;font-size:13px;font-weight:600}.payment-total-left h2{color:#fff;margin-top:8px;font-size:38px}.payment-badge{color:#fff;background:#ffffff29;border-radius:999px;padding:16px 22px;font-size:14px;font-weight:700}.payment-notes p{color:#475569;background:#f8fafc;border-radius:28px;padding:30px;line-height:2}.payment-not-found{text-align:center;background:#fff;border-radius:38px;padding:80px 30px;box-shadow:0 20px 80px #0f172a0f}.payment-not-found h1{color:#0f172a;font-size:42px}body.dark-theme .back-btn,body.dark-theme .print-btn,body.dark-theme .payment-receipt-card,body.dark-theme .info-card,body.dark-theme .detail-card,body.dark-theme .method-card,body.dark-theme .items-table-wrapper,body.dark-theme .payment-notes p,body.dark-theme .payment-not-found,body.dark-theme .receipt-logo,body.dark-theme .download-btn{background:#111827}body.dark-theme .receipt-header h1,body.dark-theme .info-card h3,body.dark-theme .detail-card h4,body.dark-theme .method-card h3,body.dark-theme .payment-items-table td,body.dark-theme .payment-items-table th,body.dark-theme .section-header h2,body.dark-theme .payment-not-found h1,body.dark-theme .back-btn,body.dark-theme .print-btn{color:#fff}body.dark-theme .receipt-header p,body.dark-theme .info-card span,body.dark-theme .detail-card span,body.dark-theme .method-card span,body.dark-theme .payment-notes p{color:#cbd5e1}body.dark-theme .payment-items-table td{border-color:#ffffff0f}body.dark-theme .payment-items-table thead{background:#ffffff0a}@media print{body{background:#fff}.payment-top{display:none}.view-payment-page{padding:0}.payment-receipt-card{box-shadow:none;border-radius:0}}@media (width<=992px){.payment-top{flex-direction:column;align-items:stretch}.payment-top-actions{width:100%}.print-btn,.download-btn,.edit-btn{flex:1}.payment-total-card{flex-direction:column;align-items:flex-start}}@media (width<=768px){.view-payment-page{padding:20px}.payment-receipt-card{padding:28px}.receipt-header h1{font-size:40px}.payment-top-actions{flex-direction:column}.print-btn,.download-btn,.edit-btn{width:100%}.receipt-logo{width:110px;height:110px}.payment-total-left{flex-direction:column;align-items:flex-start}}@media (width<=576px){.payment-info-grid,.payment-details-grid{grid-template-columns:1fr}.method-card{flex-direction:column;align-items:flex-start}}.edit-payment-page{padding:30px}.edit-payment-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.edit-payment-card{background:#fff;border-radius:42px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 90px #0f172a0f}.edit-payment-card:before{content:"";filter:blur(20px);background:#10b98114;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.edit-payment-card:after{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.payment-header{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:42px;display:flex;position:relative}.payment-logo{background:#fff;border-radius:30px;width:130px;height:130px;margin-bottom:20px;overflow:hidden;box-shadow:0 20px 50px #0f172a14}.payment-logo img{object-fit:cover;width:100%;height:100%}.payment-tag{color:#10b981;background:#10b98114;border-radius:999px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.payment-header h1{color:#0f172a;margin-bottom:16px;font-size:54px;line-height:1.05}.payment-header p{color:#64748b;max-width:760px;line-height:1.9}.payment-status{color:#10b981;background:#10b9811f;border-radius:999px;align-items:center;gap:12px;padding:16px 22px;font-size:14px;font-weight:700;display:inline-flex}.payment-form-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:42px;display:grid;position:relative}.payment-items-section,.editor-section,.payment-summary-section{z-index:2;margin-bottom:42px;position:relative}.payment-item-row{background:#f8fafc;border-radius:24px;grid-template-columns:2fr 220px 70px;align-items:center;gap:18px;padding:22px;display:grid}.payment-item-row input{color:#0f172a;background:#fff;border:none;border-radius:16px;outline:none;width:100%;padding:16px 18px;font-size:14px;font-weight:600}body.dark-theme .back-btn,body.dark-theme .edit-payment-card,body.dark-theme .payment-logo,body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .payment-item-row,body.dark-theme .editor-toolbar button,body.dark-theme .editor-box,body.dark-theme .summary-card{background:#111827}body.dark-theme .payment-item-row input{background:#ffffff0a}body.dark-theme .payment-header h1,body.dark-theme .section-header h2,body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .editor-box,body.dark-theme .summary-row h4{color:#fff}body.dark-theme .payment-header p,body.dark-theme .form-group label,body.dark-theme .summary-left span{color:#cbd5e1}@media (width<=992px){.edit-payment-top{flex-direction:column;align-items:stretch}.back-btn,.save-btn{width:100%}.payment-item-row{grid-template-columns:1fr}}@media (width<=768px){.edit-payment-page{padding:20px}.edit-payment-card{padding:28px}.payment-header h1{font-size:40px}.section-header{flex-direction:column;align-items:stretch}.add-item-btn{justify-content:center;width:100%}.summary-total-row{flex-direction:column;align-items:flex-start}.payment-logo{width:110px;height:110px}}@media (width<=576px){.payment-form-grid{grid-template-columns:1fr}.editor-toolbar{justify-content:center}.summary-row{flex-direction:column;align-items:flex-start}}.expenses-page{padding:30px}.expenses-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:34px;display:flex}.expenses-hero-left{flex:1}.expenses-tag{color:#ef4444;background:#ef444414;border-radius:999px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.expenses-hero-left h1{color:#0f172a;margin-bottom:18px;font-size:58px;line-height:1.05}.expenses-hero-left p{color:#64748b;max-width:780px;line-height:1.9}.expenses-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.create-expense-btn,.export-btn{cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;padding:16px 24px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.create-expense-btn{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 20px 40px #ef44442e}.export-btn{color:#0f172a;background:#fff;box-shadow:0 15px 40px #0f172a0f}.create-expense-btn:hover,.export-btn:hover{transform:translateY(-4px)}.expenses-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:34px;display:grid}.expense-stat-card{background:#fff;border-radius:30px;align-items:center;gap:18px;padding:28px;transition:all .3s;display:flex;box-shadow:0 20px 70px #0f172a0d}.expense-stat-card:hover{transform:translateY(-5px)}.expense-stat-icon{color:#fff;border-radius:24px;justify-content:center;align-items:center;width:74px;min-width:74px;height:74px;font-size:28px;display:flex}.expense-stat-icon.total{background:linear-gradient(135deg,#ef4444,#dc2626)}.expense-stat-icon.approved{background:linear-gradient(135deg,#10b981,#059669)}.expense-stat-icon.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.expense-stat-icon.monthly{background:linear-gradient(135deg,#2563eb,#3b82f6)}.expense-stat-card h3{color:#0f172a;margin-bottom:6px;font-size:32px}.expense-stat-card span{color:#64748b;font-size:14px;font-weight:600}.expenses-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.search-box{background:#fff;border-radius:18px;flex:1;align-items:center;gap:14px;min-width:280px;height:62px;padding:0 20px;display:flex;box-shadow:0 15px 40px #0f172a0d}.search-box svg{color:#64748b}.search-box input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:14px;font-weight:600}.filter-item{flex-direction:column;gap:10px;display:flex}.filter-item label{color:#334155;font-size:13px;font-weight:700}.filter-select{background:#fff;border-radius:18px;align-items:center;gap:14px;min-width:220px;height:62px;padding:0 18px;display:flex;box-shadow:0 15px 40px #0f172a0d}.filter-select svg{color:#64748b}.filter-select select{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:14px;font-weight:600}.expenses-table-wrapper{background:#fff;border-radius:34px;padding-bottom:12px;overflow:visible;box-shadow:0 20px 80px #0f172a0d}.expenses-table{border-collapse:collapse;width:100%;min-width:1300px}.expenses-table thead{background:#f8fafccc}.expenses-table th{text-align:left;color:#334155;padding:24px;font-size:13px;font-weight:700}.expenses-table td{color:#0f172a;border-top:1px solid #e2e8f0;padding:24px;font-size:14px;font-weight:600}.expenses-table tbody tr:hover{background:#f8fafc80}.expense-id{color:#ef4444;align-items:center;gap:12px;font-weight:700;display:inline-flex}.expense-title{color:#0f172a;font-weight:700}.category-pill{color:#2563eb;background:#2563eb14;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:700;display:inline-flex}.vendor-pill{color:#10b981;background:#10b98114;border-radius:14px;justify-content:center;align-items:center;padding:12px 16px;font-size:13px;font-weight:700;display:inline-flex}.method-box{color:#0f172a;background:#f8fafc;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:700;display:inline-flex}.method-box svg{color:#ef4444}.amount-box{color:#ef4444;font-size:15px;font-weight:800}.date-box{color:#64748b;align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.status-dropdown-wrapper{position:relative}.status-dropdown-btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:700;display:inline-flex}.status-dropdown-btn.approved{color:#10b981;background:#10b9811f}.status-dropdown-btn.pending{color:#f59e0b;background:#f59e0b1f}.status-dropdown-btn.rejected{color:#ef4444;background:#ef44441f}.status-dropdown-btn.new,.status-dropdown-btn.reviewing,.status-dropdown-btn.qualified,.status-dropdown-btn.converted,.status-dropdown-btn.archived{color:#2563eb;background:#2563eb1a}.status-dropdown-menu{z-index:999999;background:#fff;border-radius:20px;flex-direction:column;gap:10px;width:180px;padding:12px;display:flex;position:absolute;top:50%;right:100%;transform:translateY(-50%);box-shadow:0 25px 60px #0f172a24}.dropdown-top{top:50%;bottom:auto}.status-dropdown-menu button{color:#0f172a;text-align:left;cursor:pointer;background:#f8fafc;border:none;border-radius:14px;padding:14px;font-size:13px;font-weight:700;transition:all .3s}.status-dropdown-menu button:hover{color:#2563eb;background:#eff6ff}.expense-actions-menu{position:relative}.action-btn{color:#334155;cursor:pointer;background:#f8fafc;border:none;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.action-btn:hover{color:#2563eb;background:#eff6ff}.actions-dropdown{z-index:999999;background:#fff;border-radius:22px;flex-direction:column;gap:12px;width:220px;padding:14px;display:flex;position:absolute;top:50%;right:52px;transform:translateY(-50%);box-shadow:0 25px 60px #0f172a24}.actions-dropdown button{color:#0f172a;cursor:pointer;background:#f8fafc;border:none;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;font-size:13px;font-weight:700;transition:all .3s;display:flex}.actions-dropdown button:hover{color:#2563eb;background:#eff6ff}.actions-dropdown .delete-btn{color:#ef4444;background:#ef444414}.create-expense-btn:disabled{opacity:.65;cursor:not-allowed}.empty-state{text-align:center;background:#fff;border-radius:34px;margin-top:28px;padding:80px 30px;box-shadow:0 20px 70px #0f172a0d}.empty-state svg{color:#cbd5e1;margin-bottom:20px;font-size:58px}.empty-state h3{color:#0f172a;margin-bottom:12px;font-size:32px}.empty-state p{color:#64748b}.delete-popup-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.delete-popup{text-align:center;background:#fff;border-radius:34px;width:100%;max-width:460px;padding:34px;box-shadow:0 25px 80px #0f172a33}.delete-popup h3{color:#0f172a;margin-bottom:14px;font-size:32px}.delete-popup p{color:#64748b;margin-bottom:28px;line-height:1.8}.popup-actions{align-items:center;gap:16px;display:flex}.cancel-btn,.confirm-delete-btn{cursor:pointer;border:none;border-radius:18px;flex:1;padding:16px;font-size:14px;font-weight:700;transition:all .3s}.cancel-btn{color:#0f172a;background:#f8fafc}.confirm-delete-btn{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);justify-content:center;align-items:center;gap:12px;display:flex}.cancel-btn:hover,.confirm-delete-btn:hover{transform:translateY(-3px)}.spin-icon{animation:1s linear infinite spin}body.dark-theme .expense-stat-card,body.dark-theme .search-box,body.dark-theme .filter-select,body.dark-theme .expenses-table-wrapper,body.dark-theme .actions-dropdown,body.dark-theme .status-dropdown-menu,body.dark-theme .delete-popup,body.dark-theme .empty-state,body.dark-theme .export-btn{background:#111827}body.dark-theme .expenses-hero-left h1,body.dark-theme .expense-stat-card h3,body.dark-theme .expenses-table td,body.dark-theme .expenses-table th,body.dark-theme .delete-popup h3,body.dark-theme .empty-state h3,body.dark-theme .search-box input,body.dark-theme .filter-select select,body.dark-theme .expense-title{color:#fff}body.dark-theme .expenses-hero-left p,body.dark-theme .expense-stat-card span,body.dark-theme .delete-popup p,body.dark-theme .empty-state p{color:#cbd5e1}body.dark-theme .expenses-table td{border-color:#ffffff0f}body.dark-theme .expenses-table thead{background:#ffffff0a}body.dark-theme .method-box,body.dark-theme .action-btn,body.dark-theme .status-dropdown-menu button,body.dark-theme .actions-dropdown button,body.dark-theme .cancel-btn{color:#fff;background:#ffffff0a}@media (width<=992px){.expenses-hero{flex-direction:column}.expenses-actions{width:100%}.create-expense-btn,.export-btn{flex:1}}@media (width<=768px){.expenses-page{padding:20px}.expenses-hero-left h1{font-size:42px}.expenses-actions{flex-direction:column}.create-expense-btn,.export-btn{width:100%}.expenses-filters{flex-direction:column;align-items:stretch}.filter-select{width:100%}.popup-actions{flex-direction:column}}@media (width<=576px){.expenses-stats{grid-template-columns:1fr}}.create-expense-page{padding:30px}.create-expense-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.create-expense-card{background:#fff;border-radius:42px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 90px #0f172a0f}.create-expense-card:before{content:"";filter:blur(20px);background:#ef444414;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.create-expense-card:after{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}body.dark-theme .back-btn,body.dark-theme .create-expense-card,body.dark-theme .expense-logo,body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .expense-item-row,body.dark-theme .editor-toolbar button,body.dark-theme .editor-box,body.dark-theme .summary-card{background:#111827}@media (width<=992px){.create-expense-top{flex-direction:column;align-items:stretch}.back-btn,.save-btn{width:100%}.expense-item-row{grid-template-columns:1fr}}@media (width<=768px){.create-expense-page{padding:20px}.create-expense-card{padding:28px}.expense-header h1{font-size:40px}.section-header{flex-direction:column;align-items:stretch}.add-item-btn{justify-content:center;width:100%}.summary-total-row{flex-direction:column;align-items:flex-start}.expense-logo{width:110px;height:110px}}@media (width<=576px){.expense-form-grid{grid-template-columns:1fr}.editor-toolbar{justify-content:center}.summary-row{flex-direction:column;align-items:flex-start}}.view-expense-page{padding:30px}.expense-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.back-btn,.print-btn,.download-btn,.edit-btn{cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;padding:16px 22px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex}.back-btn,.print-btn{color:#0f172a;background:#fff;box-shadow:0 15px 40px #0f172a0f}.download-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 20px 40px #2563eb2e}.edit-btn{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 20px 40px #ef44442e}.back-btn:hover,.print-btn:hover,.download-btn:hover,.edit-btn:hover{transform:translateY(-4px)}.expense-top-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.expense-receipt-card{background:#fff;border-radius:42px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 90px #0f172a0f}.expense-receipt-card:before{content:"";filter:blur(20px);background:#ef444414;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.expense-receipt-card:after{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.receipt-header{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:42px;display:flex;position:relative}.receipt-logo{background:#fff;border-radius:30px;width:130px;height:130px;margin-bottom:24px;overflow:hidden;box-shadow:0 20px 50px #0f172a14}.receipt-logo img{object-fit:cover;width:100%;height:100%}.receipt-tag{color:#ef4444;background:#ef444414;border-radius:999px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.receipt-header h1{color:#0f172a;margin-bottom:16px;font-size:54px;line-height:1.05}.receipt-header p{color:#64748b;max-width:760px;line-height:1.9}.expense-info-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:38px;display:grid;position:relative}.info-card{background:#f8fafc;border-radius:28px;align-items:center;gap:18px;padding:28px;transition:all .3s;display:flex}.info-card:hover{transform:translateY(-5px)}.info-icon{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:22px;justify-content:center;align-items:center;width:72px;min-width:72px;height:72px;font-size:28px;display:flex}.info-card span{color:#64748b;font-size:13px;font-weight:600}.info-card h3{color:#0f172a;margin-top:6px;font-size:22px}.expense-details-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:38px;display:grid;position:relative}.detail-card{background:#f8fafc;border-radius:28px;align-items:center;gap:18px;padding:26px;transition:all .3s;display:flex}.detail-card:hover{transform:translateY(-5px)}.detail-card svg{color:#ef4444;background:#ef444414;border-radius:20px;width:68px;min-width:68px;height:68px;padding:20px}.detail-card span{color:#64748b;font-size:13px;font-weight:600}.detail-card h4{color:#0f172a;margin-top:6px;line-height:1.6}.expense-items-section,.expense-notes{z-index:2;margin-bottom:38px;position:relative}.items-table-wrapper{background:#f8fafc;border-radius:28px;overflow-x:auto}.expense-items-table{border-collapse:collapse;width:100%;min-width:700px}.expense-items-table thead{background:#fff9}.expense-items-table th{text-align:left;color:#334155;padding:22px;font-size:13px;font-weight:700}.expense-items-table td{color:#0f172a;border-top:1px solid #e2e8f0;padding:22px;font-weight:600}.expense-total-card{z-index:2;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:34px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:38px;padding:32px;display:flex;position:relative}.expense-total-left{align-items:center;gap:20px;display:flex}.expense-total-left svg{color:#fff;background:#ffffff24;border-radius:24px;width:78px;min-width:78px;height:78px;padding:24px}.expense-total-left span{color:#ffffffc7;font-size:13px;font-weight:600}.expense-total-left h2{color:#fff;margin-top:8px;font-size:38px}.expense-badge{color:#fff;background:#ffffff29;border-radius:999px;padding:16px 22px;font-size:14px;font-weight:700}.expense-notes p{color:#475569;background:#f8fafc;border-radius:28px;padding:30px;line-height:2}.expense-not-found{text-align:center;background:#fff;border-radius:38px;padding:80px 30px;box-shadow:0 20px 80px #0f172a0f}.expense-not-found h1{color:#0f172a;font-size:42px}body.dark-theme .back-btn,body.dark-theme .print-btn,body.dark-theme .expense-receipt-card,body.dark-theme .info-card,body.dark-theme .detail-card,body.dark-theme .items-table-wrapper,body.dark-theme .expense-notes p,body.dark-theme .expense-not-found,body.dark-theme .receipt-logo{background:#111827}body.dark-theme .receipt-header h1,body.dark-theme .info-card h3,body.dark-theme .detail-card h4,body.dark-theme .expense-items-table td,body.dark-theme .expense-items-table th,body.dark-theme .section-header h2,body.dark-theme .expense-not-found h1,body.dark-theme .back-btn,body.dark-theme .print-btn{color:#fff}body.dark-theme .receipt-header p,body.dark-theme .info-card span,body.dark-theme .detail-card span,body.dark-theme .expense-notes p{color:#cbd5e1}body.dark-theme .expense-items-table td{border-color:#ffffff0f}body.dark-theme .expense-items-table thead{background:#ffffff0a}@media print{body{background:#fff}.expense-top{display:none}.view-expense-page{padding:0}.expense-receipt-card{box-shadow:none;border-radius:0}}@media (width<=992px){.expense-top{flex-direction:column;align-items:stretch}.expense-top-actions{width:100%}.print-btn,.download-btn,.edit-btn{flex:1}.expense-total-card{flex-direction:column;align-items:flex-start}}@media (width<=768px){.view-expense-page{padding:20px}.expense-receipt-card{padding:28px}.receipt-header h1{font-size:40px}.expense-top-actions{flex-direction:column}.print-btn,.download-btn,.edit-btn{width:100%}.receipt-logo{width:110px;height:110px}.expense-total-left{flex-direction:column;align-items:flex-start}}@media (width<=576px){.expense-info-grid,.expense-details-grid{grid-template-columns:1fr}}.edit-expense-page{padding:30px}.edit-expense-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.save-btn:disabled{opacity:.7;cursor:not-allowed}.error-alert{color:#dc2626;background:#ef44441a;border-radius:16px;margin-bottom:24px;padding:16px 18px;font-size:14px;font-weight:700}.edit-expense-card{background:#fff;border-radius:42px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 90px #0f172a0f}.edit-expense-card:before{content:"";filter:blur(20px);background:#ef444414;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.edit-expense-card:after{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-120px}.expense-header{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:42px;display:flex;position:relative}.expense-logo{background:#fff;border-radius:30px;width:130px;height:130px;margin-bottom:20px;overflow:hidden;box-shadow:0 20px 50px #0f172a14}.expense-logo img{object-fit:cover;width:100%;height:100%}.upload-logo-btn{color:#2563eb;cursor:pointer;background:#2563eb14;border:none;border-radius:16px;align-items:center;gap:12px;margin-bottom:26px;padding:14px 18px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex}.upload-logo-btn:hover{background:#2563eb24;transform:translateY(-3px)}.expense-tag{color:#ef4444;background:#ef444414;border-radius:999px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.expense-header h1{color:#0f172a;margin-bottom:16px;font-size:54px;line-height:1.05}.expense-header p{color:#64748b;max-width:760px;line-height:1.9}.expense-status{color:#10b981;background:#10b9811f;border-radius:999px;align-items:center;gap:12px;padding:16px 22px;font-size:14px;font-weight:700;display:inline-flex}.expense-form-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:42px;display:grid;position:relative}.form-group input,.form-group select{color:#0f172a;background:#f8fafc;border:none;border-radius:18px;outline:none;width:100%;padding:18px 20px;font-size:14px;font-weight:600;transition:all .3s}.form-group input:disabled{opacity:.7;cursor:not-allowed}.form-group input:focus,.form-group select:focus{background:#eff6ff;box-shadow:0 0 0 4px #2563eb1a}.expense-items-section,.editor-section,.expense-summary-section{z-index:2;margin-bottom:42px;position:relative}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.add-item-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:16px;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 20px 40px #2563eb2e}.add-item-btn:hover{transform:translateY(-3px)}.items-wrapper{flex-direction:column;gap:20px;display:flex}.expense-item-row{background:#f8fafc;border-radius:24px;grid-template-columns:2fr 220px 70px;align-items:center;gap:18px;padding:22px;display:grid}.expense-item-row input{color:#0f172a;background:#fff;border:none;border-radius:16px;outline:none;width:100%;padding:16px 18px;font-size:14px;font-weight:600}.remove-item-btn{color:#ef4444;cursor:pointer;background:#ef44441f;border:none;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;transition:all .3s;display:flex}.remove-item-btn:hover{transform:scale(1.06)}.editor-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.editor-toolbar button{color:#334155;cursor:pointer;background:#f8fafc;border:none;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:16px;transition:all .3s;display:flex}.editor-toolbar button:hover{color:#2563eb;background:#eff6ff;transform:translateY(-2px)}.editor-box{color:#0f172a;background:#f8fafc;border-radius:26px;outline:none;min-height:260px;padding:28px;font-size:15px;line-height:2}.summary-card{background:#f8fafc;border-radius:32px;padding:30px;overflow:hidden}.summary-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.summary-left{align-items:center;gap:14px;display:flex}.summary-left svg{color:#ef4444;font-size:18px}.summary-left span{color:#475569;font-weight:600}.summary-row h4{color:#0f172a;font-size:18px;font-weight:700}.summary-total-row{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:24px;display:flex}.summary-total-row .summary-left svg,.summary-total-row .summary-left span,.summary-total-row h3{color:#fff}.summary-total-row h3{font-size:30px}body.dark-theme .back-btn,body.dark-theme .edit-expense-card,body.dark-theme .expense-logo,body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .expense-item-row,body.dark-theme .editor-toolbar button,body.dark-theme .editor-box,body.dark-theme .summary-card{background:#111827}body.dark-theme .expense-item-row input{background:#ffffff0a}body.dark-theme .expense-header h1,body.dark-theme .section-header h2,body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .editor-box,body.dark-theme .summary-row h4{color:#fff}body.dark-theme .expense-header p,body.dark-theme .form-group label,body.dark-theme .summary-left span{color:#cbd5e1}body.dark-theme .summary-row{border-color:#ffffff0f}body.dark-theme .editor-toolbar button{color:#e2e8f0}@media (width<=992px){.edit-expense-top{flex-direction:column;align-items:stretch}.back-btn,.save-btn{width:100%}.expense-item-row{grid-template-columns:1fr}}@media (width<=768px){.edit-expense-page{padding:20px}.edit-expense-card{padding:28px}.expense-header h1{font-size:40px}.section-header{flex-direction:column;align-items:stretch}.add-item-btn{justify-content:center;width:100%}.summary-total-row{flex-direction:column;align-items:flex-start}.expense-logo{width:110px;height:110px}}@media (width<=576px){.expense-form-grid{grid-template-columns:1fr}.editor-toolbar{justify-content:center}.summary-row{flex-direction:column;align-items:flex-start}}.profile-page{padding:30px}.profile-hero{background:#fff;border-radius:40px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:34px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 80px #0f172a0f}.profile-hero:before{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.profile-left{z-index:2;flex-wrap:wrap;align-items:flex-start;gap:28px;display:flex;position:relative}.camera-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex;position:absolute;bottom:-6px;right:-6px;box-shadow:0 15px 35px #2563eb3d}.profile-content{max-width:720px}.profile-content h1{color:#0f172a;margin-bottom:18px;font-size:56px;line-height:1.05}.profile-content p{color:#64748b;max-width:720px;margin-bottom:26px;line-height:2}.profile-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.meta-item{color:#475569;background:#f8fafc;border-radius:16px;align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:700;display:inline-flex}.meta-item.active{color:#10b981;background:#10b9811f}.profile-actions{z-index:2;position:relative}.edit-profile-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:20px;justify-content:center;align-items:center;gap:12px;padding:18px 26px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 20px 45px #2563eb33}.edit-profile-btn:hover{transform:translateY(-4px)}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:28px;display:grid}.profile-details-card{background:#fff;border-radius:34px;padding:34px;box-shadow:0 20px 70px #0f172a0d}.detail-item{border-bottom:1px solid #e2e8f0;align-items:center;gap:18px;padding:22px 0;display:flex}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-icon{color:#2563eb;background:#2563eb14;border-radius:20px;justify-content:center;align-items:center;width:64px;min-width:64px;height:64px;font-size:22px;display:flex}.detail-item span{color:#64748b;font-size:13px;font-weight:600}.detail-item h4{color:#0f172a;margin-top:6px;font-size:17px;line-height:1.6}body.dark-theme .profile-hero,body.dark-theme .profile-details-card,body.dark-theme .profile-avatar{background:#111827}body.dark-theme .profile-content h1,body.dark-theme .section-header h2,body.dark-theme .detail-item h4{color:#fff}body.dark-theme .profile-content p,body.dark-theme .detail-item span{color:#cbd5e1}body.dark-theme .meta-item{color:#e2e8f0;background:#ffffff0a}body.dark-theme .detail-item{border-color:#ffffff0f}@media (width<=992px){.profile-hero{flex-direction:column}.profile-actions,.edit-profile-btn{width:100%}}@media (width<=768px){.profile-page{padding:20px}.profile-hero{padding:28px}.profile-content h1{font-size:40px}.profile-left{flex-direction:column}.profile-avatar{width:120px;height:120px}}@media (width<=576px){.profile-grid{grid-template-columns:1fr}.profile-meta{flex-direction:column;align-items:flex-start}.profile-details-card{padding:28px}}.edit-profile-page{padding:30px}.edit-profile-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.back-btn,.save-btn{cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;padding:16px 24px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex}.back-btn{color:#0f172a;background:#fff;box-shadow:0 15px 40px #0f172a0f}.save-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 20px 40px #2563eb2e}.back-btn:hover,.save-btn:hover{transform:translateY(-4px)}.edit-profile-card{background:#fff;border-radius:40px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 80px #0f172a0f}.edit-profile-card:before{content:"";filter:blur(20px);background:#2563eb14;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.profile-header{z-index:2;flex-wrap:wrap;align-items:center;gap:28px;margin-bottom:42px;display:flex;position:relative}.profile-avatar-wrapper{position:relative}.profile-avatar{background:#fff;border-radius:36px;width:140px;height:140px;overflow:hidden;box-shadow:0 20px 50px #0f172a14}.profile-avatar img{object-fit:cover;width:100%;height:100%}.camera-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex;position:absolute;bottom:-6px;right:-6px;box-shadow:0 15px 35px #2563eb3d}.camera-btn:hover{transform:scale(1.06)}.profile-header-content{flex:1}.profile-badge{color:#10b981;background:#10b9811f;border-radius:999px;align-items:center;gap:12px;width:fit-content;margin-bottom:22px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.profile-header-content h1{color:#0f172a;margin-bottom:16px;font-size:52px;line-height:1.05}.profile-header-content p{color:#64748b;max-width:720px;line-height:2}.profile-form{z-index:2;position:relative}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:30px;display:grid}.form-group{flex-direction:column;gap:12px;display:flex}.full-width{grid-column:1/-1}.form-group label{color:#334155;font-size:13px;font-weight:700}.input-wrapper{background:#f8fafc;border-radius:20px;align-items:center;height:64px;padding:0 18px;transition:all .3s;display:flex;position:relative}.input-wrapper:focus-within{background:#eff6ff;box-shadow:0 0 0 4px #2563eb14}.input-wrapper svg{color:#64748b;font-size:16px}.input-wrapper input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;height:100%;padding:0 14px;font-size:14px;font-weight:600}.form-group textarea{resize:none;color:#0f172a;background:#f8fafc;border:none;border-radius:24px;outline:none;min-height:180px;padding:24px;font-size:14px;font-weight:500;line-height:2;transition:all .3s}.form-group textarea:focus{background:#eff6ff;box-shadow:0 0 0 4px #2563eb14}.password-section{margin-top:24px}.section-header{margin-bottom:24px}.section-header h2{color:#0f172a;font-size:28px}body.dark-theme .back-btn,body.dark-theme .edit-profile-card,body.dark-theme .profile-avatar,body.dark-theme .input-wrapper,body.dark-theme .form-group textarea{background:#111827}body.dark-theme .profile-header-content h1,body.dark-theme .section-header h2,body.dark-theme .input-wrapper input,body.dark-theme .form-group textarea,body.dark-theme .form-group label{color:#fff}body.dark-theme .profile-header-content p{color:#cbd5e1}@media (width<=992px){.edit-profile-top{flex-direction:column;align-items:stretch}.back-btn,.save-btn{width:100%}}@media (width<=768px){.edit-profile-page{padding:20px}.edit-profile-card{padding:28px}.profile-header{flex-direction:column;align-items:flex-start}.profile-header-content h1{font-size:40px}.profile-avatar{width:120px;height:120px}}@media (width<=576px){.profile-grid{grid-template-columns:1fr}}.profile-error{color:#b91c1c;background:#dc26261f;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:700}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fb;font-family:Arial,Helvetica,sans-serif}