*{box-sizing:border-box}#root,body,html{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e27;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0a0e27}::-webkit-scrollbar-thumb{background:#2a2f4a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4f46e5}::selection{background:#4f46e5;color:#fff}.login-container{background:radial-gradient(circle at 20% 20%,#1d2350 0,#0a0e27 45%,#070912 100%);display:grid;min-height:100vh;padding:1rem;place-items:center}.login-card{background:#141829f2;border:1px solid #2a2f4a;border-radius:14px;box-shadow:0 18px 50px #00000059;max-width:420px;padding:1.5rem;width:100%}.login-header{margin-bottom:1.25rem}.login-header h1{color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:-.3px;margin:0}.login-header p{color:#9ca3af;font-size:.95rem;margin:.45rem 0 0}.login-form{display:flex;flex-direction:column;gap:.7rem}.form-group{gap:.5rem}.form-group label{color:#c7d2fe;font-size:.85rem}.form-group input{background:#0f1419;border:1px solid #374151;border-radius:8px;color:#fff;font-size:1rem;padding:.65rem .75rem;transition:border-color .2s ease}.form-group input:focus{border-color:#4f46e5;box-shadow:none;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.form-error{background:#be185d2e;border:1px solid #f472b666;border-radius:8px;color:#fda4af;font-size:.88rem;margin:.3rem 0 0;padding:.55rem .7rem}.login-button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:.6rem;padding:.72rem 1rem;transition:background .2s ease}.login-button:hover:not(:disabled){background:#4338ca}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-footer{margin-top:1rem}.footer-text{color:#8892b0;font-size:.8rem;line-height:1.5;margin:0}.sidebar-overlay{background:#000000b3;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:98}@media (max-width:768px){.sidebar-overlay{display:block}}.sidebar{background:#141829;border-right:1px solid #2a2f4a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;width:280px;z-index:99}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}.sidebar-header{align-items:center;border-bottom:1px solid #2a2f4a;display:flex;justify-content:space-between;padding:2rem 1.5rem}.sidebar-header h2{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.sidebar-close{background:none;border:none;color:#8892b0;cursor:pointer;display:none;font-size:1.5rem;padding:0}@media (max-width:768px){.sidebar-close{display:block}}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;padding:1.5rem 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#8892b0;display:flex;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#0f1219;color:#e0e0e0}.nav-item.active{background:#0f1219;border-left-color:#4f46e5;color:#4f46e5}.nav-icon{font-size:1.25rem}.nav-label{font-size:.95rem;font-weight:600}.nav-divider{background-color:#2a2f4a;height:1px;margin:.75rem 0}.sidebar-footer{border-top:1px solid #2a2f4a;padding:1.5rem}.version{color:#5a6270;font-size:.75rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.admin-header{align-items:center;background:#141829;border-bottom:1px solid #2a2f4a;display:flex;gap:1.5rem;justify-content:space-between;padding:1rem 2rem}.menu-btn{background:none;border:none;color:#e0e0e0;cursor:pointer;display:none;font-size:1.5rem;padding:0}@media (max-width:768px){.menu-btn{display:block}}.header-title{flex:1 1}.header-title h1{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.logout-btn{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.logout-btn:hover{background:#7c3aed}.dashboard-layout{background:#0a0e27;min-height:100vh}.dashboard-main{background:#0a0e27;display:flex;flex:1 1;flex-direction:column;margin-left:280px}.dashboard-content{flex:1 1;overflow-y:auto;padding:2rem}.dashboard-inner{margin:0 auto;max-width:1200px}.dashboard-inner h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem}.dashboard-inner>p{color:#8892b0;font-size:1rem;margin:0 0 2rem}.dashboard-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{background:#141829;border:1px solid #2a2f4a;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{border-color:#4f46e5;box-shadow:0 8px 24px #4f46e526}.stat-label{color:#8892b0;font-size:.875rem;font-weight:600;margin:0}.stat-value{font-size:2.5rem}.stat-hint{color:#5a6270;font-size:.75rem;margin:0}.quick-links{background:#141829;border:1px solid #2a2f4a;border-radius:12px;margin-top:2rem;padding:2rem}.quick-links h2{color:#fff;font-size:1.25rem;margin:0 0 1.5rem}.links-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-link{align-items:center;background:#0f1219;border:1px solid #2a2f4a;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:.75rem;padding:1.5rem;transition:all .3s ease}.action-link:hover{background:#1a1f3a;border-color:#4f46e5}.action-link.primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#7c3aed;box-shadow:0 8px 24px #4f46e54d;color:#fff}.action-link.primary:hover{background:linear-gradient(135deg,#5f57f5,#8d4ded);box-shadow:0 12px 32px #4f46e566;transform:translateY(-2px)}.action-link .icon{font-size:2rem}.dashboard-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:2rem 0}.dashboard-section{background:#141829;border:1px solid #2a2f4a;border-radius:12px;padding:1.5rem}.dashboard-section h2{color:#fff;font-size:1.125rem;margin:0 0 .5rem}.section-hint{color:#5a6270;font-size:.75rem;margin:0 0 1rem}.dashboard-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.dashboard-list li{align-items:center;background:#0f1219;border:1px solid #1a1f3a;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.dashboard-list li:hover{background:#1a1f3a;border-color:#4f46e5}.item-name{color:#e0e0e0;flex:1 1;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-badge{border-radius:4px;flex-shrink:0;font-size:.75rem;font-weight:600;margin-left:.75rem;padding:.35rem .75rem;text-transform:capitalize}.item-badge.status-new{background:#fef3c7;color:#92400e}.item-badge.status-contacted{background:#dbeafe;color:#0c4a6e}.item-badge.status-qualified{background:#dcfce7;color:#166534}.item-badge.status-converted{background:#d1fae5;color:#065f46}.item-badge.status-closed{background:#f3f4f6;color:#374151}.item-badge.published{background:#dcfce7;color:#166534}.item-badge.draft{background:#fee2e2;color:#991b1b}.empty-state{color:#8892b0;font-size:.95rem;margin:0;padding:1.5rem}@media (max-width:768px){.dashboard-main{margin-left:0}.dashboard-content{padding:1rem}.dashboard-inner h1{font-size:1.5rem}.dashboard-grid{grid-template-columns:1fr}}.reveal{animation:revealUp .6s ease-out forwards;opacity:0}@keyframes revealUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.leads-layout{background:linear-gradient(135deg,#0a0e27,#141829);display:flex;min-height:100vh}.leads-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.leads-content{background:linear-gradient(135deg,#0a0e27,#141829);flex:1 1;overflow-y:auto;padding:2rem 1rem}.leads-inner{margin:0 auto;max-width:1200px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dash-card.new{background:linear-gradient(135deg,#3b82f61a,#0000);border-color:#3b82f6}.dash-card.contacted{background:linear-gradient(135deg,#f59e0b1a,#0000);border-color:#f59e0b}.dash-card.qualified{background:linear-gradient(135deg,#8b5cf61a,#0000);border-color:#8b5cf6}.dash-card.converted{background:linear-gradient(135deg,#10b9811a,#0000);border-color:#10b981}.error-message{margin-bottom:1.5rem;padding:1rem}.table-container{background:#141829;border:1px solid #2a2f4a;border-radius:8px;overflow-x:auto}.leads-table th{border-bottom:1px solid #2a2f4a;color:#cbd5e0;font-size:.85rem}.leads-table tbody tr:hover{background:#4f46e50d}.leads-table td{color:#cbd5e0;font-size:.95rem}.lead-name{color:#e0e7ff;font-weight:500}.lead-email{font-family:monospace;font-size:.9rem}.lead-company,.lead-date,.lead-type{color:#a0aec0}.lead-date{font-size:.9rem}.status-badge.status-new{background:#3b82f633;color:#60a5fa}.status-badge.status-contacted{background:#f59e0b33}.status-badge.status-qualified{background:#8b5cf633;color:#d8b4fe}.status-badge.status-converted{background:#10b98133;color:#6ee7b7}.status-badge.status-closed{background:#6b728033}.empty-state,.loading-state{background:#141829;border:1px solid #2a2f4a;border-radius:8px;color:#a0aec0;padding:3rem 1rem;text-align:center}.form-group.full{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{background:#2a2f4a;border:1px solid #3a3f5a;color:#e0e7ff;font-size:.95rem;padding:.75rem}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #4f46e51a}.confirm-modal{max-width:400px}.confirm-modal .modal-body p{color:#cbd5e0;margin:0}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}@media (max-width:1024px){.leads-content{padding:1.5rem .75rem}.page-header{flex-direction:column;gap:1rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.form-row{grid-template-columns:1fr}}@media (max-width:768px){.leads-content{padding:1rem .5rem}.page-header{gap:1rem}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.controls-bar{flex-direction:column}.filter-select,.search-input{width:100%}.leads-table{font-size:.85rem}.leads-table td,.leads-table th{padding:.75rem .5rem}.form-row{gap:.75rem;grid-template-columns:1fr}}.leads-controls{border-bottom:1px solid #2a2f4a;padding:1.5rem}.filter-buttons{flex-wrap:wrap}.filter-btn{background:#0f1219;border:1px solid #2a2f4a;color:#8892b0;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.filter-btn:hover{color:#e0e0e0}.filter-btn.active{background:#4f46e5}.leads-empty,.leads-loading{color:#8892b0;padding:3rem;text-align:center}.leads-table-wrapper{overflow-x:auto}.leads-table{border-collapse:collapse;font-size:.9375rem;width:100%}.leads-table thead{background:#0f1219;border-bottom:1px solid #2a2f4a}.leads-table th{color:#c0c8e0;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.leads-table tbody tr{border-bottom:1px solid #2a2f4a;transition:all .2s ease}.leads-table tbody tr:hover{background:#0f1219}.leads-table tbody tr.active{background:#1a1f3a}.leads-table td{color:#e0e0e0;padding:1rem}.lead-name{color:#fff;font-weight:600}.lead-company,.lead-date,.lead-email{color:#8892b0;font-size:.875rem}.status-badge{font-size:.75rem;letter-spacing:.3px}.status-badge.status-new{background:#3b82f61a;color:#93c5fd}.status-badge.status-contacted{background:#fbbf241a;color:#fcd34d}.status-badge.status-converted{background:#22c55e1a;color:#86efac}.status-badge.status-closed{background:#6b72801a;color:#d1d5db}.lead-view-btn{background:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.4rem .8rem;transition:all .2s ease}.lead-view-btn:hover{background:#7c3aed;transform:translateY(-1px)}.leads-detail-section{background:#141829;border:1px solid #2a2f4a;border-radius:12px;display:flex;flex-direction:column;max-height:600px;overflow-y:auto}.detail-header{align-items:center}.close-btn{color:#8892b0;height:2rem;width:2rem}.detail-content{gap:1.5rem}.detail-field a{color:#4f46e5;text-decoration:none;transition:all .2s ease}.detail-field a:hover{color:#7c3aed;text-decoration:underline}.description{line-height:1.5;white-space:pre-wrap}.status-selector{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.status-option{background:#0f1219;border:1px solid #2a2f4a;border-radius:4px;color:#8892b0;cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem;transition:all .2s ease}.status-option:hover{border-color:#4f46e5;color:#e0e0e0}.status-option.selected{background:#4f46e5;border-color:#4f46e5;color:#fff}.detail-meta{border-top:1px solid #2a2f4a;padding-top:1rem}.meta-text{color:#5a6270;font-size:.75rem;margin:0}.blog-editor{margin:0 auto;max-width:900px}.editor-section{background:#141829;border:1px solid #2a2f4a;border-radius:12px;margin-bottom:2rem;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{color:#fff;margin:0}.add-section-btn{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.add-section-btn:hover:not(:disabled){background:#7c3aed}.add-section-btn:disabled{cursor:not-allowed;opacity:.6}.editor-section h3{color:#fff;font-size:1.25rem;margin:0 0 1.5rem}.form-group label{color:#c0c8e0;font-size:.875rem}.form-group input,.form-group textarea{background:#0f1219;border:1px solid #2a2f4a;color:#e0e0e0;font-size:1rem;padding:.75rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{background:#141829;box-shadow:0 0 0 3px #4f46e51a}.form-group input:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-group.checkbox{margin-bottom:0}.form-group.checkbox label{align-items:center;display:flex;gap:.5rem;margin:0;text-transform:none}.form-group.checkbox input{margin:0;width:auto}.section-editor{background:#0f1219;border:1px solid #2a2f4a;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.section-controls{display:flex;gap:1rem;margin-bottom:1.5rem}.section-heading-input{background:#141829;border:1px solid #2a2f4a;border-radius:6px;color:#e0e0e0;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem;transition:all .2s ease}.section-heading-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.remove-section-btn{background:#dc26261a;border:1px solid #dc26264d;border-radius:6px;color:#f87171;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.remove-section-btn:hover:not(:disabled){background:#dc262633;border-color:#f87171}.paragraphs-list{display:flex;flex-direction:column;gap:1rem}.paragraph-input{background:#141829;border:1px solid #2a2f4a;border-radius:6px;color:#e0e0e0;font-family:inherit;font-size:1rem;padding:.75rem;resize:vertical;transition:all .2s ease;width:100%}.paragraph-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.add-paragraph-btn{background:#0f1219;border:1px solid #2a2f4a;border-radius:6px;color:#8892b0;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.add-paragraph-btn:hover:not(:disabled){background:#141829;border-color:#4f46e5;color:#e0e0e0}.editor-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn{background:#2a2f4a;color:#e0e0e0}.cancel-btn:hover:not(:disabled){background:#3a3f5a}.save-btn{background:#4f46e5;color:#fff}.save-btn:hover:not(:disabled){background:#7c3aed;transform:translateY(-2px)}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.7}.blog-container{margin:0 auto;max-width:1400px;padding:2rem}.blog-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.blog-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0}.back-btn,.create-btn{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.back-btn:hover,.create-btn:hover{background:#7c3aed;transform:translateY(-2px)}.blog-error{background:#dc26261a;border:1px solid #dc26264d;border-radius:6px;color:#fca5a5;margin-bottom:1.5rem;padding:1rem}.blog-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px}@media (max-width:1024px){.blog-layout{grid-template-columns:1fr}}.blog-list-section{background:#141829;border:1px solid #2a2f4a;border-radius:12px;max-height:600px;overflow:hidden;overflow-y:auto}.blog-empty,.blog-loading{color:#8892b0;padding:3rem;text-align:center}.blog-empty button{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.5rem 1rem}.blog-posts-list{display:flex;flex-direction:column}.blog-post-card{border-bottom:1px solid #2a2f4a;cursor:pointer;padding:1.5rem;transition:all .2s ease}.blog-post-card:last-child{border-bottom:none}.blog-post-card:hover{background:#0f1219}.blog-post-card.active{background:#1a1f3a}.post-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.post-card-header h3{color:#fff;flex:1 1;font-size:1rem;margin:0}.publish-badge{border-radius:4px;display:inline-block;font-size:.7rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.publish-badge.published{background:#22c55e1a;color:#86efac}.publish-badge.draft{background:#6b72801a;color:#d1d5db}.post-slug{color:#8892b0;font-family:monospace;font-size:.875rem;margin:0 0 .5rem}.post-meta{color:#5a6270;display:flex;font-size:.75rem;gap:1rem}.blog-detail-section{background:#141829;border:1px solid #2a2f4a;border-radius:12px;max-height:600px;overflow-y:auto}.detail-header{border-bottom:1px solid #2a2f4a;padding:1.5rem}.detail-header h2{color:#fff;font-size:1.25rem;margin:0}.detail-actions{border-bottom:1px solid #2a2f4a;flex-wrap:wrap;gap:.5rem;padding:1rem}.action-btn{background:#0f1219;border:1px solid #2a2f4a;color:#e0e0e0;flex:1 1;font-size:.75rem;font-weight:600;min-width:80px;padding:.5rem}.action-btn.edit-btn:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}.action-btn.publish-btn:hover{background:#22c55e33;border-color:#86efac;color:#86efac}.action-btn.unpublish-btn:hover{background:#fbbf2433;border-color:#fcd34d;color:#fcd34d}.action-btn.delete-btn:hover{background:#dc262633;border-color:#f87171;color:#f87171}.detail-content{gap:1rem;padding:1.5rem}.detail-content,.detail-field{display:flex;flex-direction:column}.detail-field{gap:.35rem}.detail-field label{color:#8892b0;font-size:.75rem}.detail-field p{color:#e0e0e0;font-size:.9375rem;word-break:break-word}.detail-field .mono{font-family:monospace;font-size:.85rem}.status-published{color:#86efac}.status-draft{color:#fcd34d}.product-editor{display:flex;flex-direction:column;height:100%;overflow:hidden}.checkbox-label{align-items:center;color:#e5e7eb;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-bottom:0;text-transform:none}.checkbox-label input{cursor:pointer;margin:0;width:auto}.tags-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{align-items:center;background:#4f46e526;border-radius:4px;color:#a78bfa;display:inline-flex;font-size:13px;gap:6px;padding:4px 8px}.tag button{background:none;border:none;color:#a78bfa;cursor:pointer;font-size:14px;padding:0;transition:color .2s}.tag button:hover{color:#c4b5fd}.features-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.feature-item{align-items:center;background:#4f46e51a;border-radius:4px;color:#a78bfa;display:flex;font-size:13px;justify-content:space-between;padding:8px}.feature-item button{background:none;border:none;color:#a78bfa;cursor:pointer;transition:color .2s}.feature-item button:hover{color:#c4b5fd}.products-container{flex:1 1;overflow-y:auto;padding:24px}.products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.products-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.products-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 400px;height:calc(100vh - 200px)}.products-list{background:#141829;border:1px solid #1f2937;border-radius:8px;display:flex;flex-direction:column;overflow:auto}.products-table{border-collapse:collapse;font-size:14px;width:100%}.products-table thead{background:#0f1419;border-bottom:1px solid #1f2937;position:sticky;top:0}.products-table th{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.products-table tbody tr{border-bottom:1px solid #1f2937;cursor:pointer;transition:background-color .2s}.products-table tbody tr:hover{background:#4f46e51a}.products-table tbody tr.active{background:#4f46e526}.products-table td{color:#e5e7eb;padding:12px}.product-name{font-weight:500}.product-detail-panel{background:#141829;border:1px solid #1f2937;border-radius:8px;display:flex;flex-direction:column;overflow:auto;padding:20px}.features-list,.tech-stack{display:flex;flex-direction:column;gap:8px}.badge{background:#4f46e526;border-radius:4px;color:#a78bfa;display:inline-block;font-size:13px;padding:4px 10px;width:fit-content}.features-list{list-style:none;padding:0}.features-list li{color:#e5e7eb;font-size:14px;padding-left:16px;position:relative}.features-list li:before{color:#4f46e5;content:"✓";left:0;position:absolute}@media (max-width:1024px){.products-content{grid-template-columns:1fr}.product-detail-panel{border-radius:12px 12px 0 0;bottom:0;left:0;max-height:60vh;position:fixed;right:0;top:auto;z-index:1000}}.service-editor{display:flex;flex-direction:column;height:100%;overflow:hidden}.form-group input,.form-group textarea{background:#0f1419;border:1px solid #374151;border-radius:6px;color:#e5e7eb;font-family:inherit;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{background:#1a1f2e;border-color:#4f46e5;outline:none}.input-with-button{display:flex;gap:8px}.input-with-button input{flex:1 1}.input-with-button button{background:#4f46e51a;border:1px solid #4f46e54d;border-radius:6px;color:#a78bfa;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;transition:all .2s}.input-with-button button:hover{background:#4f46e533}.items-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.item{align-items:center;background:#4f46e51a;border-radius:4px;color:#a78bfa;display:flex;font-size:13px;justify-content:space-between;padding:8px}.item button{background:none;border:none;color:#a78bfa;cursor:pointer;transition:color .2s}.item button:hover{color:#c4b5fd}.services-container{flex:1 1;overflow-y:auto;padding:24px}.services-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.services-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.services-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 400px;height:calc(100vh - 200px)}.services-list{background:#141829;border:1px solid #1f2937;border-radius:8px;display:flex;flex-direction:column;overflow:auto}.services-table{border-collapse:collapse;font-size:14px;width:100%}.services-table thead{background:#0f1419;border-bottom:1px solid #1f2937;position:sticky;top:0}.services-table th{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.services-table tbody tr{border-bottom:1px solid #1f2937;cursor:pointer;transition:background-color .2s}.services-table tbody tr:hover{background:#4f46e51a}.services-table tbody tr.active{background:#4f46e526}.services-table td{color:#e5e7eb;padding:12px}.service-title{font-weight:500}.service-detail-panel{background:#141829;border:1px solid #1f2937;border-radius:8px;display:flex;flex-direction:column;overflow:auto;padding:20px}.included-list{display:flex;flex-direction:column;gap:6px;list-style:none;padding:0}.included-list li{color:#e5e7eb;font-size:14px;padding-left:16px;position:relative}.included-list li:before{color:#4f46e5;content:"→";left:0;position:absolute}@media (max-width:1024px){.services-content{grid-template-columns:1fr}.service-detail-panel{border-radius:12px 12px 0 0;bottom:0;left:0;max-height:60vh;position:fixed;right:0;top:auto;z-index:1000}}.case-study-editor{display:flex;flex-direction:column;height:100%;overflow:hidden}.editor-header{border-bottom:1px solid #1f2937;margin-bottom:20px;padding-bottom:15px}.editor-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.editor-body{flex:1 1;margin-bottom:20px;overflow-y:auto;padding-right:8px}.editor-body::-webkit-scrollbar{width:6px}.editor-body::-webkit-scrollbar-track{background:#0000}.editor-body::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.editor-body::-webkit-scrollbar-thumb:hover{background:#4b5563}.form-group{margin-bottom:16px}.form-group label{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#0f1419;border:1px solid #374151;border-radius:6px;color:#e5e7eb;font-family:inherit;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#1a1f2e;border-color:#4f46e5;outline:none}.form-group select option{background:#0a0e27;color:#e5e7eb}.editor-footer{border-top:1px solid #1f2937;display:flex;gap:8px;padding-top:15px}.btn-cancel,.btn-save{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-cancel{background:#4f46e51a;border:1px solid #4f46e54d;color:#a78bfa}.btn-cancel:hover{background:#4f46e533}.btn-save{background:#4f46e5;color:#fff}.btn-save:hover{background:#4338ca}.case-studies-container{flex:1 1;overflow-y:auto;padding:24px}.case-studies-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.case-studies-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.case-studies-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 400px;height:calc(100vh - 200px)}.case-studies-list{background:#141829;border:1px solid #1f2937;border-radius:8px;display:flex;flex-direction:column;overflow:auto}.case-studies-table{border-collapse:collapse;font-size:14px;width:100%}.case-studies-table thead{background:#0f1419;border-bottom:1px solid #1f2937;position:sticky;top:0}.case-studies-table th{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.case-studies-table tbody tr{border-bottom:1px solid #1f2937;cursor:pointer;transition:background-color .2s}.case-studies-table tbody tr:hover{background:#4f46e51a}.case-studies-table tbody tr.active{background:#4f46e526}.case-studies-table td{color:#e5e7eb;padding:12px}.study-title{font-weight:500}.status-badge{font-size:12px;padding:4px 8px}.status-active{background:#22c55e26;color:#86efac}.status-archived{background:#6b728026;color:#d1d5db}.status-draft{background:#d9770626;color:#fdba74}.text-muted{color:#9ca3af;font-size:13px}.empty-state,.loading{align-items:center;color:#9ca3af;display:flex;font-size:14px;height:100%;justify-content:center}.case-study-detail-panel{background:#141829;border:1px solid #1f2937;border-radius:8px;display:flex;flex-direction:column;overflow:auto;padding:20px}.detail-header{align-items:flex-start;border-bottom:1px solid #1f2937;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.detail-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.btn-close{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.btn-close:hover{color:#fff}.detail-content{flex:1 1;margin-bottom:20px;overflow-y:auto}.detail-field{margin-bottom:16px}.detail-field label{color:#9ca3af;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.detail-field p{color:#e5e7eb;font-size:14px;line-height:1.5;margin:0}.detail-actions{border-top:1px solid #1f2937;display:flex;gap:8px;padding-top:15px}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-secondary{background:#4f46e51a;border:1px solid #4f46e54d;color:#a78bfa}.btn-secondary:hover{background:#4f46e533}.btn-danger{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.btn-danger:hover{background:#ef444433}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;font-size:14px;margin-bottom:16px;padding:12px}@media (max-width:1024px){.case-studies-content{grid-template-columns:1fr}.case-study-detail-panel{border-radius:12px 12px 0 0;bottom:0;left:0;max-height:60vh;position:fixed;right:0;top:auto;z-index:1000}}.workflow-container{flex:1 1;overflow-y:auto;padding:24px}.workflow-header h1{color:#fff;font-size:28px;margin:0}.workflow-header p{color:#9ca3af;margin:8px 0 0}.workflow-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.workflow-stat-card{background:#141829;border:1px solid #1f2937;border-radius:8px;padding:14px}.workflow-stat-label{color:#9ca3af;font-size:12px;margin:0;text-transform:uppercase}.workflow-stat-value{color:#fff;font-size:28px;font-weight:700;margin:8px 0 4px}.workflow-stat-hint{color:#9ca3af;font-size:12px;margin:0}.workflow-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.workflow-tab{background:#101526;border:1px solid #2a2f4a;border-radius:8px;color:#cbd5e1;cursor:pointer;font-weight:600;padding:8px 14px}.workflow-tab.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.workflow-panel{background:#141829;border:1px solid #1f2937;border-radius:10px;margin-top:16px;min-height:460px;padding:16px}.workflow-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;margin-top:12px;padding:10px}.workflow-loading{color:#9ca3af}.workflow-table{border-collapse:collapse;width:100%}.workflow-table td,.workflow-table th{border-bottom:1px solid #1f2937;color:#e5e7eb;font-size:14px;padding:10px;text-align:left;vertical-align:top}.workflow-table th{color:#9ca3af;font-size:12px;text-transform:uppercase}.workflow-table select{background:#0f1419;border:1px solid #374151;border-radius:6px;color:#fff;padding:6px}.caps{text-transform:capitalize}.messages-panel{grid-gap:14px;display:grid;gap:14px;grid-template-columns:340px 1fr}.message-form,.message-log{background:#101526;border:1px solid #1f2937;border-radius:10px;padding:14px}.message-form h2,.message-log h2{color:#fff;font-size:16px;margin:0 0 10px}.message-form label{color:#cbd5e1;display:block;font-size:13px;margin-bottom:4px;margin-top:8px}.message-form input,.message-form textarea{background:#0f1419;border:1px solid #374151;border-radius:8px;color:#fff;padding:8px;width:100%}.message-form button{background:#4f46e5;border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:10px 12px}.message-log ul{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;max-height:420px;overflow-y:auto;padding:0}.message-log li{background:#0f1419;border:1px solid #1f2937;border-radius:8px;padding:10px}.message-head{color:#cbd5e1;font-size:12px;margin:0}.message-body{color:#e5e7eb;font-size:14px;margin:8px 0 0;white-space:pre-wrap}@media (max-width:960px){.messages-panel,.workflow-stats{grid-template-columns:1fr}}.analytics-layout{background-color:#0a0e27;display:flex;min-height:100vh}.analytics-main{display:flex;flex:1 1;flex-direction:column}.analytics-content{background-color:#0a0e27;flex:1 1;overflow-y:auto}.analytics-inner{margin:0 auto;max-width:1400px;padding:2rem}.analytics-inner h1{color:#fff;font-size:2rem;margin-bottom:.5rem}.subtitle{font-size:1rem;margin-bottom:2rem}.metrics-section{margin-bottom:3rem}.metrics-section h2{border-bottom:1px solid #2a2f4a;color:#e0e7ff;font-size:1.3rem;margin-bottom:1.5rem;padding-bottom:.75rem}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.metric-card{background-color:#141829;border:1px solid #2a2f4a;border-radius:8px;padding:1.5rem;transition:all .3s ease}.metric-card:hover{border-color:#4f46e5;box-shadow:0 0 20px #4f46e51a;transform:translateY(-2px)}.metric-card.highlight{background:linear-gradient(135deg,#1f1b2e,#16213e);border-color:#4f46e5}.metric-card.warning{background:linear-gradient(135deg,#2e1b1f,#3e2116);border-color:#f59e0b}.metric-label{color:#a0aec0;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.metric-value{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.metric-detail{color:#718096;font-size:.85rem;margin:0}.trends-section{background-color:#141829;border:1px solid #2a2f4a;border-radius:8px;margin-bottom:3rem;padding:2rem}.trends-section h2{border-bottom:1px solid #2a2f4a;color:#e0e7ff;font-size:1.3rem;margin-bottom:1.5rem;padding-bottom:.75rem}.trends-table{border-collapse:collapse;color:#cbd5e0;width:100%}.trends-table thead{background-color:#0f1117;border-bottom:2px solid #2a2f4a}.trends-table th{color:#e0e7ff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.trends-table tbody tr{border-bottom:1px solid #2a2f4a;transition:background-color .2s ease}.trends-table tbody tr:hover{background-color:#4f46e50d}.trends-table td{font-size:.95rem;padding:1rem}.trend-indicator{font-size:1.1rem;font-weight:600}.trend-indicator:contains("↑"){color:#10b981}.trend-indicator:contains("↓"){color:#ef4444}.actions-bar{border-top:1px solid #2a2f4a;display:flex;gap:1rem;margin-top:2rem;padding-top:2rem}.loading{color:#a0aec0;padding:3rem;text-align:center}@media (max-width:768px){.analytics-inner{padding:1rem}.analytics-inner h1{font-size:1.5rem}.metrics-grid{grid-template-columns:1fr}.trends-section{overflow-x:auto}.trends-table{min-width:500px}.actions-bar{flex-direction:column}.btn{width:100%}}.client-mgmt-layout{background-color:#0a0e27;display:flex;min-height:100vh}.client-mgmt-main{display:flex;flex:1 1;flex-direction:column}.client-mgmt-content{background-color:#0a0e27;flex:1 1;overflow-y:auto}.client-mgmt-inner{margin:0 auto;max-width:1400px;padding:2rem;width:100%}.page-header{flex-wrap:wrap;gap:1rem}.subtitle{color:#a0aec0;font-size:.95rem;margin:.5rem 0 0}.stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-item{background-color:#141829;border:1px solid #2a2f4a;border-radius:8px;padding:1.5rem;text-align:center}.stat-item.active{background:#10b9810d;border-color:#10b981}.stat-item.inactive{background:#ef44440d;border-color:#ef4444}.stat-label{color:#a0aec0;font-size:.85rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:#fff;font-size:2rem;font-weight:700;margin:0}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-input{background-color:#141829;color:#fff;min-width:250px}.search-input::placeholder{color:#718096}.search-input:focus{box-shadow:0 0 10px #4f46e533}.filter-buttons{display:flex;gap:.5rem}.filter-btn{background-color:#2a2f4a;border:1px solid #3a404d;border-radius:6px;color:#e0e7ff;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease}.filter-btn:hover{background-color:#4f46e51a;border-color:#4f46e5}.filter-btn.active{background-color:#4f46e5;border-color:#4f46e5;color:#fff}.clients-table-container{background-color:#141829;border:1px solid #2a2f4a;border-radius:8px;overflow:hidden}.clients-table{border-collapse:collapse;color:#cbd5e0;width:100%}.clients-table thead{background-color:#0f1117;border-bottom:2px solid #2a2f4a}.clients-table th{color:#e0e7ff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.clients-table tbody tr{border-bottom:1px solid #2a2f4a;transition:background-color .2s ease}.clients-table tbody tr:hover{background-color:#4f46e50d}.clients-table td{font-size:.95rem;padding:1rem}.client-name{color:#e0e7ff;font-weight:500}.status-badge{border-radius:20px;font-weight:600;text-transform:capitalize}.status-active{background-color:#dcfce7;color:#166534}.status-inactive{background-color:#fee2e2;color:#991b1b}.actions{display:flex;gap:.5rem}.action-btn{background:none;color:#a0aec0;font-size:1.1rem;padding:.25rem .5rem;transition:all .3s ease}.action-btn:hover{color:#fff}.action-btn.edit:hover{color:#4f46e5}.action-btn.delete:hover{color:#ef4444}.empty-state{color:#718096;padding:3rem}.modal-overlay{background-color:#000000b3}.modal{background-color:#141829;box-shadow:0 20px 60px #00000080;max-width:500px}.modal-header h2{color:#fff;font-size:1.3rem}.close-btn{transition:color .3s ease}.close-btn:hover{color:#fff}.form-group{margin-bottom:1.5rem}.form-group label{color:#e0e7ff;display:block;font-size:.95rem}.form-group input,.form-group select{background-color:#0f1117;border:1px solid #2a2f4a;color:#fff;width:100%}.form-group input::placeholder{color:#718096}.form-group input:focus,.form-group select:focus{box-shadow:0 0 10px #4f46e533}@media (max-width:768px){.client-mgmt-inner{padding:1rem}.page-header{flex-direction:column}.page-header h1{font-size:1.5rem}.stats-overview{grid-template-columns:1fr}.controls{flex-direction:column}.search-input{min-width:0;min-width:auto}.filter-buttons{justify-content:space-between;width:100%}.filter-btn{flex:1 1}.clients-table{font-size:.85rem}.clients-table td,.clients-table th{padding:.75rem .5rem}.modal{width:95%}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.settings-layout{background-color:#0a0e27;display:flex;min-height:100vh}.settings-main{display:flex;flex:1 1;flex-direction:column}.settings-content{background-color:#0a0e27;flex:1 1;overflow-y:auto}.settings-inner{margin:0 auto;max-width:1200px;padding:2rem;width:100%}.page-header h1{color:#fff}.page-header .subtitle{margin-top:.5rem}.settings-container{grid-gap:2rem;background-color:#141829;border:1px solid #2a2f4a;border-radius:8px;display:grid;gap:2rem;grid-template-columns:220px 1fr;margin-top:2rem;overflow:hidden}.settings-tabs{background-color:#0f1117;border-right:1px solid #2a2f4a;display:flex;flex-direction:column}.tab-btn{background:none;border:none;border-left:3px solid #0000;color:#a0aec0;cursor:pointer;font-size:.95rem;font-weight:500;padding:1.5rem;text-align:left;transition:all .3s ease}.tab-btn:hover{background-color:#4f46e51a;color:#e0e7ff}.tab-btn.active{background-color:#4f46e533;border-left-color:#4f46e5;color:#4f46e5}.settings-panel{padding:2rem}.tab-content h2{border-bottom:1px solid #2a2f4a;color:#e0e7ff;font-size:1.3rem;margin:0 0 1.5rem;padding-bottom:1rem}.settings-group{gap:1.5rem}.setting-item,.settings-group{display:flex;flex-direction:column}.setting-item label{color:#e0e7ff;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.setting-item input,.setting-item select,.setting-item textarea{background-color:#0f1117;border:1px solid #2a2f4a;border-radius:6px;color:#fff;font-family:inherit;font-size:.95rem;padding:.75rem}.setting-item input::placeholder,.setting-item textarea::placeholder{color:#718096}.setting-item input:focus,.setting-item select:focus,.setting-item textarea:focus{border-color:#4f46e5;box-shadow:0 0 10px #4f46e533;outline:none}.setting-item textarea{min-height:100px;resize:vertical}.setting-item.checkbox{align-items:center;flex-direction:row}.setting-item.checkbox label{align-items:center;cursor:pointer;display:flex;margin-bottom:0}.setting-item.checkbox input[type=checkbox]{cursor:pointer;margin-right:.75rem;width:auto}.integration-item{background-color:#0f1117;border:1px solid #2a2f4a;border-radius:6px;padding:1.5rem}.integration-item h3{color:#e0e7ff;font-size:1rem;margin:0 0 1rem}.integration-item input{margin-bottom:.5rem;width:100%}.integration-item>div{margin-bottom:1rem}.integration-item>div:last-child{margin-bottom:0}.integration-item label{color:#a0aec0;display:block;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:.35rem;text-transform:uppercase}.hint{color:#718096;font-size:.8rem;margin-bottom:0;margin-top:.35rem}.settings-footer{align-items:center;background-color:#141829;border:1px solid #2a2f4a;border-radius:8px;display:flex;justify-content:space-between;margin-top:2rem;padding:1.5rem}.unsaved-warning{align-items:center;color:#f59e0b;display:flex;font-weight:500;gap:.5rem;margin:0}.action-buttons{display:flex;gap:1rem}.btn-primary{background-color:#4f46e5}.btn-primary:hover{background-color:#4338ca;box-shadow:0 0 20px #4f46e54d}.btn-secondary{background-color:#2a2f4a;border:1px solid #3a404d;color:#e0e7ff}.btn-secondary:hover{background-color:#3a404d;border-color:#4f46e5}@media (max-width:768px){.settings-inner{padding:1rem}.settings-container{grid-template-columns:1fr}.settings-tabs{border-bottom:1px solid #2a2f4a;border-right:none;flex-direction:row;overflow-x:auto}.tab-btn{border-bottom:3px solid #0000;border-left:none;padding:1rem 1.5rem;white-space:nowrap}.tab-btn.active{border-bottom-color:#4f46e5;border-left:none}.settings-panel{padding:1.5rem}.settings-footer{align-items:stretch;flex-direction:column;gap:1rem}.unsaved-warning{margin-bottom:0}.action-buttons{width:100%}.action-buttons .btn{flex:1 1}}.project-mgmt-layout{background:linear-gradient(135deg,#0a0e27,#141829);display:flex;min-height:100vh}.project-mgmt-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.project-mgmt-content{background:linear-gradient(135deg,#0a0e27,#141829);flex:1 1;overflow-y:auto;padding:2rem 1rem}.project-mgmt-inner{margin:0 auto;max-width:1400px}.page-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.page-header h1{color:#e0e7ff;font-size:2rem;font-weight:600;margin:0}.page-header .subtitle{color:#a0aec0;font-size:.95rem;margin:.5rem 0 0}.page-header .btn{white-space:nowrap}.dashboard-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.dash-card{background:#141829;border:1px solid #2a2f4a;border-radius:8px;padding:1.5rem;transition:all .3s ease}.dash-card:hover{border-color:#4f46e5;transform:translateY(-2px)}.dash-card.active{background:linear-gradient(135deg,#4f46e51a,#0000);border-color:#4f46e5}.dash-card.budget{background:linear-gradient(135deg,#f59e0b0d,#0000);border-color:#f59e0b}.dash-label{color:#a0aec0;font-size:.85rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.dash-value{color:#e0e7ff;font-size:1.75rem;font-weight:600;margin:0}.controls-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-input{background:#141829;border:1px solid #2a2f4a;border-radius:6px;color:#e0e7ff;flex:1 1;font-size:.95rem;min-width:200px;padding:.75rem 1rem}.search-input::placeholder{color:#a0aec0}.search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.filter-select{background:#141829;border:1px solid #2a2f4a;border-radius:6px;color:#e0e7ff;cursor:pointer;font-size:.95rem;padding:.75rem 1rem}.filter-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.project-card{background:#141829;border:1px solid #2a2f4a;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.project-card:hover{border-color:#4f46e5;box-shadow:0 8px 16px #4f46e526;transform:translateY(-4px)}.card-header{align-items:flex-start;border-bottom:1px solid #2a2f4a;display:flex;justify-content:space-between;padding:1.5rem}.card-header h3{color:#e0e7ff;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.client-name{color:#a0aec0;font-size:.9rem;margin:0}.card-actions{display:flex;gap:.5rem}.action-btn{align-items:center;background:#2a2f4a;border:none;border-radius:4px;color:#cbd5e0;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn:hover{background:#3a3f5a}.action-btn.delete:hover{background:#ef4444;color:#fff}.action-btn.edit:hover{background:#4f46e5;color:#fff}.card-body{display:flex;flex:1 1;flex-direction:column;gap:1.25rem;padding:1.5rem}.status-row{display:flex;flex-wrap:wrap;gap:.75rem}.status-badge{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.35rem .75rem;text-transform:uppercase}.status-badge.status-planning{background:#3b82f633;color:#60a5fa}.status-badge.status-in-progress{background:#22c55e33;color:#4ade80}.status-badge.status-completed{background:#4f46e533;color:#a5b4fc}.status-badge.status-on-hold{background:#f59e0b33;color:#fcd34d}.priority{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.35rem .75rem;text-transform:uppercase}.priority-low{background:#3b82f633;color:#60a5fa}.priority-medium{background:#6b728033;color:#d1d5db}.priority-high{background:#f59e0b33;color:#fcd34d}.priority-critical{background:#ef444433;color:#fca5a5}.progress-section{gap:.5rem}.progress-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-header span{color:#cbd5e0;font-size:.9rem}.progress-value{color:#4f46e5;font-weight:600}.progress-bar{background:#2a2f4a;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4f46e5,#7c3aed);height:100%;transition:width .3s ease}.meta-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.meta-item label{color:#a0aec0;display:block;font-size:.8rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.meta-item p{color:#e0e7ff;font-size:.9rem;margin:0}.deliverables-section label,.team-section label{color:#a0aec0;display:block;font-size:.8rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.team-list{display:flex;flex-wrap:wrap;gap:.5rem}.team-member{background:#2a2f4a;border-radius:4px;color:#cbd5e0;font-size:.85rem;padding:.35rem .75rem}.deliverable-item{align-items:center;color:#cbd5e0;display:flex;font-size:.9rem;gap:.75rem;padding:.5rem 0}.deliverable-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.deliverable-item span.completed{color:#a0aec0;text-decoration:line-through}.card-footer{background:#4f46e505;border-top:1px solid #2a2f4a;padding:1.5rem}.progress-input{gap:.75rem}.progress-input label{color:#a0aec0;display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.progress-slider{-webkit-appearance:none;background:#2a2f4a;border-radius:3px;height:6px;outline:none;width:100%}.progress-slider::-webkit-slider-thumb{appearance:none;background:#4f46e5;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.progress-slider::-moz-range-thumb{background:#4f46e5;border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.progress-slider::-moz-range-thumb:hover{transform:scale(1.2)}.empty-state{color:#a0aec0;font-size:1rem;grid-column:1/-1;padding:3rem 1rem;text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#141829;border:1px solid #2a2f4a;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #2a2f4a;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#e0e7ff;font-size:1.25rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;color:#a0aec0;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-btn:hover{color:#e0e7ff}.modal-body{padding:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#cbd5e0;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{background:#2a2f4a;border:1px solid #3a3f5a;border-radius:6px;color:#e0e7ff;font-family:inherit;font-size:.95rem;padding:.75rem}.form-group input::placeholder{color:#a0aec0}.form-group input:focus,.form-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.modal-footer{border-top:1px solid #2a2f4a;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.btn{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e54d;transform:translateY(-2px)}.btn-secondary{background:#2a2f4a;color:#cbd5e0}.btn-secondary:hover{background:#3a3f5a}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.form-row{grid-template-columns:1fr}}@media (max-width:768px){.project-mgmt-content{padding:1rem .5rem}.page-header{flex-direction:column;gap:1rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.projects-grid{grid-template-columns:1fr}.controls-bar{flex-direction:column}.filter-select,.search-input{width:100%}.meta-info{grid-template-columns:1fr}}#root{height:100vh}.dashboard-layout{display:flex;height:100vh;max-width:100%;width:100%}@media (max-width:768px){.sidebar{position:fixed;z-index:100}.dashboard-main{width:100%}.dashboard-content{padding:1rem}}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}
/*# sourceMappingURL=main.b5e9c069.css.map*/