:root{--crm-bg: #f8fbff;--crm-bg-strong: #eff6ff;--crm-surface: rgba(255, 255, 255, .82);--crm-surface-solid: #ffffff;--crm-surface-muted: rgba(239, 246, 255, .78);--crm-surface-raised: rgba(255, 255, 255, .92);--crm-glass: rgba(255, 255, 255, .72);--crm-border: rgba(37, 99, 235, .14);--crm-border-strong: rgba(37, 99, 235, .26);--crm-text: #0f172a;--crm-muted: #475569;--crm-faint: #94a3b8;--crm-primary: #2563eb;--crm-primary-dark: #1d4ed8;--crm-primary-bright: #3b82f6;--crm-primary-sky: #0ea5e9;--crm-primary-soft: #eff6ff;--crm-primary-glow: rgba(59, 130, 246, .28);--crm-danger: #dc2626;--crm-success: #059669;--crm-warning: #d97706;--crm-shadow: 0 18px 45px rgba(15, 23, 42, .08);--crm-shadow-raised: 0 24px 70px rgba(37, 99, 235, .16);--crm-shadow-cool: 0 12px 36px rgba(14, 165, 233, .12);--crm-radius: 18px;--crm-radius-sm: 12px;--crm-radius-lg: 22px;--crm-blur: blur(18px) saturate(140%)}html{background:var(--crm-bg)}body{color:var(--crm-text);font-family:Aptos,Aptos Display,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 12% -10%,rgba(14,165,233,.22),transparent 32rem),radial-gradient(circle at 88% 0%,rgba(37,99,235,.2),transparent 30rem),linear-gradient(180deg,#fff,#f8fbff 34%,#eef6ff)}#root,.app,.dashboard-container,.companies-container,.company-database-container,.company-details-container,.company-form-container,.database-container,.opportunities-page-container,.opportunity-form-container,.admin-console-container,.reports-container,.presales-container{min-height:100vh;background:linear-gradient(180deg,#eff6ffad,#f8fbffeb 42%,#fff)!important;color:var(--crm-text)}.dashboard-main,.company-database-main,.company-details-main,.company-form-main,.opportunities-page-main,.opportunity-form-main,.reports-main,.admin-main{width:min(1440px,100%);margin:0 auto;padding:2rem}.database-content{padding:2rem}.dashboard-welcome,.database-header,.companies-header,.opportunities-page-header,.company-details-header,.reports-header,.admin-header{position:relative;overflow:hidden;border:1px solid rgba(37,99,235,.12)!important;border-radius:var(--crm-radius-lg)!important;background:linear-gradient(135deg,#ffffffe6,#eff6ffc7),radial-gradient(circle at 8% 10%,rgba(14,165,233,.18),transparent 18rem),radial-gradient(circle at 92% 12%,rgba(37,99,235,.16),transparent 18rem)!important;box-shadow:var(--crm-shadow)!important;backdrop-filter:var(--crm-blur);-webkit-backdrop-filter:var(--crm-blur)}.database-controls,.table-responsive,.database-table-container,.company-info-card,.transaction-history-section,.contacts-section,.opportunities-section,.audit-trail-section,.company-form,.opportunity-form,.opportunities-filters,.modal-content,.form-card,.data-card,.report-card,.summary-card,.approvals-card,.admin-card{border:1px solid var(--crm-border)!important;border-radius:var(--crm-radius)!important;background:var(--crm-surface)!important;box-shadow:var(--crm-shadow)!important;backdrop-filter:var(--crm-blur);-webkit-backdrop-filter:var(--crm-blur)}.database-controls,.opportunities-filters{padding:1rem!important}.dashboard-welcome h1,.database-header h1,.database-header h2,.companies-header h1,.company-database-main h1,.company-info-card h1,.opportunities-page-header h1,.company-form .section-title,.opportunity-form .section-title,.reports-header h1,.admin-header h1{color:var(--crm-text)!important;font-family:Aptos,Aptos Display,Segoe UI,Arial,sans-serif!important;font-weight:750!important;letter-spacing:0!important}.dashboard-welcome h1,.database-header h1,.company-database-main h1,.opportunities-page-header h1{font-size:clamp(1.7rem,2.4vw,2.45rem)!important}.dashboard-welcome p,.database-header p,.companies-header p,.opportunities-page-header p,.card-description,.summary-desc{color:var(--crm-muted)!important}button,.btn,.btn-add,.btn-back,.btn-submit,.btn-cancel,.btn-view,.btn-edit,.btn-cases,.btn-delete,.export-btn,.delete-btn,.company-link{border-radius:var(--crm-radius-sm)!important;letter-spacing:0!important;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}.btn,.btn-add,.btn-submit,.export-btn,.btn-primary{border:1px solid rgba(37,99,235,.1)!important;background:linear-gradient(135deg,var(--crm-primary),var(--crm-primary-bright) 58%,var(--crm-primary-sky))!important;color:#fff!important;box-shadow:0 12px 28px #2563eb3d!important}.btn:hover,.btn-add:hover,.btn-submit:hover,.export-btn:hover,.btn-primary:hover{border-color:#2563eb61!important;background:linear-gradient(135deg,var(--crm-primary-dark),var(--crm-primary),var(--crm-primary-sky))!important;box-shadow:0 16px 34px #2563eb4d!important;transform:translateY(-1px)!important}.btn-back,.btn-cancel,.btn-secondary{border:1px solid var(--crm-border)!important;background:#ffffffd1!important;color:var(--crm-text)!important;box-shadow:0 8px 24px #0f172a0f!important}.btn-back:hover,.btn-cancel:hover,.btn-secondary:hover{border-color:var(--crm-border-strong)!important;background:#fff!important;color:var(--crm-primary-dark)!important;transform:translateY(-1px)!important}.btn-delete,.delete-btn,.btn-danger{border:1px solid rgba(220,38,38,.12)!important;background:linear-gradient(135deg,#dc2626,#ef4444)!important;color:#fff!important}.btn-delete:hover,.delete-btn:hover,.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#dc2626)!important;transform:translateY(-1px)!important}.btn-view,.btn-edit,.btn-cases,.btn-edit-contact,.btn-expand,.btn-expand-transaction{display:inline-flex!important;align-items:center;justify-content:center;min-width:36px;min-height:36px;border:1px solid var(--crm-border)!important;background:#ffffffc7!important;color:var(--crm-primary-dark)!important;box-shadow:0 8px 22px #2563eb14!important}.btn-view:hover,.btn-edit:hover,.btn-cases:hover,.btn-edit-contact:hover,.btn-expand:hover,.btn-expand-transaction:hover{border-color:var(--crm-border-strong)!important;background:var(--crm-primary-soft)!important;transform:translateY(-1px)!important}input,textarea,select,.search-input,.form-input,.form-select,.form-textarea,.category-select{border:1px solid var(--crm-border)!important;border-radius:var(--crm-radius-sm)!important;background:#ffffffdb!important;color:var(--crm-text)!important;box-shadow:inset 0 1px #ffffffb8!important}input:focus,textarea:focus,select:focus,.search-input:focus,.form-input:focus,.form-select:focus,.form-textarea:focus,.category-select:focus{border-color:var(--crm-primary-bright)!important;box-shadow:0 0 0 4px #3b82f626!important;outline:none!important}.database-table,.company-table,.contacts-table,.items-table-compact{width:100%;border-collapse:separate!important;border-spacing:0;border:0!important;background:#ffffffbd;font-size:.86rem!important}.database-table thead,.company-table thead,.contacts-table thead,.items-table-compact thead{background:linear-gradient(180deg,#eff6fff5,#dbeafeb8)!important;color:#1e3a8a!important}.database-table th,.company-table th,.contacts-table th,.items-table-compact th{padding:.8rem .9rem!important;border-bottom:1px solid var(--crm-border)!important;color:#1e40af!important;font-size:.73rem!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase}.database-table td,.company-table td,.contacts-table td,.items-table-compact td{padding:.82rem .9rem!important;border-bottom:1px solid rgba(37,99,235,.08)!important;color:#1e293b!important}.database-table tbody tr,.company-table tbody tr,.contacts-table tbody tr{transition:background-color .18s ease,transform .18s ease}.database-table tbody tr:hover,.company-table tbody tr:hover,.contacts-table tbody tr:hover{background:#eff6ffb8!important}.badge,.tier-badge,.contact-count,.status-badge,.read-only-badge{border-radius:999px!important;font-size:.74rem!important;font-weight:750!important}.badge,.badge-default,.badge-general{border:1px solid rgba(37,99,235,.18)!important;background:#eff6ff!important;color:#1d4ed8!important}.badge-energy,.tier-strategic-partner,.tier-regular-client,.tier-occasional-buyer,.status-won{border:1px solid rgba(5,150,105,.18)!important;background:#ecfdf5!important;color:#047857!important}.badge-aerospace{border:1px solid rgba(14,165,233,.2)!important;background:#e0f2fe!important;color:#0369a1!important}.status-lost{border:1px solid rgba(220,38,38,.18)!important;background:#fef2f2!important;color:#b91c1c!important}.company-id,.salesforce-id{color:var(--crm-primary)!important;font-weight:750!important}.loading-container{background:var(--crm-bg)!important;color:var(--crm-muted)!important}.loading-spinner{border-color:#dbeafe!important;border-top-color:var(--crm-primary)!important}.loading-container p{color:var(--crm-muted)!important}@media(max-width:768px){.dashboard-main,.company-database-main,.company-details-main,.company-form-main,.opportunities-page-main,.opportunity-form-main,.database-content{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;font-family:Aptos,Aptos Display,Segoe UI,Arial,sans-serif;background:var(--crm-bg);color:var(--crm-text)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--crm-bg);gap:20px}.loading-spinner{width:40px;height:40px;border:4px solid #dbeafe;border-top:4px solid var(--crm-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:var(--crm-muted);font-size:16px;font-weight:500}.error-toast{position:fixed;top:20px;right:20px;background:#0f172a;color:#fff;padding:15px 20px;border-radius:999px;box-shadow:var(--crm-shadow-raised);z-index:1000;animation:slideIn .3s ease}.error-toast p{margin:0;font-weight:500}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:12px 24px;border:none;border-radius:var(--crm-radius-sm);font-size:16px;font-weight:500;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--crm-primary),var(--crm-primary-bright));color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--crm-primary-dark),var(--crm-primary));transform:translateY(-1px)}.btn-secondary{background:#ffffffd6;color:var(--crm-text);border:1px solid var(--crm-border)}.btn-secondary:hover{background:var(--crm-surface-muted);border-color:var(--crm-border-strong)}.form-readonly{pointer-events:none;opacity:.6;background:#f9f9f9}.form-readonly input,.form-readonly textarea,.form-readonly select{background:#f9f9f9;cursor:not-allowed}@media(max-width:768px){.container{padding:0 15px}.error-toast{right:15px;left:15px}}.login-container{min-height:100vh;background:radial-gradient(circle at 14% 12%,rgba(14,165,233,.22),transparent 28rem),radial-gradient(circle at 86% 8%,rgba(37,99,235,.22),transparent 30rem),linear-gradient(180deg,#fff,#eff6ff);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Aptos,Aptos Display,Segoe UI,Arial,sans-serif}.login-card{background:#ffffffd1;border-radius:var(--crm-radius-lg);box-shadow:var(--crm-shadow-raised);padding:60px 50px;width:100%;max-width:550px;text-align:center;border:1px solid var(--crm-border);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%)}.logo-container{margin-bottom:40px}.company-logo{max-width:250px;height:auto;border-radius:14px}.login-content{margin-bottom:40px}.login-title{font-size:30px;font-weight:780;color:var(--crm-text);margin-bottom:15px;letter-spacing:0}.login-subtitle{font-size:15px;color:var(--crm-muted);margin-bottom:40px;font-weight:450;line-height:1.5}.google-signin-btn{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;padding:18px 25px;background:linear-gradient(180deg,#fff,#eff6ff);border:1px solid var(--crm-border);border-radius:var(--crm-radius-sm);font-size:15px;font-weight:700;color:var(--crm-text);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;box-shadow:0 12px 28px #2563eb1a}.google-signin-btn:hover{border-color:var(--crm-border-strong);box-shadow:0 16px 36px #2563eb29;transform:translateY(-2px)}.google-signin-btn:active{transform:translateY(0)}.google-icon{width:24px;height:24px}.login-footer{border-top:1px solid rgba(37,99,235,.1);padding-top:25px;margin-top:30px}.security-notice{font-size:12px;color:var(--crm-muted);margin:0;font-weight:500;line-height:1.4}@media(max-width:768px){.login-card{max-width:480px;padding:50px 40px}.login-title{font-size:28px}.login-subtitle{font-size:16px}.google-signin-btn{font-size:16px;padding:16px 22px}}@media(max-width:480px){.login-container{padding:15px}.login-card{padding:40px 28px;max-width:400px}.company-logo{max-width:180px}.login-title{font-size:26px}.login-subtitle{font-size:15px}.google-signin-btn{font-size:15px;padding:15px 18px}.google-icon{width:20px;height:20px}.security-notice{font-size:13px}}.dashboard-card{background:linear-gradient(180deg,#fffffff0,#eff6ffbd);border:1px solid var(--crm-border);border-radius:var(--crm-radius);padding:1.2rem;box-shadow:var(--crm-shadow);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;position:relative;overflow:hidden;min-height:188px;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:var(--crm-blur);-webkit-backdrop-filter:var(--crm-blur)}.dashboard-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--crm-primary),var(--crm-primary-sky))}.dashboard-card:after{content:"";position:absolute;right:-40px;top:-48px;width:120px;height:120px;border-radius:50%;background:#3b82f61f;pointer-events:none}.dashboard-card:hover{transform:translateY(-4px);border-color:var(--crm-border-strong);box-shadow:var(--crm-shadow-raised)}.dashboard-card:focus{outline:3px solid rgba(59,130,246,.24);outline-offset:3px}.dashboard-card.blue:before,.dashboard-card.light-blue:before{background:linear-gradient(90deg,#2563eb,#0ea5e9)}.dashboard-card.green:before,.dashboard-card.teal:before{background:linear-gradient(90deg,#059669,#0ea5e9)}.dashboard-card.purple:before,.dashboard-card.indigo:before{background:linear-gradient(90deg,#2563eb,#3b82f6)}.dashboard-card.orange:before,.dashboard-card.yellow:before{background:linear-gradient(90deg,#f59e0b,#0ea5e9)}.dashboard-card.red:before{background:linear-gradient(90deg,#dc2626,#3b82f6)}.dashboard-card.brown:before{background:linear-gradient(90deg,#0f172a,#2563eb)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:.75rem;position:relative;z-index:1}.card-icon{width:42px;height:42px;margin-top:2px;border-radius:14px;background:linear-gradient(135deg,#dbeafe,#e0f2fe);color:var(--crm-primary-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.15rem;box-shadow:inset 0 1px #ffffffb3}.dashboard-card.green .card-icon,.dashboard-card.teal .card-icon{background:linear-gradient(135deg,#dcfce7,#e0f2fe)}.dashboard-card.purple .card-icon,.dashboard-card.indigo .card-icon,.dashboard-card.orange .card-icon,.dashboard-card.yellow .card-icon,.dashboard-card.red .card-icon,.dashboard-card.brown .card-icon{background:linear-gradient(135deg,#dbeafe,#eff6ff)}.read-only-badge{background:#eff6ff;color:var(--crm-primary-dark);padding:3px 9px;border-radius:999px;font-size:.6875rem;font-weight:700;border:1px solid rgba(37,99,235,.18);white-space:nowrap}.card-content{flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.card-title{font-size:.92rem;font-weight:760;color:var(--crm-text);margin:0 0 .3rem}.card-description{font-size:.76rem;color:var(--crm-muted);margin:0 0 .625rem;line-height:1.45}.card-count{display:flex;align-items:baseline;gap:.5rem;margin-top:auto}.count-number{font-size:1.35rem;font-weight:780;color:var(--crm-primary)}.count-label{font-size:.75rem;color:var(--crm-faint);font-weight:650}.card-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(37,99,235,.1);position:relative;z-index:1}.card-arrow{font-size:.95rem;color:var(--crm-primary-bright);font-weight:800;transition:color .18s ease,transform .18s ease}.dashboard-card:hover .card-arrow{color:var(--crm-primary-dark);transform:translate(2px)}.dashboard-card:active{transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.dashboard-card,.card-arrow{transition:none}.dashboard-card:hover,.dashboard-card:active{transform:none}}@media(max-width:768px){.dashboard-card{padding:1.1rem;min-height:172px}}@media(max-width:480px){.dashboard-card{padding:1rem;min-height:156px}}.app-header{background:#ffffffbd;border-bottom:1px solid rgba(37,99,235,.14);padding:.85rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 12px 32px #2563eb14;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.header-left,.logo{display:flex;align-items:center}.logo-image{height:auto;width:150px;object-fit:contain;cursor:pointer}.header-center{flex:1;display:flex;justify-content:center;align-items:center}.app-title{font-size:1rem;font-weight:760;color:var(--crm-text);margin:0;text-align:center}.header-right{display:flex;align-items:center}.user-info{display:flex;align-items:center;gap:1rem}.welcome-text{font-size:.875rem;color:var(--crm-muted);font-weight:600;white-space:nowrap}.logout-button{background:linear-gradient(135deg,var(--crm-primary),var(--crm-primary-bright));color:#fff;border:1px solid rgba(37,99,235,.14);padding:.58rem 1.05rem;border-radius:999px;font-size:.8125rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;box-shadow:0 10px 24px #2563eb38}.logout-button:hover{box-shadow:0 14px 30px #2563eb4d;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.logout-button:focus{outline:3px solid rgba(59,130,246,.24);outline-offset:2px}@media(max-width:768px){.app-header{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.header-center{order:3;flex-basis:100%;margin-top:.35rem}.app-title{font-size:1.05rem}.welcome-text{font-size:.84rem}.logout-button{padding:.55rem 1rem;font-size:.8rem}.logo-image{width:132px}}@media(max-width:480px){.app-header{padding:.55rem .75rem}.app-title{font-size:1rem}.welcome-text{display:none}.logout-button{padding:.5rem .9rem;font-size:.78rem}.logo-image{width:118px}.user-info{gap:.5rem}}@media(prefers-contrast:high){.app-header{background:#fff;border-bottom:2px solid black}.app-title,.welcome-text{color:#000}.logout-button{background:#000;color:#fff;border:2px solid black}}@media(prefers-reduced-motion:reduce){.logout-button{transition:none}.logout-button:hover,.logout-button:active{transform:none}}.notification-bell-container{position:relative}.notification-bell-button{background:none;border:none;font-size:24px;cursor:pointer;position:relative;padding:8px;transition:transform .2s}.notification-bell-button:hover{transform:scale(1.1)}.notification-badge{position:absolute;top:4px;right:4px;background:#f44;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.notification-dropdown{position:absolute;top:50px;right:0;width:380px;max-height:500px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden}.notification-header{padding:16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.notification-header h3{margin:0;font-size:18px}.unread-count{background:#f44;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s;display:flex;justify-content:space-between;align-items:flex-start}.notification-item:hover{background:#f5f5f5}.notification-item.unread{background:#f0f8ff}.notification-content{flex:1}.notification-content h4{margin:0 0 4px;font-size:14px;font-weight:600}.notification-content p{margin:0 0 8px;font-size:13px;color:#666}.notification-time{font-size:11px;color:#999}.unread-dot{width:8px;height:8px;background:#2196f3;border-radius:50%;margin-top:8px;flex-shrink:0}.no-notifications{padding:40px 16px;text-align:center;color:#999}.toast{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;transition:all .3s ease-in-out;font-family:inherit}.toast-visible{opacity:1;transform:translate(0)}.toast-hidden{opacity:0;transform:translate(100%)}.toast-content{display:flex;align-items:center;padding:12px 16px;gap:12px;background:#fff;border-radius:8px;border-left:4px solid}.toast-success .toast-content{border-left-color:#10b981;background:linear-gradient(90deg,#ecfdf5,#fff)}.toast-error .toast-content{border-left-color:#ef4444;background:linear-gradient(90deg,#fef2f2,#fff)}.toast-warning .toast-content{border-left-color:#f59e0b;background:linear-gradient(90deg,#fffbeb,#fff)}.toast-info .toast-content{border-left-color:#3b82f6;background:linear-gradient(90deg,#eff6ff,#fff)}.toast-icon{font-size:18px;flex-shrink:0}.toast-message{flex:1;font-size:14px;font-weight:500;color:#374151;line-height:1.4}.toast-close{background:none;border:none;font-size:18px;color:#9ca3af;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background-color:#f3f4f6;color:#374151}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:500px}@media(max-width:768px){.toast{left:20px;right:20px;min-width:unset;max-width:unset}.toast-container{left:20px;right:20px;max-width:unset}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.confirm-modal-overlay{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeInModal .2s ease-out}.confirm-modal-content{background:#fff;width:100%;max-width:400px;border-radius:24px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;text-align:center;animation:scaleInModal .3s cubic-bezier(.16,1,.3,1)}.confirm-modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem}.icon-danger{background:#fee2e2;color:#ef4444}.icon-question{background:#eff6ff;color:#3b82f6}.confirm-modal-body h2{color:#0f172a;font-size:1.5rem;font-weight:800;margin-bottom:.75rem}.confirm-modal-body p{color:#64748b;line-height:1.6;margin-bottom:2rem}.confirm-modal-footer{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.confirm-btn-cancel,.confirm-btn-action{padding:.75rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s;font-size:.95rem}.confirm-btn-cancel{background:#fff;border:2px solid #f1f5f9;color:#475569}.confirm-btn-cancel:hover{background:#f8fafc;border-color:#e2e8f0}.confirm-btn-action.btn-danger{background:#ef4444;color:#fff;border:none;box-shadow:0 4px 6px -1px #ef444433}.confirm-btn-action.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.confirm-btn-action.btn-question{background:#3b82f6;color:#fff;border:none;box-shadow:0 4px 6px -1px #3b82f633}.confirm-btn-action.btn-question:hover{background:#2563eb;transform:translateY(-1px)}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes scaleInModal{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.completeness-notifier{margin:1.5rem 0;padding:1.5rem;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0000001a}.completeness-notifier.loading{background:#f8f9fa;text-align:center;padding:2rem}.completeness-notifier.success{background:#d4edda;border:1px solid #c3e6cb}.completeness-notifier.warning{background:#fff3cd;border:1px solid #ffeaa7}.notifier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.notifier-icon{font-size:2.25rem;line-height:1}.header-info h3{margin:0;color:#856404;font-size:1.25rem;font-weight:700}.header-info .subtitle{margin:0;color:#666;font-size:.95rem;font-weight:500}.header-actions{display:flex;gap:.75rem;align-items:center}.btn-notify{background:#ff6b6b;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}.btn-notify:hover:not(:disabled){background:#ee5a52}.btn-notify:disabled{background:#ccc;cursor:not-allowed}.last-notification-info{background:#0000000d;padding:.5rem 1rem;border-radius:4px;font-size:.85rem;color:#666;margin-bottom:1rem}.notifier-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.1)}.department-summary{margin-bottom:1.5rem}.department-summary h4{margin:0 0 1rem;color:#333}.dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.dept-card{background:#fff;border:1px solid #ddd;border-radius:6px;padding:1rem;text-align:center}.dept-name{font-weight:600;color:#333;margin-bottom:.5rem}.dept-count{color:#ff6b6b;font-size:1.25rem;font-weight:700}.incomplete-orders-table{margin-top:1.5rem}.incomplete-orders-table h4{margin:0 0 1rem;color:#333}.incomplete-orders-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:4px;overflow:hidden}.incomplete-orders-table th{background:#495057;color:#fff;padding:.75rem;text-align:left;font-weight:600;font-size:.9rem}.incomplete-orders-table td{padding:.75rem;border-bottom:1px solid #dee2e6}.incomplete-orders-table tr:last-child td{border-bottom:none}.incomplete-orders-table tr.critical{background:#ffe6e6}.salesforce-id{font-weight:600;color:#007bff}.completeness-bar{position:relative;width:100%;height:24px;background:#e9ecef;border-radius:12px;overflow:hidden}.completeness-fill{height:100%;background:linear-gradient(to right,#ff6b6b,#4ecdc4);transition:width .3s ease}.completeness-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:#333}.missing-depts{display:flex;flex-wrap:wrap;gap:.25rem}.dept-badge{display:inline-block;background:#ff6b6b;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.completeness-notifier.success .notifier-icon{font-size:2.5rem}.completeness-notifier.success h3{color:#155724}.completeness-notifier.success p{margin:.5rem 0 0;color:#155724}.dashboard-container{min-height:100vh;background:var(--crm-bg);font-family:Aptos,Aptos Display,Segoe UI,Arial,sans-serif}.dashboard-main{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-welcome{padding:2rem;margin-bottom:1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.dashboard-kicker{display:block;color:var(--crm-primary-dark);font-size:.72rem;font-weight:800;letter-spacing:.08em;margin-bottom:.5rem;text-transform:uppercase}.dashboard-welcome h1{font-size:clamp(1.9rem,3vw,2.7rem);font-weight:760;color:var(--crm-text);margin:0 0 .45rem;text-align:left}.dashboard-welcome p{font-size:.98rem;color:var(--crm-muted);margin:0;text-align:left}.dashboard-switcher{display:inline-grid;grid-template-columns:repeat(2,minmax(72px,1fr));gap:4px;padding:5px;background:#ffffffd1;border:1px solid var(--crm-border);border-radius:var(--crm-radius-sm);box-shadow:0 10px 28px #2563eb1a}.dashboard-switcher button{min-height:38px;border:0;border-radius:10px;background:transparent;color:var(--crm-muted);cursor:pointer;font-weight:780;padding:0 1rem}.dashboard-switcher button.active{background:linear-gradient(135deg,var(--crm-primary),var(--crm-primary-sky));color:#fff;box-shadow:0 8px 20px #2563eb38}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-bottom:2rem}.dashboard-workspace{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:1.25rem;align-items:start}.dashboard-card-rail{display:grid;grid-template-columns:1fr;gap:14px}.dashboard-card-rail .dashboard-card{min-height:150px}.dashboard-report-panel{min-height:640px;padding:1.35rem;border:1px solid var(--crm-border);border-radius:var(--crm-radius-lg);background:linear-gradient(180deg,#ffffffeb,#eff6ffbd);box-shadow:var(--crm-shadow);backdrop-filter:var(--crm-blur);-webkit-backdrop-filter:var(--crm-blur)}.report-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.report-panel-header h2{margin:0;color:var(--crm-text);font-size:clamp(1.35rem,2.2vw,2rem);font-weight:780}.report-panel-header strong{color:var(--crm-primary-dark);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;line-height:1}.progress-meter{height:14px;overflow:hidden;border-radius:999px;background:#dbeafee6;border:1px solid rgba(37,99,235,.12);margin-bottom:1.25rem}.progress-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#059669,#0ea5e9,#2563eb)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem}.metric-tile{min-height:112px;padding:1rem;border:1px solid var(--crm-border);border-radius:var(--crm-radius-sm);background:#ffffffd1;box-shadow:0 10px 28px #0f172a0f;display:flex;flex-direction:column;justify-content:space-between}.metric-tile span{color:var(--crm-muted);font-size:.78rem;font-weight:720}.metric-tile strong{color:var(--crm-primary-dark);font-size:clamp(1.35rem,2.2vw,2rem);font-weight:800}.metric-tile.success strong{color:var(--crm-success)}.metric-tile.danger strong{color:var(--crm-danger)}.pipeline-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-top:1rem}.pipeline-step{position:relative;min-height:160px;padding:1rem;border:1px solid rgba(37,99,235,.14);border-radius:var(--crm-radius-sm);background:linear-gradient(180deg,#ffffffe6,#eff6ffc7);display:flex;flex-direction:column;justify-content:end;overflow:hidden}.pipeline-step:before{content:"";position:absolute;inset:auto 1rem 3.85rem;height:42%;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#0ea5e961,#2563eb2e)}.pipeline-step span,.pipeline-step strong{position:relative;z-index:1}.pipeline-step span{color:var(--crm-muted);font-size:.78rem;font-weight:740}.pipeline-step strong{color:var(--crm-text);font-size:1.65rem;font-weight:820}.trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.trend-card{min-height:250px;padding:1rem;border:1px solid var(--crm-border);border-radius:var(--crm-radius-sm);background:#ffffffd1;box-shadow:0 10px 28px #0f172a0f}.trend-card h3{margin:0 0 1rem;color:var(--crm-text);font-size:.95rem;font-weight:780}.trend-bars{display:grid;grid-template-columns:repeat(6,minmax(28px,1fr));align-items:end;gap:.65rem;height:180px}.trend-bar{height:100%;display:grid;grid-template-rows:1fr auto;align-items:end;gap:.45rem;min-width:0}.trend-bar-fill{width:100%;min-height:8px;border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,var(--crm-primary-sky),var(--crm-primary))}.trend-bar small{color:var(--crm-muted);font-size:.7rem;font-weight:700;text-align:center}.empty-trend{grid-column:1 / -1;align-self:center;color:var(--crm-muted);font-size:.9rem;font-weight:650;text-align:center}.shipment-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.shipment-row{min-height:62px;padding:.85rem 1rem;border:1px solid var(--crm-border);border-radius:var(--crm-radius-sm);background:#ffffffc7;display:flex;align-items:center;justify-content:space-between;gap:1rem}.shipment-row span{color:var(--crm-muted);font-size:.78rem;font-weight:720}.shipment-row strong{color:var(--crm-primary-dark);font-size:1.15rem;font-weight:800}.status-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;margin:0 0 1.25rem}.status-stage{min-height:132px;padding:1rem;border:1px solid var(--crm-border);border-radius:var(--crm-radius-sm);background:#ffffffd1;box-shadow:0 10px 28px #0f172a0f;display:flex;flex-direction:column;justify-content:space-between}.status-stage span{color:var(--crm-muted);font-size:.78rem;font-weight:760}.status-stage strong{color:var(--crm-primary-dark);font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:820}.status-stage small{color:var(--crm-faint);font-size:.72rem;font-weight:650}.status-stage.success strong{color:var(--crm-success)}.status-stage.warning strong{color:var(--crm-warning)}.admin-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.ranking-card,.admin-locked-panel{min-height:220px;padding:1rem;border:1px solid var(--crm-border);border-radius:var(--crm-radius-sm);background:#ffffffd1;box-shadow:0 10px 28px #0f172a0f}.ranking-card h3,.admin-locked-panel h3{margin:0 0 .85rem;color:var(--crm-text);font-size:.95rem;font-weight:780}.ranking-list{display:grid;gap:.55rem}.ranking-row{min-height:42px;padding:.58rem .7rem;border:1px solid rgba(37,99,235,.1);border-radius:10px;background:#eff6ff94;display:flex;align-items:center;justify-content:space-between;gap:1rem}.ranking-row span{min-width:0;color:var(--crm-muted);font-size:.8rem;font-weight:720;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-row strong{color:var(--crm-primary-dark);font-size:.8rem;font-weight:800;white-space:nowrap}.admin-locked-panel{grid-column:1 / -1}.admin-locked-panel p{margin:0;color:var(--crm-muted);line-height:1.55}.dashboard-stats{background:var(--crm-surface);border-radius:var(--crm-radius-lg);padding:1.35rem;box-shadow:var(--crm-shadow);border:1px solid var(--crm-border);backdrop-filter:var(--crm-blur);-webkit-backdrop-filter:var(--crm-blur)}.stat-card h3{font-size:1.35rem;font-weight:740;color:var(--crm-text);margin:0 0 1.25rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.1rem;background:linear-gradient(180deg,#ffffffe6,#eff6ffcc);border-radius:var(--crm-radius);border:1px solid var(--crm-border);box-shadow:0 10px 28px #2563eb14}.stat-label{font-size:.88rem;color:var(--crm-muted);margin-bottom:.5rem;font-weight:600}.stat-value{font-size:2rem;font-weight:760;color:var(--crm-primary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--crm-muted)}.loading-spinner{width:50px;height:50px;border:4px solid #dbeafe;border-top:4px solid var(--crm-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{font-size:1.05rem;margin:0}.btn-admin{background:linear-gradient(135deg,var(--crm-text),#1e40af);color:#fff;border:1px solid rgba(37,99,235,.18);padding:.75rem 1.35rem;border-radius:var(--crm-radius-sm);cursor:pointer;font-weight:650;display:flex;align-items:center;gap:.5rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 12px 28px #0f172a2e}.btn-admin:hover{border-color:#3b82f66b;box-shadow:0 16px 34px #2563eb38;transform:translateY(-1px)}@media(max-width:768px){.dashboard-main{padding:1rem}.dashboard-welcome{padding:1.35rem;margin-bottom:1.25rem;align-items:stretch;flex-direction:column}.dashboard-workspace,.dashboard-grid,.metric-grid,.pipeline-breakdown,.status-board,.admin-insights,.stat-grid,.trend-grid{grid-template-columns:1fr;gap:1rem}.dashboard-card-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-report-panel{min-height:0}.stat-item{padding:.9rem}.stat-value{font-size:1.55rem}}@media(max-width:540px){.dashboard-card-rail,.shipment-list{grid-template-columns:1fr}.dashboard-switcher{width:100%}}.stale-records-notifier{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:2rem;border-left:4px solid #f59e0b}.notifier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-left{display:flex;align-items:center;gap:1.25rem}.notifier-icon{font-size:2rem;line-height:1}.header-info{display:flex;flex-direction:column;gap:.25rem}.header-info h3{margin:0;color:#1e293b;font-size:1.25rem;font-weight:700}.notifier-stats{display:flex;align-items:center;gap:.75rem}.stale-count{padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.stale-count.has-stale{background-color:#fef3c7;color:#92400e}.stale-count.no-stale{background-color:#d1fae5;color:#065f46}.stale-cases-summary{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.stale-cases-summary h4{margin:0 0 .75rem;color:#92400e;font-size:1rem;font-weight:600}.stale-cases-list{display:flex;flex-direction:column;gap:.5rem}.stale-case-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#fff;border-radius:.375rem;border:1px solid #fbbf24}.salesforce-id{font-weight:600;color:#1e293b;min-width:100px}.customer-name{flex:1;color:#4b5563;margin:0 1rem}.days-stale{font-weight:500;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem}.days-stale.warning{background-color:#fef3c7;color:#92400e}.days-stale.critical{background-color:#fee2e2;color:#991b1b}.more-cases{text-align:center;color:#6b7280;font-style:italic;padding:.5rem}.notifier-controls{border-top:1px solid #e5e7eb;padding-top:1rem}.control-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.control-row:last-child{margin-bottom:0}.auto-check-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563;cursor:pointer}.auto-check-toggle input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn-secondary:hover:not(:disabled){background-color:#4b5563;transform:translateY(-1px)}.btn-primary:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.check-btn,.notify-btn{min-width:150px}.last-notification-info{margin-top:.5rem;padding:.5rem;background-color:#f8fafc;border-radius:.375rem;border:1px solid #e2e8f0}.last-notification-info small{color:#64748b;font-size:.8rem}.cooldown-notice{color:#f59e0b;font-weight:500}.unauthorized-notice{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;padding:1rem;margin-top:1rem}.unauthorized-notice p{margin:0;color:#92400e;font-size:.875rem}.notification-message{padding:.75rem 1rem;border-radius:.5rem;margin-top:1rem;display:flex;justify-content:space-between;align-items:flex-start;font-size:.875rem}.notification-message.success{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.notification-message.warning{background-color:#fef3c7;color:#92400e;border:1px solid #f59e0b}.notification-message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.close-message{background:none;border:none;font-size:1.25rem;font-weight:700;cursor:pointer;padding:0;margin-left:1rem;opacity:.7;transition:opacity .2s}.close-message:hover{opacity:1}.btn-toggle{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}.btn-toggle:hover{background:#5a6268}.notify-salesperson-btn{background-color:#f59e0b;color:#fff;border:none;padding:.75rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .2s;font-size:.875rem}.notify-salesperson-btn:hover:not(:disabled){background-color:#d97706;transform:translateY(-1px)}.notify-salesperson-btn:disabled{opacity:.6;cursor:not-allowed;background-color:#9ca3af!important;transform:none!important}@media(max-width:768px){.stale-records-notifier{padding:1rem}.notifier-header{flex-direction:column;align-items:flex-start;gap:.5rem}.control-row{flex-direction:column;align-items:stretch;gap:.5rem}.btn{width:100%}.stale-case-item{flex-direction:column;align-items:stretch;gap:.25rem}.customer-name{margin:0}}.sales-form-container{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:20px;display:flex;justify-content:center;align-items:flex-start}.sales-form-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:40px;width:100%;max-width:1200px;margin-top:20px}.form-title{font-size:28px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:30px;border-bottom:3px solid #3498db;padding-bottom:15px}.sales-form{display:flex;flex-direction:column;gap:20px}.form-label{font-size:14px;font-weight:600;color:#34495e;margin-bottom:15px;display:flex;align-items:center}.form-input,.form-select,.form-textarea{padding:12px 16px;margin-bottom:15px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;font-family:inherit;transition:all .3s ease;background-color:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;transform:translateY(-1px)}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;appearance:none}.add-principal-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#34d399,#059669);color:#fff;font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #05966940;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;top:-1px}.add-principal-btn:hover{transform:translateY(-2px) rotate(90deg);box-shadow:0 4px 12px #05966966;background:linear-gradient(135deg,#10b981,#047857)}.add-principal-btn:active{transform:translateY(0) scale(.95)}.principals-list{display:flex;flex-direction:column;gap:12px;margin-top:0;animation:fadeIn .4s ease-out}.principal-input-group{display:flex;align-items:center;gap:12px;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.principal-input-group .searchable-dropdown{flex:1}.principal-input-group .form-input{margin-bottom:0!important;flex:1;border:1.5px solid #e2e8f0}.remove-principal-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:10px;background:#ef444414;color:#ef4444;font-size:22px;cursor:pointer;transition:all .25s ease;flex-shrink:0}.remove-principal-btn:hover{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef44444d;transform:scale(1.05)}.remove-principal-btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 15px #3498db4d}.btn-primary:hover{background:linear-gradient(135deg,#2980b9,#1e6091);box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.attachment-list{margin-top:10px;padding:10px;background-color:#f8f9fa;border-radius:4px}.attachment-item{padding:5px 0;font-size:.9rem;color:#34495e}.items-table-section{margin-top:2rem;border-top:1px solid #e5e5e5;padding-top:2rem}.items-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.items-table-title{margin:0;color:#333}.btn-add-item{background-color:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.btn-add-item:hover{background-color:#218838}.items-table-container{overflow-x:auto;margin-bottom:1rem}.items-table{width:100%;border-collapse:collapse;border:1px solid #ddd}.items-table th,.items-table td{border:1px solid #ddd;padding:.5rem;text-align:left}.items-table th{background-color:#f8f9fa;font-weight:600}.table-input{width:100%;border:none;background:transparent;padding:.25rem;font-size:.9rem}.table-input:focus{outline:2px solid #007bff;background-color:#f8f9fa}.table-input-number{text-align:right}.info-field{background-color:#f8f9fa;color:#6c757d}.btn-remove-item{background-color:#dc3545;color:#fff;border:none;padding:.25rem .5rem;border-radius:3px;cursor:pointer;font-size:1.2rem}.btn-remove-item:hover:not(:disabled){background-color:#c82333}.btn-remove-item:disabled{background-color:#6c757d;cursor:not-allowed}.table-input-description{min-height:60px;resize:vertical;white-space:pre-wrap;word-wrap:break-word;vertical-align:top;padding:.5rem}.items-table td:nth-child(2){vertical-align:top}.form-section{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.sales-form-container{padding:10px}.sales-form-card{padding:20px;margin-top:10px}.form-title{font-size:24px}.form-row{display:flex;gap:30px;flex-wrap:wrap;margin-bottom:30px}.form-group{min-width:unset}.form-actions{flex-direction:column-reverse;gap:15px}.btn{width:100%}}@media(max-width:480px){.form-title{font-size:20px}.sales-form-card{padding:15px}.form-input,.form-select,.form-textarea{padding:10px 12px;font-size:16px}}.file-upload-container{margin:20px 0;padding:20px;border:2px dashed #ddd;border-radius:8px;background-color:#fafafa}.file-input-section{margin-bottom:15px}.file-input{display:none}.file-input-label{display:inline-block;padding:10px 20px;background-color:#007bff;color:#fff;border-radius:4px;cursor:pointer;transition:background-color .3s}.file-input-label:hover{background-color:#0056b3}.selected-files{margin-top:15px}.file-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.file-name{flex:1;font-weight:500}.file-size{color:#666;font-size:.9em;margin-left:10px}.remove-file-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;margin-left:10px}.upload-btn{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-top:10px}.upload-btn:disabled{background-color:#6c757d;cursor:not-allowed}.upload-progress{margin-top:15px;display:flex;align-items:center;gap:10px}.progress-bar{flex:1;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#007bff;transition:width .3s ease}.error-message{color:#dc3545;margin-top:10px;padding:8px;background-color:#f8d7da;border-radius:4px}.searchable-dropdown{position:relative;width:100%;font-family:inherit}.input-container{position:relative;display:flex;align-items:center;border:2px solid #e1e8ed;border-radius:8px;background-color:#fff;transition:all .3s ease;padding:0;overflow:hidden}.input-container.open{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.input-container.error{border-color:#e74c3c;background-color:#fdf2f2}.dropdown-input{width:100%;padding:12px 40px 12px 16px;border:none;outline:none;font-size:14px;background:transparent;color:#2c3e50}.dropdown-input::placeholder{color:#95a5a6}.chevron{position:absolute;right:15px;width:10px;height:10px;border-right:2px solid #95a5a6;border-bottom:2px solid #95a5a6;transform:rotate(45deg);transition:transform .3s ease;pointer-events:none}.chevron.up{transform:rotate(-135deg);top:18px}.chevron.down{transform:rotate(45deg);top:15px}.dropdown-list{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:#fff;border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:250px;overflow-y:auto;margin:0;padding:5px 0;list-style:none;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.list-item{padding:10px 16px;cursor:pointer;font-size:14px;color:#2c3e50;transition:background-color .2s}.list-item:hover,.list-item.focused{background-color:#f0f7ff;color:#3498db}.list-item.selected{background-color:#3498db;color:#fff}.list-item.no-results,.list-item.loading{color:#95a5a6;font-style:italic;cursor:default}.list-item.no-results:hover{background-color:transparent}.highlight{background-color:#3498db33;color:#2980b9;padding:0 2px;border-radius:2px}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.dropdown-list::-webkit-scrollbar-thumb{background:#3498db;border-radius:8px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#2980b9}.finance-form-container{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:20px;display:flex;justify-content:center;align-items:flex-start}.finance-form-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:40px;width:100%;max-width:1200px;margin-top:20px}.form-title{font-size:28px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:30px;border-bottom:3px solid #667eea;padding-bottom:15px}.finance-form{display:flex;flex-direction:column;gap:20px}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;appearance:none}.approval-notice{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:#856404}.approval-notice p{margin:0;font-size:.9rem;line-height:1.4}.form-input.pre-filled{background-color:#e0f2fe;border-color:#81d4fa;color:#0277bd;font-weight:500}.form-input.pre-filled:focus{outline:none;box-shadow:0 0 0 3px #0277bd1a}.form-label.required:after{content:" *";color:#ef4444;font-weight:700}.form-input.error{border-color:#ef4444;background-color:#fef2f2}.form-input.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #ef44441a}.error-message{color:#dc2626;font-size:.875rem;margin-top:.25rem;display:block}.btn-primary{background-color:#10b981;color:#fff;padding:.75rem 2rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.btn-primary:hover:not(:disabled){background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.form-title{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;text-align:center;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.section-separator{margin:2rem 0 1.5rem}.section-title{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.separator-line{height:2px;background:linear-gradient(to right,#3b82f6,#60a5fa,#93c5fd);border-radius:1px}.partial-payment-notice{background:linear-gradient(135deg,#fff3cd,#fdf2e9);border:2px solid #f0ad4e;border-radius:8px;padding:1rem;margin:1rem 0;color:#8a6d3b}.partial-payment-notice ul{margin:.5rem 0 0 1rem;padding:0}.partial-payment-notice li{margin:.25rem 0;font-size:.9rem}.pre-filled{background-color:#e3f2fd!important;border-color:#90caf9!important}.approval-notice{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:#155724}.approval-notice p{margin:0;font-weight:500}@media(max-width:768px){.finance-form-container{padding:10px}.finance-form-card{padding:20px;margin-top:10px}.form-title{font-size:24px}.form-row{flex-direction:column;gap:15px}.form-group{min-width:unset}.form-actions{flex-direction:column-reverse;gap:15px}.btn{width:100%}}@media(max-width:480px){.form-title{font-size:20px}.finance-form-card{padding:15px}.form-input,.form-select,.form-textarea{padding:10px 12px;font-size:16px}}.scm-form-container{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:20px;display:flex;justify-content:center;align-items:flex-start}.scm-form-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:40px;width:100%;max-width:1200px;margin-top:20px}.form-title{font-size:28px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:30px;border-bottom:3px solid #11998e;padding-bottom:15px}.scm-form{display:flex;flex-direction:column;gap:20px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#11998e;box-shadow:0 0 0 3px #11998e1a;transform:translateY(-1px)}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;appearance:none}.btn-primary{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;box-shadow:0 4px 15px #11998e4d}.btn-primary:hover{background:linear-gradient(135deg,#0f8a80,#32d470);box-shadow:0 6px 20px #11998e66;transform:translateY(-2px)}.info-message{color:#06c;font-size:.875rem;margin-top:.25rem;display:block;font-style:italic}.error-message{color:#dc3545;font-size:.875rem;margin-top:.25rem;display:block}.form-input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.form-section{margin-bottom:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#333}@media(max-width:768px){.scm-form-container{padding:10px}.scm-form-card{padding:20px;margin-top:10px}.form-title{font-size:24px}.form-row{flex-direction:column;gap:15px}.form-group{min-width:unset}.form-actions{flex-direction:column-reverse;gap:15px}.btn{width:100%}}@media(max-width:480px){.form-title{font-size:20px}.scm-form-card{padding:15px}.form-input,.form-select,.form-textarea{padding:10px 12px;font-size:16px}}.database-container{min-height:100vh;background-color:#f8fafc}.database-content{padding:2rem;max-width:100%;margin:0 auto}.database-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0;gap:1rem}.database-header h1{color:#1e293b;font-size:2.5rem;font-weight:700;margin:0;flex-shrink:0}.export-btn{background-color:#10b981;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.export-btn:hover{background-color:#059669;transform:translateY(-1px)}.delete-btn{background-color:#ef4444;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.delete-btn:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.delete-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.permission-notice{background-color:#e0f2fe;border:1px solid #81d4fa;border-radius:.5rem;padding:1rem;margin-bottom:1rem;color:#0277bd}.database-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.category-selector{min-width:300px}.category-select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;background-color:#fff;cursor:pointer;transition:border-color .2s}.category-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.database-info{background-color:#e0f2fe;border:1px solid #81d4fa;border-radius:.5rem;padding:1rem;margin-bottom:2rem}.database-info p{margin:0;color:#0277bd;font-size:.9rem}.database-info p:not(:last-child){margin-bottom:.5rem}.database-info p:first-child{font-weight:500}.database-summary{margin-bottom:2rem}.summary-card{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border-left:4px solid #3b82f6!important;transition:transform .2s,box-shadow .2s}.database-table-container{width:100%;margin-top:20px;overflow-x:auto;overflow-y:visible;position:relative}.table-responsive{width:100%;min-width:100%}.database-table{width:100%;border-collapse:collapse;font-size:.875rem;border:1px solid #d1d5db}.database-table thead{background-color:#f8fafc}.database-table th{padding:1rem .75rem;text-align:left;font-weight:600;color:#374151;white-space:nowrap;position:sticky;top:0;background-color:#f8fafc;z-index:10;border:1px solid #d1d5db;border-bottom:2px solid #9ca3af}.database-table th:first-child{width:50px;text-align:center}.database-table td{padding:.75rem;vertical-align:top;max-width:200px;word-wrap:break-word;border:1px solid #d1d5db}.database-table td:first-child{text-align:center;padding:.5rem}.database-table tbody tr{transition:background-color .2s ease}.database-table tbody tr:nth-child(2n){background-color:#f9fafb}.database-table tbody tr:hover{background-color:#f3f4f6}.database-table tbody tr.selected{background-color:#dbeafe!important}.items-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.editable-cell{cursor:pointer;transition:background-color .2s;position:relative}.editable-cell:hover{background-color:#e0f2fe!important;border-color:#29b6f6!important}.editable-cell:empty:after{content:"(Click to edit)";color:#64748b;font-style:italic;font-size:.8rem}.notes-cell,.internal-comments-cell{max-width:400px;min-width:250px;white-space:pre-wrap;word-wrap:break-word}.bank-reference-cell{max-width:200px;min-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editing-cell{padding:0!important;background-color:#e3f2fd!important}.edit-select{width:100%;height:100%;border:2px solid #3b82f6;background-color:#fff;padding:.5rem;font-size:.875rem;outline:none;min-height:40px;border-radius:.25rem}.edit-textarea{width:100%;border:2px solid #3b82f6;background-color:#fff;padding:.5rem;font-size:.875rem;outline:none;resize:vertical;min-height:40px;font-family:inherit;border-radius:.25rem}.edit-select:disabled,.edit-textarea:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.truncated-text-cell{position:relative}.text-content.truncated{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:4.5em;line-height:1.5em}.text-content.expanded{white-space:pre-wrap;word-wrap:break-word}.read-more-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.75rem;padding:.25rem 0;text-decoration:underline;margin-top:.25rem;display:block}.read-more-btn:hover{color:#2563eb}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h3{margin:0 0 1rem;color:#1e293b;font-size:1.25rem;font-weight:600}.modal-content p{margin:0 0 1rem;color:#64748b;line-height:1.5}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.approval-stage{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize}.audit-cell{font-size:.85rem;color:#6b7280;font-style:italic}.audit-cell:hover{color:#374151}.approval-stage.pending_partial{background:#fff3cd;color:#856404}.approval-stage.partial_approved{background:#cce5ff;color:#004085}.approval-stage.pending_full{background:#ffeaa7;color:#b8860b}.approval-stage.fully_approved{background:#d4edda;color:#155724}.items-details{max-width:300px;max-height:200px;overflow-y:auto;padding:10px;background:#f5f5f5;border-radius:4px;margin-top:5px}.item-detail{margin-bottom:8px;padding:5px;background:#fff;border-radius:3px;font-size:12px}.stage-cell{min-width:150px;padding:8px 12px}.stage-indicator{display:flex;align-items:center;gap:8px}.stage-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 3px #0003}.stage-text{font-size:11px;font-weight:500;color:#6b7280;white-space:nowrap}.salesforce-link:hover{background-color:#3b82f6;color:#fff!important;text-decoration:none!important;border-radius:4px;padding:4px 8px}@media(max-width:768px){.database-content{padding:1rem}.database-header{flex-direction:column;gap:1rem;align-items:stretch}.database-header h1{font-size:2rem;text-align:center}.header-actions{justify-content:center}.database-controls{flex-direction:column}.search-container,.category-selector{min-width:unset}.summary-grid{grid-template-columns:1fr}.database-table{font-size:.75rem}.database-table th,.database-table td{padding:.5rem .25rem}}@media(max-width:480px){.database-table th,.database-table td{padding:.375rem .125rem;font-size:.7rem}.summary-card{padding:1rem}.summary-count{font-size:1.5rem}.header-actions{flex-direction:column;width:100%}.export-btn,.delete-btn,.back-btn{width:100%;justify-content:center}}.summary-card:nth-child(1){border-left-color:#10b981!important}.summary-card:nth-child(2){border-left-color:#f59e0b!important}.summary-card:nth-child(3){border-left-color:#06b6d4!important}.summary-card:nth-child(4){border-left-color:#f97316!important}.summary-card:nth-child(5){border-left-color:#fb923c!important}.summary-card:nth-child(6){border-left-color:#8b5cf6!important}.summary-card:nth-child(7){border-left-color:#ef4444!important}.summary-card:nth-child(8){border-left-color:#7c3aed!important}.summary-card:first-child{border-left-color:#3b82f6!important}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.order-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.order-modal-content{background:#fff;border-radius:12px;width:90%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:24px;font-weight:600}.close-button{background:#fff3;border:none;color:#fff;font-size:28px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-button:hover{background:#ffffff4d}.stages-container{padding:32px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.stages-container h3{margin:0 0 24px;color:#374151;font-size:20px;font-weight:600}.stages-timeline{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative;overflow-x:auto;padding:20px 0}.stages-timeline:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#e5e7eb;z-index:1}.stage-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;z-index:2;min-width:120px;position:relative}.stage-item:hover{transform:translateY(-5px)}.stage-circle{width:50px;height:50px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease;border:3px solid white;box-shadow:0 4px 8px #0000001a}.stage-item.completed .stage-circle{background:#10b981;color:#fff}.stage-item.current .stage-circle{background:#3b82f6;color:#fff;box-shadow:0 0 0 4px #3b82f64d}.stage-name{margin-top:8px;font-size:12px;font-weight:500;color:#374151;text-align:center;line-height:1.3}.stage-item.completed .stage-name{color:#10b981;font-weight:600}.stage-item.current .stage-name{color:#3b82f6;font-weight:600}.final-stages{display:flex;gap:16px;justify-content:center}.final-stage-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.final-stage-btn.won{background:#10b981;color:#fff}.final-stage-btn.won:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.final-stage-btn.lost{background:#ef4444;color:#fff}.final-stage-btn.lost:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.final-stage-btn.active{box-shadow:0 0 0 4px #0003}.order-info{padding:32px}.info-section{margin-bottom:32px}.info-section h3{margin:0 0 20px;color:#374151;font-size:18px;font-weight:600;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #3b82f6}.info-item label{font-weight:600;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.info-item span{font-size:14px;color:#374151;font-weight:500}.stages-audit-container{margin-top:1rem}.stages-audit-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.stage-audit-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:8px;border:1px solid #e2e8f0;background-color:#f8fafc;transition:all .2s ease}.stage-audit-item.completed{background-color:#f0f9ff;border-color:#3b82f6}.stage-audit-item.pending{background-color:#f9fafb;border-color:#d1d5db}.stage-audit-info{display:flex;flex-direction:column;gap:.25rem}.stage-audit-name{font-weight:600;color:#374151;font-size:.9rem}.stage-audit-date{font-size:.8rem;color:#6b7280;font-style:italic}.stage-audit-item.completed .stage-audit-date{color:#3b82f6;font-weight:500}.stage-audit-status{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.stage-audit-status.done{background-color:#10b981;color:#fff}.stage-audit-status.pending{background-color:#d1d5db;color:#6b7280;border:2px solid #e5e7eb}.no-audit-data{text-align:center;color:#6b7280;font-style:italic;padding:2rem;background-color:#f9fafb;border-radius:8px;border:1px dashed #d1d5db}.header-actions{display:flex;align-items:center;gap:10px}.edit-actions{display:flex;gap:8px}.save-btn{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px}.save-btn:hover{background:#059669}.cancel-btn{background:#6b7280;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px}.cancel-btn:hover{background:#4b5563}.edit-input,.edit-textarea{width:100%;padding:6px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.edit-input:focus,.edit-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.admin-actions{margin-top:30px;padding:20px;border-top:2px solid #e5e7eb;background:#f9fafb;border-radius:8px;text-align:center}.edit-order-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #f59e0b33;transition:all .3s ease;position:relative;overflow:hidden}.edit-order-btn:hover{background:linear-gradient(135deg,#9c68eb,#a939ef);box-shadow:0 4px 8px #f59e0b4d;transform:translateY(-1px)}.edit-order-btn:active{transform:translateY(0);box-shadow:0 2px 4px #f59e0b33}.edit-order-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.audit-history-btn{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s;margin-right:10px}.audit-history-btn:hover{background-color:#2563eb}.audit-history-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.audit-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:10000}.audit-modal-content{background-color:#fff;border-radius:12px;max-width:800px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.audit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.audit-modal-header h3{margin:0;font-size:1.25rem;color:#1f2937}.audit-history-content{padding:20px 24px;overflow-y:auto;flex:1}.no-audit-data{text-align:center;color:#6b7280;padding:40px 20px;font-size:1rem}.audit-history-list{display:flex;flex-direction:column;gap:16px}.audit-entry{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background-color:#f9fafb;transition:box-shadow .2s}.audit-entry:hover{box-shadow:0 4px 6px -1px #0000001a}.audit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.audit-user{font-weight:600;color:#1f2937;font-size:.95rem}.audit-date{font-size:.85rem;color:#6b7280}.audit-details{display:flex;gap:8px;margin-bottom:12px;font-size:.9rem;color:#4b5563;flex-wrap:wrap}.audit-action{font-weight:500;color:#3b82f6;padding:2px 8px;background-color:#dbeafe;border-radius:4px}.audit-field{font-style:italic;font-weight:500}.audit-collection{color:#6b7280}.audit-changes{display:grid;grid-template-columns:1fr 1fr;gap:12px;background-color:#fff;padding:12px;border-radius:6px;border:1px solid #e5e7eb}.old-value,.new-value{display:flex;flex-direction:column;gap:4px}.old-value label,.new-value label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#6b7280;letter-spacing:.05em}.old-value span{color:#dc2626;word-break:break-word;font-size:.9rem}.new-value span{color:#059669;word-break:break-word;font-size:.9rem}@media(max-width:768px){.modal-content{width:95%;margin:10px}.modal-header{padding:20px}.modal-header h2{font-size:20px}.stages-container{padding:20px}.stages-timeline{flex-wrap:wrap;gap:16px}.stage-item{min-width:80px}.stage-circle{width:40px;height:40px;font-size:12px}.stage-name{font-size:10px}.info-grid{grid-template-columns:1fr}.order-info{padding:20px}.final-stages{flex-direction:column}.stage-audit-item{padding:.5rem}.stage-audit-name{font-size:.85rem}.stage-audit-date{font-size:.75rem}}.case-detail-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.case-detail-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.case-detail-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.case-detail-modal .modal-header h2{margin:0;font-size:24px;font-weight:600}.case-detail-modal .close-btn{background:transparent;border:none;font-size:32px;color:#fff;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.case-detail-modal .close-btn:hover{background-color:#fff3}.case-detail-modal .modal-body{padding:30px}.detail-section{margin-bottom:30px;padding:20px;background:#f9fafb;border-radius:8px;border-left:4px solid #667eea}.detail-section:last-child{margin-bottom:0}.detail-section h3{margin:0 0 20px;color:#374151;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item label{font-weight:600;color:#6b7280;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.detail-item span{color:#111827;font-size:15px;word-break:break-word}.detail-item .notes-text{background:#fff;padding:12px;border-radius:6px;border:1px solid #e5e7eb;white-space:pre-wrap}.detail-item .status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;text-transform:capitalize}.detail-item .status-badge.closed{background-color:#dcfce7;color:#166534}.detail-item .status-badge.open{background-color:#fef3c7;color:#92400e}.partial-section{border-left-color:#f59e0b;background:#fffbeb}.highlight-amount{font-size:18px;font-weight:700;color:#059669}.partial-input{padding:10px 12px;border:2px solid #d1d5db;border-radius:6px;font-size:15px;width:100%;transition:border-color .2s}.partial-input:focus{outline:none;border-color:#667eea}.case-detail-modal .modal-footer{padding:20px 30px;border-top:2px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb;border-radius:0 0 12px 12px}.case-detail-modal .modal-footer .btn{padding:10px 24px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.case-detail-modal .modal-footer .btn-secondary{background:#e5e7eb;color:#374151}.case-detail-modal .modal-footer .btn-secondary:hover{background:#d1d5db}.case-detail-modal .modal-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.case-detail-modal .modal-footer .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.case-detail-modal .modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.detail-grid{grid-template-columns:1fr}.case-detail-modal{max-width:100%;margin:10px}.case-detail-modal .modal-header,.case-detail-modal .modal-body,.case-detail-modal .modal-footer{padding:15px 20px}}.approvals-container{min-height:100vh;background-color:#f8fafc}.approvals-content{padding:2rem;max-width:100%;margin:0 auto}.approvals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0;gap:1rem}.approvals-header h1{color:#1e293b;font-size:2.5rem;font-weight:700;margin:0;flex-shrink:0}.permission-notice{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:.5rem;padding:1rem;margin-bottom:1rem;color:#856404}.permission-notice p{margin:0;font-size:.9rem}.approvals-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.tab-btn{padding:.75rem 1rem;border:2px solid #e2e8f0;background-color:#fff;border-radius:.5rem;cursor:pointer;transition:all .2s;font-weight:500;display:flex;align-items:center;gap:.5rem;color:#64748b}.approvals-info{background-color:#e0f2fe;border:1px solid #81d4fa;border-radius:.5rem;padding:1rem;margin-bottom:2rem}.approvals-info p{margin:0;color:#0277bd;font-size:.9rem}.approvals-info p:not(:last-child){margin-bottom:.5rem}.approvals-info p:first-child{font-weight:500}.approvals-table-container{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.approvals-table{width:100%;border-collapse:collapse;font-size:.875rem;border:1px solid #d1d5db}.approvals-table thead{background-color:#f8fafc}.approvals-table th{padding:1rem .75rem;text-align:left;font-weight:600;color:#374151;white-space:nowrap;position:sticky;top:0;background-color:#f8fafc;z-index:10;border:1px solid #d1d5db;border-bottom:2px solid #9ca3af}.approvals-table td{padding:.75rem;vertical-align:top;max-width:200px;word-wrap:break-word;border:1px solid #d1d5db}.approvals-table tbody tr{transition:background-color .2s ease}.approvals-table tbody tr:nth-child(2n){background-color:#f9fafb}.approvals-table tbody tr:hover{background-color:#f3f4f6}.status-badge.delivered{background-color:#dbeafe;color:#1e40af}.status-badge.payment-made{background-color:#d1fae5;color:#065f46}.status-badge.payment-received{background-color:#dcfdf4;color:#064e3b}.status-badge.partial{background-color:#fff3cd;color:#856404;border:1px solid #f0ad4e}.approval-type.partial{background-color:#f59e0b;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.approval-type.regular{background-color:#10b981;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb;transform:translateY(-1px)}.approve-btn{background-color:#10b981;color:#fff;padding:.5rem 1rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .2s;font-size:.875rem}.approve-btn:hover{background-color:#059669;transform:translateY(-1px)}.approve-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#9ca3af!important}.approve-btn:disabled:hover{transform:none!important;box-shadow:none!important}.partial-amount{font-weight:600;color:#f59e0b}.partial-amount-input{width:120px;padding:.5rem;border:2px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.partial-amount-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.partial-amount-input:invalid{border-color:#ef4444}@media(max-width:768px){.approvals-content{padding:1rem}.approvals-header{flex-direction:column;gap:1rem;align-items:stretch}.approvals-header h1{font-size:2rem;text-align:center}.header-actions{justify-content:center}.approvals-controls{flex-direction:column;align-items:stretch}.tab-selector{justify-content:center}.search-container{min-width:unset}.approvals-table{font-size:.75rem}.approvals-table th,.approvals-table td{padding:.5rem .25rem}.partial-amount-input{width:100px;font-size:.8rem;padding:.375rem}}@media(max-width:480px){.approvals-table th,.approvals-table td{padding:.375rem .125rem;font-size:.7rem}.tab-btn{padding:.5rem 1rem;font-size:.8rem}.header-actions{flex-direction:column;width:100%}.back-btn{width:100%;justify-content:center}}.reports-container{min-height:100vh;background-color:#f8fafc}.reports-content{padding:2rem;max-width:100%;margin:0 auto}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0;gap:1rem}.reports-header h1{color:#1e293b;font-size:2.5rem;font-weight:700;margin:0;flex-shrink:0}.header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.reports-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.tab-selector{display:flex;gap:.5rem;flex-wrap:wrap}.tab-btn{padding:.75rem 1rem;border:2px solid #e2e8f0;background-color:#fff;border-radius:.5rem;cursor:pointer;transition:all .2s;font-weight:500;display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.tab-btn:hover{border-color:#3b82f6;background-color:#f8fafc}.tab-btn.active{border-color:#3b82f6;background-color:#3b82f6;color:#fff}.alert-badge{background-color:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;animation:pulse 1.5s infinite}.tab-btn.active .alert-badge{background-color:#ffffff4d}.search-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-filters,.lc-expiry-filters{display:flex;gap:.5rem;align-items:center}.filter-select{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;background-color:#fff;cursor:pointer;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.reports-summary{margin-bottom:2rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1rem}.summary-card{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border-left:4px solid #3b82f6;transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.summary-card h4{margin:0 0 .5rem;color:#1e293b;font-size:1rem;font-weight:600;line-height:1.4}.summary-count{font-size:2rem;font-weight:700;color:#3b82f6;margin:.5rem 0}.summary-desc{color:#64748b;font-size:.875rem;margin:0}.summary-card.high-severity{border-left-color:#ef4444}.summary-card.medium-severity{border-left-color:#f59e0b}.summary-card.low-severity{border-left-color:#10b981}.summary-card.total-discrepancy{border-left-color:#8b5cf6}.summary-card.lc-expired{border-left-color:#dc2626}.summary-card.lc-critical{border-left-color:#ea580c}.summary-card.lc-high{border-left-color:#f59e0b}.summary-card.lc-total-value{border-left-color:#059669}.reports-table-container{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-responsive{overflow-x:auto;overflow-y:visible}.reports-table{width:100%;border-collapse:collapse;font-size:.875rem;border:1px solid #d1d5db}.reports-table thead{background-color:#f8fafc}.reports-table th{padding:1rem .75rem;text-align:left;font-weight:600;color:#374151;white-space:nowrap;position:sticky;top:0;background-color:#f8fafc;z-index:10;border:1px solid #d1d5db;border-bottom:2px solid #9ca3af}.reports-table td{padding:.75rem;vertical-align:top;max-width:200px;word-wrap:break-word;border:1px solid #d1d5db}.reports-table tbody tr{transition:background-color .2s ease}.reports-table tbody tr:nth-child(2n){background-color:#f9fafb}.reports-table tbody tr:hover{background-color:#f3f4f6}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.status-badge.closed{background-color:#dcfce7;color:#166534}.status-badge.open{background-color:#fef3c7;color:#92400e}.status-badge.unknown{background-color:#f1f5f9;color:#475569}.status-badge.lc-active{background-color:#dcfce7;color:#166534}.status-badge.lc-expiring-soon{background-color:#fed7aa;color:#ea580c}.status-badge.lc-expired{background-color:#fecaca;color:#dc2626}.severity-badge{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.severity-badge.high{background-color:#fecaca;color:#dc2626}.severity-badge.medium{background-color:#fed7aa;color:#ea580c}.severity-badge.low{background-color:#dcfce7;color:#16a34a}.urgency-badge{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.urgency-badge.critical{background-color:#dc2626;color:#fff;animation:pulse 1.5s infinite}.urgency-badge.high{background-color:#ea580c;color:#fff}.urgency-badge.medium{background-color:#f59e0b;color:#fff}.urgency-badge.low{background-color:#059669;color:#fff}.severity-high,.urgency-critical{background-color:#fef2f2!important}.severity-medium,.urgency-high{background-color:#fffbeb!important}.severity-low,.urgency-medium,.urgency-low{background-color:#f0fdf4!important}.days-until-expiry{font-weight:600;text-align:center;padding:.25rem .5rem;border-radius:.375rem}.days-until-expiry.expired{background-color:#fecaca;color:#dc2626;animation:pulse 1.5s infinite}.days-until-expiry.critical{background-color:#fed7aa;color:#ea580c;animation:pulse 2s infinite}.days-until-expiry.warning{background-color:#fef3c7;color:#f59e0b}.days-until-expiry.normal{background-color:#dcfce7;color:#166534}.lc-details-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.penalty-amount,.discrepancy-amount,.value-amount,.profit-amount{font-weight:600;text-align:right}.penalty-amount{color:#dc2626}.discrepancy-amount{color:#ea580c}.value-amount{color:#059669}.profit-amount{color:#7c2d12}.sales-person-name{font-weight:600;color:#1e40af;background-color:#eff6ff;padding:.5rem .75rem;border-radius:.375rem}.rank-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;min-width:2rem}.rank-badge.rank-1{background-color:#fbbf24;color:#92400e;box-shadow:0 2px 4px #fbbf244d}.rank-badge.rank-2{background-color:#d1d5db;color:#374151;box-shadow:0 2px 4px #d1d5db4d}.rank-badge.rank-3{background-color:#f87171;color:#7f1d1d;box-shadow:0 2px 4px #f871714d}.rank-badge:not(.rank-1):not(.rank-2):not(.rank-3){background-color:#e5e7eb;color:#6b7280}.principal-name{font-weight:600;color:#7c2d12;background-color:#fef7ed;padding:.5rem .75rem;border-radius:.375rem}.customer-name{font-weight:600;color:#166534;background-color:#f0fdf4;padding:.5rem .75rem;border-radius:.375rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563;transform:translateY(-1px)}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover{background-color:#059669;transform:translateY(-1px)}.back-btn{background-color:#64748b;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.back-btn:hover{background-color:#475569;transform:translateY(-1px)}.freight-over_budget{background-color:#fef2f2!important}.freight-under_budget{background-color:#f0fdf4!important}.freight-slightly_over{background-color:#fffbeb!important}.freight-slightly_under{background-color:#f0f9ff!important}.freight-variance{font-weight:600;text-align:right}.over-budget{color:#dc2626}.under-budget{color:#16a34a}.on-budget{color:#6b7280}.variance-badge{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.variance-badge.over_budget{background-color:#fecaca;color:#dc2626}.variance-badge.under_budget{background-color:#dcfce7;color:#16a34a}.variance-badge.slightly_over{background-color:#fed7aa;color:#ea580c}.variance-badge.slightly_under{background-color:#dbeafe;color:#2563eb}.variance-badge.on_budget{background-color:#f1f5f9;color:#64748b}.no-data{text-align:center;padding:3rem;color:#64748b;background:#fff;border-radius:.75rem;margin-top:2rem}.no-data p{font-size:1.125rem;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#64748b}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media(max-width:1024px){.tab-selector{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.tab-btn{flex-shrink:0;min-width:fit-content}}@media(max-width:768px){.reports-content{padding:1rem}.reports-header{flex-direction:column;gap:1rem;align-items:stretch}.reports-header h1{font-size:2rem;text-align:center}.header-actions{justify-content:center;flex-direction:column;gap:.5rem}.reports-controls{flex-direction:column;align-items:stretch}.tab-selector{justify-content:flex-start;gap:.25rem}.tab-btn{padding:.5rem .75rem;font-size:.8rem}.search-container{min-width:unset}.date-filters,.lc-expiry-filters{flex-direction:column;gap:.5rem}.filter-select{width:100%}.summary-grid{grid-template-columns:1fr;gap:.75rem}.summary-card{padding:1rem}.summary-count{font-size:1.5rem}.reports-table{font-size:.75rem}.reports-table th,.reports-table td{padding:.5rem .25rem}.sales-person-name,.principal-name,.customer-name{padding:.25rem .5rem;font-size:.75rem}.rank-badge{padding:.125rem .375rem;font-size:.625rem;min-width:1.5rem}.lc-details-cell{max-width:150px}.days-until-expiry,.urgency-badge{padding:.125rem .25rem;font-size:.625rem}}@media(max-width:480px){.reports-table th,.reports-table td{padding:.375rem .125rem;font-size:.7rem}.summary-card{padding:.75rem}.summary-count{font-size:1.25rem}.header-actions{width:100%}.tab-btn{padding:.375rem .5rem;font-size:.75rem}.sales-person-name,.principal-name,.customer-name{padding:.125rem .25rem;font-size:.7rem}.lc-details-cell{max-width:100px}.days-until-expiry,.urgency-badge{padding:.1rem .2rem;font-size:.6rem}}.reports-table tbody tr:nth-child(10n){border-bottom:2px solid #e5e7eb}.top-performer{background:linear-gradient(135deg,#fef3c7,#fde68a)}.high-value-deal{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}@media print{.reports-container{background-color:#fff}.header-actions,.reports-controls{display:none}.reports-table{border:1px solid #000}.reports-table th,.reports-table td{border:1px solid #000;padding:.25rem;font-size:.75rem}.urgency-badge.critical,.days-until-expiry.expired,.days-until-expiry.critical{animation:none}}.report-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center;padding:1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.report-filters .search-container{flex:1;min-width:300px}.report-filters .date-filters,.report-filters .lc-expiry-filters{display:flex;gap:.5rem;align-items:center}.report-filters .filter-select{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;background-color:#fff;cursor:pointer;transition:border-color .2s;min-width:150px}.report-filters .filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media(max-width:768px){.report-filters{flex-direction:column;align-items:stretch;gap:1rem}.report-filters .search-container{min-width:unset;width:100%}.report-filters .date-filters,.report-filters .lc-expiry-filters{width:100%}.report-filters .filter-select{flex:1;min-width:unset}}@media(max-width:480px){.report-filters{padding:.75rem}.report-filters .date-filters,.report-filters .lc-expiry-filters{flex-direction:column;gap:.5rem}}.purchase-form-container{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:20px;display:flex;justify-content:center;align-items:flex-start}.purchase-form-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:40px;width:100%;max-width:1200px;margin-top:20px}.form-title{font-size:28px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:10px;border-bottom:3px solid #667eea;padding-bottom:15px}.form-subtitle{text-align:center;color:#616161;font-size:16px;margin-bottom:30px;font-style:italic}.purchase-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:20px;flex-wrap:wrap}.form-row.full-width{width:100%}.form-row.full-width .form-group{flex:1;min-width:100%}.form-group{flex:1;min-width:300px;display:flex;flex-direction:column}.form-label{font-size:14px;font-weight:600;color:#34495e;margin-bottom:8px;display:flex;align-items:center}.form-label.required:after{content:" *";color:#e74c3c;font-weight:700}.form-input,.form-select,.form-textarea{padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;font-family:inherit;transition:all .3s ease;background-color:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-input::placeholder,.form-textarea::placeholder{color:#95a5a6}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;appearance:none}.calculated-field{background-color:#e8f4f8!important;cursor:not-allowed;font-weight:600;color:#2c3e50}.info-message{color:#667eea;font-size:.875rem;margin-top:.25rem;display:block;font-style:italic}.sales-info-display{background:linear-gradient(135deg,#e8f4f8,#d1ecf1);border:2px solid #667eea;border-radius:12px;padding:20px;margin-bottom:25px}.sales-info-display h4{margin:0 0 15px;color:#2c3e50;font-size:18px;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.info-grid div{background:#ffffffe6;padding:10px 15px;border-radius:6px;font-size:14px;border-left:3px solid #667eea}.info-grid strong{color:#2c3e50}.items-table-section{margin-top:30px;border:2px solid #e1e8ed;border-radius:12px;padding:20px;background-color:#f8fafc}.items-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.items-table-title{font-size:20px;font-weight:600;color:#2c3e50;margin:0}.btn-add-item{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.btn-add-item:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.items-table-container{overflow-x:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.items-table{width:100%;border-collapse:collapse;background-color:#fff;min-width:1200px}.items-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.items-table th{padding:12px 8px;text-align:left;font-weight:600;color:#030000;font-size:13px;border:1px solid #5a6fd8;white-space:nowrap}.items-table td{padding:8px;border:1px solid #e1e8ed;vertical-align:top}.items-table tbody tr:nth-child(2n){background-color:#f8fafc}.items-table tbody tr:hover{background-color:#e8f4f8}.table-input{width:100%;padding:8px;border:1px solid #e1e8ed;border-radius:4px;font-size:13px;font-family:inherit;background-color:#fff;transition:border-color .2s ease}.table-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.table-input-description{min-width:150px;resize:vertical}.table-input-number{min-width:80px;text-align:right}.table-input.calculated-field{background-color:#e8f4f8;font-weight:600;color:#2c3e50}.btn-remove-item{background-color:#e74c3c;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-remove-item:hover:not(:disabled){background-color:#c0392b;transform:scale(1.1)}.btn-remove-item:disabled{background-color:#bdc3c7;cursor:not-allowed;transform:none}.form-actions{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:20px;border-top:1px solid #e1e8ed}.btn{padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-width:120px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;box-shadow:0 4px 15px #95a5a64d}.btn-secondary:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);box-shadow:0 6px 20px #95a5a666;transform:translateY(-2px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media(max-width:768px){.purchase-form-container{padding:10px}.purchase-form-card{padding:20px;margin-top:10px}.form-title{font-size:24px}.form-row{flex-direction:column;gap:15px}.form-group{min-width:unset}.form-actions{flex-direction:column-reverse;gap:15px}.btn{width:100%}.items-table-header{flex-direction:column;align-items:stretch}.btn-add-item{width:100%;padding:12px}.items-table-container{overflow-x:scroll}.info-grid{grid-template-columns:1fr}}@media(max-width:480px){.form-title{font-size:20px}.purchase-form-card{padding:15px}.form-input,.form-select,.form-textarea{padding:10px 12px;font-size:16px}.items-table-section{padding:15px}.items-table-title{font-size:18px}}.pre-sales-container{min-height:100vh;background-color:#f8fafc;padding:20px;display:flex;justify-content:center;align-items:flex-start}.pre-sales-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:40px;width:100%;max-width:1400px;margin-top:20px}.pre-sales-title{font-size:28px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:30px;border-bottom:3px solid #3498db;padding-bottom:15px}.progress-indicator{display:flex;justify-content:center;align-items:center;margin-bottom:40px;gap:20px}.progress-step{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.progress-step.active{background-color:#3498db;color:#fff}.progress-step.inactive{background-color:#e1e8ed;color:#95a5a6}.section-title{color:#2c3e50;margin-bottom:25px;font-size:22px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-field{display:flex;flex-direction:column}.form-field.full-width{grid-column:span 2}.form-label{font-size:14px;font-weight:600;color:#34495e;margin-bottom:8px}.form-input{padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;transition:all .3s ease}.form-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-input.error{border-color:#e74c3c;background-color:#fdf2f2}.error-message{color:#e74c3c;font-size:12px;margin-top:5px;font-weight:500}.form-select{padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .3s ease}.form-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-textarea{padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;resize:vertical;min-height:80px;transition:all .3s ease}.form-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.fraction-table-container{overflow-x:auto;margin-bottom:20px}.fraction-table{width:100%;border-collapse:collapse;font-size:13px;border:1px solid #dee2e6}.fraction-table th{padding:12px 8px;border:1px solid #dee2e6;text-align:center;background-color:#f8f9fa}.fraction-table td{padding:8px;border:1px solid #dee2e6}.fraction-table .calculated-cell{background-color:#f8f9fa;text-align:right;font-weight:500}.fraction-table .total-row td{padding:12px 8px;border:1px solid #dee2e6}.fraction-table .total-cell{text-align:right}.table-input{width:100%;padding:6px;border:1px solid #ced4da;border-radius:4px;font-size:12px}.table-textarea{width:100%;padding:6px;border:1px solid #ced4da;border-radius:4px;font-size:12px;resize:vertical;min-height:60px}.remove-btn{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer}.remove-btn:disabled{cursor:not-allowed;opacity:.5}.add-item-container{text-align:center;margin-bottom:20px}.add-item-btn{background-color:#28a745;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer}.add-item-btn:hover{background-color:#218838}.form-note{font-size:.82rem;color:#6b7280;background-color:#f9fafb;border-left:3px solid #3b82f6;padding:6px 12px;border-radius:4px;margin-bottom:12px}.navigation-buttons{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:20px;border-top:1px solid #e1e8ed}.nav-btn{padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;min-width:120px;transition:all .3s ease}.nav-btn.secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.nav-btn.secondary:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d)}.nav-btn.primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.nav-btn.primary:hover{background:linear-gradient(135deg,#2980b9,#21618c)}.nav-btn:disabled{background:#bdc3c7;opacity:.6;cursor:not-allowed}.nav-btn:disabled:hover{background:#bdc3c7}.uploaded-files-display{margin-top:15px;padding:15px;background-color:#f8f9fa;border-radius:4px}.uploaded-file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #dee2e6}.uploaded-file-item:last-child{border-bottom:none}.uploaded-file-item a{color:#007bff;text-decoration:none;flex:1}.uploaded-file-item a:hover{text-decoration:underline}.remove-uploaded-file{background-color:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.8em}.cost-sheet-step3{max-width:1200px;margin:0 auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.step3-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.step3-title{font-size:28px;font-weight:700;color:#1f2937;margin:0}.step3-subtitle{font-size:16px;color:#6b7280;margin:8px 0 0}.step-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#3b82f6;color:#fff;border-radius:20px;font-size:14px;font-weight:600}.cost-summary-section{margin-bottom:32px;padding:24px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.summary-card{background:#fff;padding:20px;border-radius:8px;border:1px solid #e5e7eb;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.summary-label{font-size:14px;color:#6b7280;font-weight:500;margin-bottom:8px}.summary-value{font-size:24px;font-weight:700;color:#1f2937}.summary-value.total{color:#059669}.summary-value.margin{color:#3b82f6}.cost-breakdown-section{margin-bottom:32px}.section-title{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:16px;display:flex;align-items:center;gap:8px}.cost-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.cost-table th{background:#374151;color:#fff;padding:16px 12px;text-align:left;font-weight:600;font-size:14px;border-bottom:2px solid #4b5563;width:25%}.cost-table td{padding:14px 12px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#374151}.cost-table tbody tr:hover{background:#f8fafc}.cost-table tbody tr:last-child td{border-bottom:none}.cost-table .amount-cell{text-align:right;font-weight:600;color:#1f2937}.cost-table .percentage-cell{text-align:center;color:#6b7280}.total-row{background:#f1f5f9!important;font-weight:700}.total-row td{border-top:2px solid #cbd5e1;font-size:16px}.action-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.btn-group{display:flex;gap:12px}.btn{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-outline{background:transparent;color:#374151;border:2px solid #d1d5db}.btn-outline:hover{background:#f3f4f6;border-color:#9ca3af}.btn-success{background:#059669;color:#fff}.btn-success:hover{background:#047857;transform:translateY(-1px)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.approved{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.draft{background:#e5e7eb;color:#374151}.notes-section{margin-top:24px;padding:20px;background:#fefefe;border-radius:8px;border:1px solid #e5e7eb}.notes-title{font-size:16px;font-weight:600;color:#374151;margin-bottom:12px}.notes-textarea{width:100%;min-height:100px;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;resize:vertical;font-family:inherit}.notes-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cost-item-row{transition:background-color .2s ease}.cost-item-row.editable:hover{background:#fef3c7!important;cursor:pointer}.edit-indicator{color:#f59e0b;font-size:12px;margin-left:4px}.fraction-items-section{margin:32px 0;padding:24px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.fraction-table-container{overflow-x:auto;margin-top:16px}.fraction-table{width:100%;border-collapse:collapse;font-size:13px;border:1px solid #dee2e6;background:#fff;border-radius:8px;overflow:hidden}.fraction-table th{padding:12px 8px;border:1px solid #dee2e6;text-align:center;background-color:#374151;color:#fff;font-weight:600;font-size:12px}.fraction-table td{padding:10px 8px;border:1px solid #dee2e6;font-size:13px;color:#374151}.fraction-table tbody tr:hover{background-color:#f8fafc}.fraction-table .total-row{background-color:#e9ecef;font-weight:700}.fraction-table .total-row td{padding:12px 8px;border:1px solid #dee2e6;color:#1f2937}@media(max-width:768px){.cost-sheet-step3{padding:16px;margin:0;border-radius:0}.step3-header{flex-direction:column;align-items:flex-start;gap:16px}.summary-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;gap:16px}.btn-group{width:100%;justify-content:space-between}.cost-table{font-size:12px}.cost-table th,.cost-table td{padding:10px 8px}}.quotation-container{max-width:1400px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.quotation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.quotation-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.copy-btn,.add-item-btn{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s ease}.copy-btn:hover,.add-item-btn:hover{background:#0056b3}.copy-btn.copied{background:#28a745}.quotation-table-wrapper{overflow-x:auto;margin-bottom:20px;border:1px solid #ddd;border-radius:4px}.quotation-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}.quotation-table th{background:#f8f9fa;color:#333;font-weight:600;padding:12px 8px;text-align:left;border-bottom:2px solid #dee2e6;font-size:12px;white-space:nowrap}.quotation-table td{padding:8px;border-bottom:1px solid #dee2e6;vertical-align:middle}.quotation-table tr:hover{background-color:#f8f9fa}.quotation-table input,.quotation-table select{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:3px;font-size:13px;background:#fff}.quotation-table input:focus,.quotation-table select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.quotation-table th:nth-child(1){width:120px}.quotation-table th:nth-child(2){width:1050px}.quotation-table th:nth-child(3){width:200px}.quotation-table th:nth-child(4){width:200px}.quotation-table th:nth-child(5){width:200px}.quotation-table th:nth-child(6){width:250px}.quotation-table th:nth-child(7){width:150px}.description-input{min-width:200px}.qty-input{width:60px;text-align:center}.unit-select{width:70px}.price-input{width:90px;text-align:right}.total-price{font-weight:600;text-align:right;color:#333;background-color:#f8f9fa}.list-price-input,.discount-input{width:80px}.remove-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.remove-btn:hover:not(:disabled){background:#c82333}.remove-btn:disabled{background:#6c757d;cursor:not-allowed}.subtotal-row td{font-weight:600;background-color:#e9ecef;border-top:2px solid #dee2e6}.total-qty{text-align:center;color:#333}.subtotal{text-align:right;color:#333}.quotation-summary{background:#f8f9fa;padding:20px;border-radius:6px;margin-bottom:20px;border:1px solid #e9ecef}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 0}.summary-row:last-child{margin-bottom:0}.summary-label{font-weight:600;color:#333;min-width:150px}.summary-value{font-weight:600;color:#333;font-size:16px}.charges-input{width:100px;padding:6px 8px;border:1px solid #ddd;border-radius:3px;text-align:right;font-size:14px}.charges-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.total-row{border-top:2px solid #333;padding-top:15px;margin-top:10px}.total-row .summary-label,.total-row .summary-value{font-size:18px;font-weight:700;color:#333}.quotation-footer{text-align:center;padding-top:20px;border-top:1px solid #e0e0e0}.download-btn{background:#28a745;color:#fff;border:none;padding:12px 30px;font-size:16px;font-weight:600;border-radius:6px;cursor:pointer;transition:background .3s ease}.download-btn:hover{background:#218838}.submit-quotation-btn{background-color:#28a745;color:#fff;padding:12px 30px;border:none;border-radius:6px;font-weight:600;font-size:16px;cursor:pointer;margin-left:10px;transition:background-color .2s ease}.submit-quotation-btn:hover{background-color:#218838}.submit-quotation-btn:active{background-color:#1e7e34}.submit-quotation-btn:disabled{background-color:#6c757d;cursor:not-allowed}@media(max-width:768px){.quotation-container{padding:15px}.quotation-header{flex-direction:column;gap:10px;align-items:stretch}.quotation-actions{justify-content:center}.quotation-table{font-size:12px}.quotation-table th,.quotation-table td{padding:6px 4px}.description-input{min-width:150px}.summary-row{flex-direction:column;align-items:stretch;gap:5px}.charges-input{width:100%}}.presales-popup-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.presales-popup-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:95vw;max-height:90vh;width:1200px;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0}.popup-header h2{margin:0;font-size:24px;font-weight:700}.close-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;font-weight:700;transition:all .3s ease}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.popup-body{padding:0;overflow-y:auto;flex:1}.popup-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#64748b}.popup-loading .loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.basic-info-section{padding:24px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.basic-info-section h3{margin:0 0 20px;color:#1e293b;font-size:20px;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item label{font-weight:600;color:#475569;font-size:14px}.info-item span{color:#1e293b;font-size:16px}.tab-navigation{display:flex;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.tab-btn{flex:1;padding:16px 20px;background:none;border:none;color:#64748b;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.tab-btn:hover{background:#e2e8f0;color:#1e293b}.tab-btn.active{background:#fff;color:#3b82f6;border-bottom-color:#3b82f6}.tab-content{padding:32px;min-height:400px;max-height:500px;overflow-y:auto}.tab-content h4{margin:0 0 24px;color:#1e293b;font-size:20px;font-weight:600;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.table-responsive{overflow-x:auto;margin-bottom:20px}.fraction-table,.cost-table,.quotation-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.fraction-table th,.cost-table th,.quotation-table th{background:#f8fafc;color:#374151;font-weight:600;padding:12px 16px;text-align:left;border-bottom:2px solid #e5e7eb;font-size:14px}.fraction-table td,.cost-table td,.quotation-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px}.fraction-table tr:hover,.quotation-table tr:hover{background:#f9fafb}.total-row{background:#f3f4f6!important;font-weight:600}.final-row{background:#dbeafe!important;font-weight:700;color:#1e40af}.cost-sheet-details,.quotation-details{margin-top:16px}.quotation-header{background:#f8fafc;padding:20px;border-radius:8px;margin-bottom:24px}.quotation-info p{margin:8px 0;color:#374151}.quotation-items{margin:24px 0}.quotation-items h5{margin:0 0 16px;color:#1e293b;font-size:16px;font-weight:600}.quotation-totals{background:#f8fafc;padding:20px;border-radius:8px;margin-top:24px}.quotation-totals p{margin:8px 0;color:#374151;font-size:16px}.step4-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quotation-actions{display:flex;gap:10px}.btn-edit-quotation,.btn-copy-quotation,.btn-save-quotation,.btn-cancel-edit{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-copy-quotation{background-color:#4caf50;color:#fff}.btn-copy-quotation:hover:not(:disabled){background-color:#45a049}.btn-edit-quotation{background-color:#2196f3;color:#fff}.btn-revise-quotation{background-color:#fb8c00;color:#fff}.btn-revise-quotation:hover:not(:disabled){background-color:#ef6c00}.btn-edit-quotation:hover:not(:disabled){background-color:#0b7dda}.btn-save-quotation{background-color:#4caf50;color:#fff}.btn-save-quotation:hover:not(:disabled){background-color:#45a049}.btn-cancel-edit{background-color:#f44336;color:#fff}.btn-cancel-edit:hover:not(:disabled){background-color:#da190b}.btn-copy-quotation:disabled,.btn-edit-quotation:disabled,.btn-save-quotation:disabled,.btn-cancel-edit:disabled{opacity:.5;cursor:not-allowed}.edit-textarea-small{width:100%;padding:6px;border:1px solid #ddd;border-radius:4px;font-size:13px;font-family:inherit;resize:vertical}.edit-input-small{width:100%;padding:6px;border:1px solid #ddd;border-radius:4px;font-size:13px}.edit-input-inline{width:120px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;margin-left:10px}.total-cell{font-weight:600;background-color:#f5f5f5}.quotation-totals .total-amount{font-size:16px;color:#2196f3;margin-top:10px;padding-top:10px;border-top:2px solid #2196F3}.edit-notice{background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:12px;margin-top:15px}.edit-notice p{margin:0;color:#856404;font-size:14px}.item-checkbox{width:18px;height:18px;cursor:pointer}.item-unselected{background-color:#f1f5f9;opacity:.6}.item-unselected td{color:#94a3b8!important}.revise-quotation-section{margin-top:32px;border-top:2px dashed #e2e8f0;background-color:#fffaf0;padding:24px;border-radius:12px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.revision-actions{display:flex;gap:12px}.existing-revisions-section{margin-top:48px;padding-top:32px;border-top:2px solid #e2e8f0}.revisions-title{color:#1e293b;font-size:22px;font-weight:700;margin-bottom:24px;display:flex;align-items:center;gap:10px}.revisions-title:before{content:"📜";font-size:24px}.revision-block{margin-bottom:32px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid #f1f5f9;transition:transform .2s ease}.revision-block:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.revision-header{border-bottom:1px solid #f1f5f9;margin-bottom:16px;padding-bottom:8px}.revision-header h5{margin:0;font-size:18px;color:#334155}.revision-date{font-size:14px;font-weight:400;color:#94a3b8;margin-left:12px}.attachments-list{display:flex;flex-direction:column;gap:12px}.attachment-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.attachment-info{display:flex;flex-direction:column;gap:4px}.attachment-name{font-weight:600;color:#1e293b}.attachment-size{font-size:12px;color:#64748b}.attachment-download{background:#3b82f6;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .3s ease}.attachment-download:hover{background:#2563eb}.no-data{text-align:center;padding:40px;color:#64748b;font-style:italic}@media(max-width:768px){.presales-popup-content{width:95vw;max-height:95vh;margin:20px}.popup-header{padding:16px 20px}.popup-header h2{font-size:20px}.tab-content{padding:20px}.tab-btn{padding:12px 16px;font-size:12px}.info-grid{grid-template-columns:1fr}.fraction-table,.cost-table,.quotation-table{font-size:12px}.fraction-table th,.cost-table th,.quotation-table th,.fraction-table td,.cost-table td,.quotation-table td{padding:8px 12px}}.database-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;gap:.75rem;align-items:center}.search-input{min-width:220px}.table-wrapper{overflow-x:auto;margin-top:1rem}.link-cell{cursor:pointer;color:#1565c0;font-weight:600}.editable-cell{cursor:pointer}.empty-state{text-align:center;padding:2rem;color:#6b7280}.companies-container{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:2rem}.companies-header{text-align:center;color:#fff;margin-bottom:3rem;padding-top:2rem}.companies-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.companies-header p{font-size:1.1rem;opacity:.9}.sector-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:800px;margin:0 auto;padding:0 1rem}.sector-card{background:#fff;border-radius:12px;padding:2.5rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.sector-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.sector-icon{font-size:4rem;margin-bottom:1rem}.sector-card h2{color:#333;font-size:1.5rem;margin-bottom:.5rem}.sector-card p{color:#666;font-size:1rem;margin-bottom:1rem}.sector-count{display:inline-block;background:#f0f7ff;color:#007bff;padding:.4rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem;border:1px solid #cce5ff}.back-button-container{text-align:center;margin-top:3rem}.back-button{background:#fff;color:#667eea;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.back-button:hover{background:#f8f9fa;transform:translateY(-2px)}.company-database-container{min-height:100vh;background-color:#f5f7fa}.company-database-main{max-width:1400px;margin:0 auto;padding:2rem}.database-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.database-header h1{font-size:2rem;color:#2c3e50;margin:0}.database-header p{color:#7f8c8d;margin:.5rem 0 0}.header-actions{display:flex;gap:1rem}.btn-add{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.database-controls{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.table-responsive{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.company-table{width:100%;border-collapse:collapse}.company-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.company-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.company-table td{padding:1rem;border-bottom:1px solid #ecf0f1}.company-table tbody tr{transition:background-color .2s ease}.company-table tbody tr:hover{background-color:#f8f9fa}.company-id{font-weight:600;color:#667eea}.company-name{font-weight:600;color:#2c3e50}.badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.badge-general{background-color:#e5e7eb;color:#374151}.badge-default{background:#dfe6e9;color:#2d3436}.tier-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.contact-count{display:inline-block;background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:20px;font-weight:600;font-size:.9rem}.btn-view,.btn-edit,.btn-cases{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.btn-view:hover{background:#e3f2fd}.btn-edit:hover{background:#fff3e0}.btn-cases:hover{background:#f3e5f5}.no-data{text-align:center;padding:3rem;color:#95a5a6}.no-data p{font-size:1.1rem}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:20px 0;flex-wrap:wrap}.btn-page{padding:6px 12px;border:1px solid var(--border-color, #ddd);background:transparent;border-radius:6px;cursor:pointer;font-size:14px;color:inherit;transition:background .15s}.btn-page:hover:not(:disabled){background:#0000000f}.btn-page.active{background:#06c;color:#fff;border-color:#06c;font-weight:500}.btn-page:disabled{opacity:.4;cursor:default}@media(max-width:768px){.company-table{font-size:.85rem}.company-table th,.company-table td{padding:.75rem .5rem}.database-header{flex-direction:column;align-items:flex-start}}.company-form-container{min-height:100vh;background-color:#f5f7fa}.company-form-main{max-width:1200px;margin:0 auto;padding:2rem}.company-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.section-title{font-size:1.5rem;color:#2c3e50;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid #667eea;display:inline-block}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{background-color:#f5f7fa;cursor:not-allowed;opacity:.6}.form-textarea{resize:vertical;min-height:80px}.form-hint{color:#7f8c8d;font-size:.85rem;margin-top:.25rem}.checking-text{color:#3498db;font-size:.85rem;margin-top:.25rem;display:block}.auto-gen-label{font-size:.85rem;color:#10b981;font-weight:400;font-style:italic}.form-input.read-only{background-color:#f3f4f6;cursor:not-allowed}.checklist-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.checkbox-label:hover{background-color:#f8f9fa}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{color:#2c3e50;font-size:.95rem}.document-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f8f9fa;border-radius:6px;margin-bottom:.5rem}.document-item span{color:#2c3e50;font-size:.9rem}.document-list{list-style:none;padding:0;margin:0}.document-item{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;transition:background-color .2s}.document-item:hover{background:#f3f4f6}.document-info{display:flex;flex-direction:column;gap:4px;flex:1}.document-name{font-weight:500;color:#1f2937}.upload-date{font-size:.85rem;color:#6b7280}.document-actions{display:flex;gap:8px;align-items:center}.btn-download-doc{padding:6px 12px;background:#10b981;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;text-decoration:none;transition:background-color .2s}.btn-download-doc:hover{background:#059669}.btn-remove-doc{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.btn-remove-doc:hover{background:#dc2626}.btn-remove-doc{background:#e74c3c;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-remove-doc:hover{background:#c0392b}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media(max-width:768px){.company-form-main{padding:1rem}.company-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.section-title{font-size:1.25rem}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.conversion-alert{background:#eff6ff;border:1px solid #bfdbfe;padding:1rem;border-radius:8px;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;color:#1e40af}.conversion-alert .icon{font-size:1.5rem}.highlight-missing{border-color:#f59e0b!important;background-color:#fffbeb!important}.missing-badge{color:#b45309;font-size:.75rem;font-style:italic;background:#fef3c7;padding:0 6px;border-radius:4px;margin-left:8px;border:1px solid #fcd34d}.contact-form-container{min-height:100vh;background-color:#f5f7fa}.contact-form-main{max-width:1000px;margin:0 auto;padding:2rem}.company-info-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #667eea4d;flex-wrap:wrap;gap:1rem}.company-info-banner p{margin:.5rem 0 0;opacity:.9;font-size:.95rem}.btn-view-company{background:#fff;color:#667eea;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-view-company:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.contact-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.form-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid #ecf0f1}.section-title{font-size:1.5rem;color:#2c3e50;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid#667eea;display:inline-block}.form-label{font-weight:600;color:#2c3e50;margin-bottom:.5rem;font-size:.95rem}.form-input.error,.form-select.error{border-color:#e74c3c}.error-text{color:#e74c3c;font-size:.85rem;margin-top:.25rem;display:block}.checkbox-label-main{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease;margin-top:1.85rem}.checkbox-label-main:hover{border-color:#00b894;background-color:#f8f9fa}.checkbox-label-main input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#00b894}.checkbox-label-main span{color:#2c3e50;font-size:1rem;font-weight:600}.btn-cancel:hover:not(:disabled){background:#7f8c8d;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00b89466}.btn-submit:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.note-input-container{display:flex;flex-direction:column;gap:.75rem}.btn-add-note{align-self:flex-end;background:#00b894;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-add-note:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.notes-history{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding:1rem;background:#f8f9fa;border-radius:8px}.note-item{background:#fff;border-left:3px solid #667eea;padding:1rem;border-radius:6px;box-shadow:0 2px 4px #0000000d}.note-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.note-date{font-size:.85rem;font-weight:600;color:#667eea}.note-author{font-size:.8rem;color:#888}.btn-delete-note{margin-left:auto;background:none;border:none;font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.btn-delete-note:hover{background:#fee}.note-text{margin:0;font-size:.95rem;color:#333;line-height:1.5;white-space:pre-wrap}@media(max-width:768px){.contact-form-main{padding:1rem}.contact-form{padding:1.5rem}.company-info-banner{flex-direction:column;align-items:flex-start}.btn-view-company{width:100%}.form-row{grid-template-columns:1fr}.section-title{font-size:1.25rem}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.mention-textarea-container{position:relative;width:100%}.mention-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s}.mention-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.mention-dropdown{position:absolute;bottom:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;z-index:1000;margin-bottom:8px}.mention-dropdown-item{padding:10px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .15s;border-bottom:1px solid #f0f0f0}.mention-dropdown-item:last-child{border-bottom:none}.mention-dropdown-item:hover,.mention-dropdown-item.selected{background-color:#f8f9fa}.mention-opp-name{display:flex;align-items:center;gap:8px;font-weight:500;color:#2c3e50;flex:1}.mention-icon{font-size:16px}.mention-status{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}.mention-status.status-prospecting{background-color:#e3f2fd;color:#1976d2}.mention-status.status-qualified{background-color:#f3e5f5;color:#7b1fa2}.mention-status.status-proposal-sent{background-color:#fff3e0;color:#e65100}.mention-status.status-negotiation{background-color:#fff9c4;color:#f57f17}.mention-status.status-won{background-color:#e8f5e9;color:#2e7d32}.mention-status.status-lost{background-color:#ffebee;color:#c62828}.mention-dropdown::-webkit-scrollbar{width:6px}.mention-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.mention-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:8px}.mention-dropdown::-webkit-scrollbar-thumb:hover{background:#999}.company-details-container{min-height:100vh;background-color:#f5f7fa}.company-details-main{max-width:1400px;margin:0 auto;padding:2rem}.company-info-card{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.company-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #ecf0f1;flex-wrap:wrap;gap:1rem}.company-header h1{font-size:2rem;color:#2c3e50;margin:0 0 .5rem}.company-id{color:#667eea;font-weight:600;font-size:1rem;margin:0}.company-actions{display:flex;gap:1rem}.btn-edit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-back{background:#fff;color:#667eea;border:2px solid #667eea;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-back:hover{background:#667eea;color:#fff}.company-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.3rem}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:.95rem;color:#333}.badge{display:inline-block;padding:.35rem .85rem;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:capitalize;width:fit-content}.badge-energy{background:#ffeaa7;color:#d63031}.badge-aerospace{background:#74b9ff;color:#0984e3}.badge-both{background:#dfe6e9;color:#2d3436}.tier-badge{display:inline-block;padding:.35rem .85rem;border-radius:20px;font-size:.9rem;font-weight:600;width:fit-content}.tier-strategic-partner{background:#00b894;color:#fff}.tier-regular-client{background:#0984e3;color:#fff}.tier-occasional-buyer{background:#fdcb6e;color:#2d3436}.info-section{margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:3px solid #4a90e2}.info-section h3{font-size:1rem;margin-bottom:.75rem;color:#333}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item-vertical{display:flex;flex-direction:column;gap:.3rem}.info-item-vertical label{font-size:.85rem;font-weight:600;color:#555}.info-item-vertical p{margin:0;font-size:.9rem;color:#333;line-height:1.4}.visits-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.visits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;flex-wrap:wrap;gap:1rem}.visits-header h2{font-size:1.5rem;color:#2c3e50;margin:0;font-weight:600;display:flex;align-items:center;gap:.5rem}.btn-add-visit{background:#fff;color:#667eea;border:2px solid #667eea;padding:.6rem 1.2rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-add-visit:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.visits-table-container{overflow-x:auto;border:1px solid #e0e0e0;border-radius:8px}.visits-table{width:100%;border-collapse:collapse}.visits-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.visits-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;color:#555}.visits-table td{padding:1rem;border-bottom:1px solid #ecf0f1;font-size:.95rem}.visits-table tbody tr{transition:background-color .2s ease}.visits-table tbody tr:hover{background-color:#f8f9fa}.visit-name{font-weight:500;color:#667eea;cursor:pointer}.created-by{color:#667eea;font-weight:500}.btn-edit-visit{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.btn-edit-visit:hover{background:#f0f0f0}.visit-details-panel{padding:2rem;background:#fafbfc;margin:.5rem;border-radius:8px;border:1px solid #e0e0e0}.visit-details-content{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.visit-detail-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;border-radius:6px;border-left:3px solid #667eea}.visit-detail-item strong{color:#667eea;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.visit-detail-item p{margin:0;color:#333;font-size:.95rem;line-height:1.6;white-space:pre-wrap}.visit-detail-item:last-child{grid-column:1 / -1}.no-visits{text-align:center;padding:3rem;color:#95a5a6}.no-visits p{font-size:1.1rem;margin-bottom:1.5rem}.btn-add-first-visit{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-add-first-visit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b89466}.contacts-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.contacts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;flex-wrap:wrap;gap:1rem}.contacts-header h2{font-size:1.5rem;color:#2c3e50;margin:0;font-weight:600}.contacts-header p{color:#7f8c8d;margin:.5rem 0 0;font-size:.9rem}.btn-add-contact{background:#fff;color:#667eea;border:2px solid #667eea;padding:.6rem 1.2rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-add-contact:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.contacts-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-container{flex:1;min-width:300px}.search-input{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.delete-actions{display:flex;gap:1rem}.btn-delete{background:#e74c3c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-delete:hover{background:#c0392b;transform:translateY(-2px)}.table-responsive{overflow-x:auto;border:1px solid #e0e0e0;border-radius:8px}.contacts-table{width:100%;border-collapse:collapse}.contacts-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.contacts-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;color:#555}.contacts-table td{padding:1rem;border-bottom:1px solid #ecf0f1;font-size:.95rem}.contacts-table tbody tr{transition:background-color .2s ease}.contacts-table tbody tr:hover{background-color:#f8f9fa}.contact-name{font-weight:500;color:#667eea}.action-buttons{display:flex;gap:.5rem}.btn-edit-contact{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.btn-edit-contact:hover{background:#fff3e0}.no-contacts{text-align:center;padding:3rem;color:#95a5a6}.no-contacts p{font-size:1.1rem;margin-bottom:1.5rem}.btn-add-first{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-add-first:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b89466}.btn-expand{background:none;border:none;font-size:1rem;cursor:pointer;padding:.5rem;color:#667eea;transition:transform .2s ease}.btn-expand:hover{transform:scale(1.2)}.expanded-row,.expanded-details{background-color:#f8f9fa}.expanded-details td{padding:0!important}.contact-details-panel{padding:1.5rem;background:#fff;margin:.5rem;border-radius:8px;border-left:4px solid #667eea}.contact-details-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.detail-section{display:flex;flex-direction:column;gap:.75rem}.detail-section h4{margin:0 0 .5rem;color:#667eea;font-size:1rem;font-weight:600;border-bottom:2px solid #ecf0f1;padding-bottom:.5rem}.detail-row{display:flex;gap:.75rem;align-items:flex-start}.detail-label{font-weight:600;color:#666;font-size:.9rem;min-width:140px}.detail-value{color:#333;font-size:.9rem;flex:1}.notes-section{grid-column:1 / -1}.notes-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.note-card{background:#f8f9fa;border-left:3px solid #667eea;padding:.75rem;border-radius:6px}.note-meta{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.8rem}.note-date{color:#667eea;font-weight:600}.note-author{color:#888}.note-content{margin:0;color:#333;font-size:.9rem;line-height:1.5;white-space:pre-wrap}.delete-confirm-modal{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:12px;max-width:500px;width:90%;box-shadow:0 10px 40px #0003}.modal-content h3{margin:0 0 1rem;color:#e74c3c;font-size:1.5rem}.modal-content p{color:#2c3e50;margin:.5rem 0}.warning-text{color:#e74c3c;font-weight:600;margin-top:1rem!important}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.btn-cancel{background:#95a5a6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-confirm-delete{background:#e74c3c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-confirm-delete:hover{background:#c0392b}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.chatter-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.chatter-header{margin-bottom:1.5rem}.chatter-header h2{font-size:1.5rem;color:#2c3e50;margin:0 0 .25rem;font-weight:600}.chatter-header p{color:#7f8c8d;margin:0;font-size:.9rem}.chatter-post-box{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:1rem;margin-bottom:2rem}.chatter-textarea{width:100%;border:none;background:#fff;border-radius:6px;padding:1rem;font-size:.95rem;font-family:inherit;resize:vertical;min-height:80px;margin-bottom:.75rem;border:1px solid #e0e0e0}.chatter-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.chatter-post-actions{display:flex;justify-content:flex-end}.btn-post-chatter{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.6rem 2rem;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-post-chatter:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-post-chatter:disabled{opacity:.5;cursor:not-allowed;transform:none}.chatter-feed{display:flex;flex-direction:column;gap:1rem}.chatter-post{background:#f8f9fa;border-radius:8px;padding:1.25rem;border-left:3px solid #667eea;transition:all .2s ease}.chatter-post:hover{box-shadow:0 2px 8px #0000001a}.chatter-post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.chatter-author-info{display:flex;align-items:center;gap:.75rem}.chatter-author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.chatter-author-details{display:flex;flex-direction:column;gap:.1rem}.chatter-author-name{font-weight:600;color:#2c3e50;font-size:.95rem}.chatter-post-time{color:#7f8c8d;font-size:.8rem}.btn-delete-chatter{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;opacity:0}.chatter-post:hover .btn-delete-chatter{opacity:1}.btn-delete-chatter:hover{background:#fee}.chatter-post-content{padding-left:3.25rem}.chatter-post-content p{margin:0;color:#333;font-size:.95rem;line-height:1.6;white-space:pre-wrap}.no-chatter{text-align:center;padding:3rem 2rem;color:#95a5a6}.no-chatter p{margin:0;font-size:1rem}.transaction-history-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.transaction-header{margin-bottom:20px;border-bottom:2px solid #e5e7eb;padding-bottom:12px}.transaction-header h2{font-size:1.5rem;color:#1f2937;margin:0}.transactions-list{display:flex;flex-direction:column;gap:16px}.transaction-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .3s ease}.transaction-card:hover{box-shadow:0 4px 12px #0000001a}.transaction-summary{padding:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#f9fafb;transition:background-color .2s}.transaction-summary:hover{background:#f3f4f6}.transaction-main-info{display:flex;flex-direction:column;gap:8px;flex:1}.transaction-date,.transaction-id{font-size:.95rem;color:#4b5563}.transaction-value-info{display:flex;align-items:center;gap:16px}.transaction-amount{font-size:1.25rem;color:#059669;font-weight:600}.btn-expand-transaction{background:none;border:none;font-size:1.2rem;color:#6b7280;cursor:pointer;padding:4px 8px;transition:color .2s}.btn-expand-transaction:hover{color:#1f2937}.transaction-details{padding:20px;background:#fff;border-top:1px solid #e5e7eb}.transaction-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:.85rem;color:#6b7280;font-weight:500}.info-value{font-size:.95rem;color:#1f2937}.purchase-items{margin-top:20px}.purchase-items h4{font-size:1.1rem;color:#1f2937;margin-bottom:12px}.items-table-container{overflow-x:auto}.items-table-compact{width:100%;border-collapse:collapse;font-size:.9rem}.items-table-compact th,.items-table-compact td{padding:10px;text-align:left;border-bottom:1px solid #e5e7eb}.items-table-compact th{background:#f9fafb;color:#6b7280;font-weight:600;font-size:.85rem;text-transform:uppercase}.items-table-compact tbody tr:hover{background:#f9fafb}.no-transactions{text-align:center;padding:40px;color:#6b7280}.no-transactions p{font-size:1rem;margin:0}.documents-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.documents-header{margin-bottom:20px;border-bottom:2px solid #e5e7eb;padding-bottom:12px}.documents-header h2{font-size:1.5rem;color:#1f2937;margin:0}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.document-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.document-card:hover{background:#f3f4f6;box-shadow:0 2px 8px #0000001a}.document-icon{font-size:2rem;flex-shrink:0}.document-info{flex:1;min-width:0}.document-name{font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-date{font-size:.85rem;color:#6b7280;margin-top:4px}.btn-view-document{padding:8px 16px;background:#3b82f6;color:#fff;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:500;transition:background-color .2s;white-space:nowrap}.btn-view-document:hover{background:#2563eb}.opportunities-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.opportunities-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.opportunities-header>div h2{margin:0;font-size:1.5rem;color:#2c3e50;font-weight:600}.opportunities-header>div p{margin:.5rem 0 0;color:#7f8c8d;font-size:.9rem}.btn-add-opportunity{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.btn-add-opportunity:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-delete-opportunity{padding:.6rem 1.2rem;background-color:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s}.btn-delete-opportunity:hover{background-color:#c82333}.opportunity-card{border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;transition:all .3s ease;background:#fafafa}.opportunity-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.opportunity-summary{padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;transition:background .2s}.opportunity-summary:hover{background:#f8f9fa}.opportunity-main-info{flex:1}.opportunity-title{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.opportunity-title h3{margin:0;font-size:1.15rem;color:#2c3e50;font-weight:600}.status-badge{padding:.35rem .85rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-prospecting{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.status-qualified{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.status-proposal-sent{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#6a1b9a}.status-negotiation{background:linear-gradient(135deg,#fce4ec,#f8bbd0);color:#ad1457}.status-won{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.status-lost{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.opportunity-meta{display:flex;gap:2rem;font-size:.9rem;color:#666;flex-wrap:wrap}.opportunity-meta span{display:flex;align-items:center;gap:.5rem}.opportunity-meta strong{color:#2c3e50;font-weight:600}.btn-expand-opportunity{background:#f0f0f0;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem .75rem;color:#7f8c8d;border-radius:6px;transition:all .2s;min-width:40px;display:flex;align-items:center;justify-content:center}.btn-expand-opportunity:hover{background:#e0e0e0;color:#2c3e50}.opportunity-details{padding:2rem;background:#f8f9fa;border-top:2px solid #e8e8e8}.opportunity-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.opportunity-info-grid .info-item{background:#fff;padding:1rem;border-radius:8px;border-left:3px solid #667eea}.opportunity-info-grid .info-item.full-width{grid-column:1 / -1}.opportunity-info-grid .info-label{display:block;font-weight:600;color:#2c3e50;font-size:.85rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.opportunity-info-grid .info-value{color:#555;line-height:1.5;margin:0}.opportunity-actions{display:flex;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e0e0e0;gap:1rem}.btn-edit-opportunity{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.65rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.btn-edit-opportunity:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.no-opportunities p{font-size:1.1rem;margin-bottom:1.5rem;color:#95a5a6}.btn-add-first-opportunity{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;cursor:pointer;font-weight:500;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.btn-add-first-opportunity:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.audit-trail-section{margin-top:40px;padding:20px;background-color:#f9fafb;border-top:1px solid #e5e7eb}.audit-trail-section h3{font-size:14px;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-weight:500}.audit-trail-list{display:flex;flex-direction:column;gap:8px}.audit-entry{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fff;border-left:2px solid #e5e7eb;font-size:12px;color:#6b7280;line-height:1.4}.audit-text{flex:1}.audit-timestamp{color:#9ca3af;font-size:11px;white-space:nowrap;margin-left:16px}.no-audit{font-size:12px;color:#9ca3af;font-style:italic;margin:0}@media(max-width:768px){.opportunities-header{flex-direction:column;gap:1rem}.btn-add-opportunity{width:100%}.opportunity-summary{flex-direction:column;align-items:flex-start;gap:1rem}.opportunity-meta{flex-direction:column;gap:.5rem}.opportunity-info-grid{grid-template-columns:1fr}.btn-expand-opportunity{align-self:flex-end}}@media(max-width:768px){.company-header{flex-direction:column;align-items:flex-start}.company-actions{width:100%;flex-direction:column}.btn-edit,.btn-back{width:100%}.company-details-grid{grid-template-columns:1fr}.contact-details-grid{grid-template-columns:1fr;gap:1rem}.detail-row{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}.visit-details-content{grid-template-columns:1fr}.contacts-table,.visits-table{font-size:.85rem}.contacts-table th,.contacts-table td,.visits-table th,.visits-table td{padding:.75rem .5rem}.chatter-post-content{padding-left:0;margin-top:.5rem}.chatter-author-info{flex-direction:row}}.visit-form-container{min-height:100vh;background-color:#f5f7fa}.visit-form-main{max-width:1000px;margin:0 auto;padding:2rem}.company-info-banner{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px #00b8944d;flex-wrap:wrap;gap:1rem}.btn-view-company{background:#fff;color:#00b894;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-view-company:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.visit-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.form-section{margin-bottom:2.5rem}.section-title{font-size:1.5rem;color:#2c3e50;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid #00b894}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-label{font-size:.9rem;font-weight:600;color:#555;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#00b894;box-shadow:0 0 0 3px #00b8941a}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid #ecf0f1}.btn-cancel{background:#95a5a6;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-cancel:hover{background:#7f8c8d;transform:translateY(-2px)}.btn-cancel:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.btn-submit{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b89466}.btn-submit:disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);cursor:not-allowed;transform:none}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f7fa}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #00b894;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@media(max-width:768px){.visit-form-main{padding:1rem}.visit-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.company-info-banner{flex-direction:column;align-items:flex-start}.btn-view-company{width:100%}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.opportunity-form-container{min-height:100vh;background-color:#f5f7fa}.opportunity-form-main{max-width:1200px;margin:0 auto;padding:2rem}.company-info-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem;border-radius:8px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.company-info-banner h2{margin:0;font-size:1.5rem}.company-info-banner p{margin:.5rem 0 0;opacity:.9}.btn-view-company{background:#fff3;color:#fff;border:2px solid white;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-view-company:hover{background:#fff;color:#667eea}.opportunity-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-section{padding:2rem;border-bottom:1px solid #e0e0e0}.form-section:last-of-type{border-bottom:none}.section-title{margin:0 0 1.5rem;font-size:1.3rem;color:#2c3e50;border-bottom:2px solid #27ae60;padding-bottom:.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-label{font-weight:600;margin-bottom:.5rem;color:#2c3e50;font-size:.95rem}.form-label.required:after{content:" *";color:#e74c3c}.form-input,.form-select,.form-textarea{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a}.form-input.error,.form-select.error,.form-textarea.error{border-color:#e74c3c}.form-textarea{resize:vertical;min-height:100px}.error-text{color:#e74c3c;font-size:.85rem;margin-top:.25rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:2rem;background:#f8f9fa;border-top:1px solid #e0e0e0}.btn-cancel,.btn-submit{padding:.75rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:#95a5a6;color:#fff}.btn-cancel:hover{background:#7f8c8d}.btn-submit{background:#27ae60;color:#fff}.btn-submit:hover{background:#229954}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}.file-input-section{padding:.25rem 1rem;background:#f9fafb;padding-left:20px;padding-right:20px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #27ae60;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@media(max-width:768px){.opportunity-form-main{padding:1rem}.form-section{padding:1.5rem}.form-row{grid-template-columns:1fr}.company-info-banner{flex-direction:column;gap:1rem;text-align:center}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.form-input.read-only{background-color:#f8f9fa;color:#7f8c8d;cursor:not-allowed;border:1px dashed #cbd5e0}.auto-gen-label{font-size:.75rem;color:#27ae60;font-weight:500;margin-left:5px}.opportunities-page-container{padding:2rem;max-width:1400px;margin:0 auto}.opportunities-page-main{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.opportunities-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e9ecef}.opportunities-page-header h1{margin:0;font-size:2rem;color:#2c3e50}.opportunities-page-header p{margin:.5rem 0 0;color:#7f8c8d;font-size:1rem}.opportunities-filters{margin-bottom:1.5rem}.search-container{margin-bottom:1rem}.search-input{width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:#3498db}.filter-controls{display:flex;gap:1.5rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-weight:600;color:#2c3e50;font-size:.9rem}.filter-select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#3498db}.results-summary{margin-bottom:1.5rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:6px}.results-summary p{margin:0;color:#495057;font-size:.9rem;font-weight:500}.opportunities-list{display:flex;flex-direction:column;gap:1rem}.company-link{background:none;border:none;color:#3498db;font-size:.95rem;font-weight:600;cursor:pointer;padding:0;text-decoration:none;transition:color .2s}.company-link:hover{color:#2980b9;text-decoration:underline}.opportunity-company{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;margin-bottom:.5rem}.btn-view-company-details{padding:.6rem 1.2rem;background-color:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s}.btn-view-company-details:hover{background-color:#5a6268}.no-opportunities{text-align:center;padding:4rem 2rem;color:#7f8c8d}.no-opportunities p{font-size:1.1rem;margin:0}@media(max-width:768px){.opportunities-page-container,.opportunities-page-main{padding:1rem}.opportunities-page-header{flex-direction:column;align-items:flex-start}.filter-controls{flex-direction:column;width:100%}.filter-group{width:100%;justify-content:space-between}.filter-select{flex:1}}.admin-console-container{display:flex;min-height:calc(100vh - 70px);background-color:#f1f5f9}.admin-sidebar{width:280px;background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff;padding:1.5rem;display:flex;flex-direction:column;position:sticky;top:70px;height:calc(100vh - 70px)}.admin-profile{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem}.admin-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;text-transform:uppercase}.admin-info{display:flex;flex-direction:column;gap:.25rem}.admin-name{font-weight:600;font-size:1rem}.admin-email{font-size:.75rem;color:#94a3b8}.admin-badge{font-size:.65rem;background:linear-gradient(135deg,#10b981,#059669);padding:.2rem .5rem;border-radius:1rem;margin-top:.25rem;display:inline-block;width:fit-content}.admin-nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.nav-item{background:transparent;border:none;color:#94a3b8;padding:.875rem 1rem;text-align:left;border-radius:.5rem;cursor:pointer;transition:all .2s;font-size:.95rem;display:flex;align-items:center;gap:.75rem}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:500}.btn-back-dashboard{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.875rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s;font-size:.9rem;margin-top:auto}.btn-back-dashboard:hover{background:#fff3}.admin-main{flex:1;padding:2rem;overflow-y:auto}.admin-main h2{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:1rem}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:700;color:#1e293b}.stat-label{color:#64748b;font-size:.9rem}.quick-actions{background:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.quick-actions h3{color:#1e293b;margin-bottom:1rem;font-size:1.1rem}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.action-buttons button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.action-buttons button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.recent-activity-preview{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.recent-activity-preview h3{color:#1e293b;margin-bottom:1rem;font-size:1.1rem}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f8fafc;border-radius:.5rem}.activity-user{font-weight:600;color:#1e293b;min-width:150px}.activity-action{color:#64748b;flex:1}.activity-time{color:#94a3b8;font-size:.85rem}.admin-users h2{margin-bottom:.5rem}.add-user-section{background:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.add-user-section h3{color:#1e293b;margin-bottom:1rem;font-size:1.1rem}.add-user-form{display:flex;gap:1rem;flex-wrap:wrap}.email-input{flex:1;min-width:250px;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.95rem;transition:border-color .2s}.email-input:focus{outline:none;border-color:#3b82f6}.permission-select{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.95rem;background:#fff;min-width:180px;cursor:pointer}.permission-select:focus{outline:none;border-color:#3b82f6}.btn-add-user{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.btn-add-user:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-add-user:disabled{opacity:.6;cursor:not-allowed}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.permission-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.permission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.permission-header h4{color:#1e293b;font-size:1.1rem;margin:0}.user-count{background:#e0f2fe;color:#0369a1;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:500}.permission-description{color:#64748b;font-size:.85rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.user-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.user-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#f8fafc;border-radius:.5rem}.user-email{color:#334155;font-size:.9rem}.btn-remove-user{background:#fee2e2;color:#dc2626;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .2s}.btn-remove-user:hover{background:#dc2626;color:#fff}.super-admin-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;padding:.2rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:600}.no-users{color:#94a3b8;font-size:.9rem;font-style:italic;text-align:center;padding:1rem}.admin-activity{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.activity-description{color:#64748b;margin-bottom:1.5rem}.activity-table-container{overflow-x:auto}.activity-table{width:100%;border-collapse:collapse}.activity-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0}.activity-table td{padding:.875rem 1rem;border-bottom:1px solid #e2e8f0;color:#1e293b}.activity-table tbody tr:hover{background:#f8fafc}.action-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.action-badge.action-added,.action-badge.action-created{background:#d1fae5;color:#047857}.action-badge.action-updated,.action-badge.action-edited{background:#dbeafe;color:#1d4ed8}.action-badge.action-deleted{background:#fee2e2;color:#dc2626}.action-badge.action-posted{background:#fef3c7;color:#b45309}.admin-settings{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.settings-section h3{color:#1e293b;margin-bottom:1rem;font-size:1.1rem}.setting-item{margin-bottom:1rem}.setting-item label{display:block;color:#374151;font-weight:500;margin-bottom:.25rem}.setting-value{color:#1e293b;font-size:1rem;background:#f8fafc;padding:.5rem .75rem;border-radius:.375rem;display:inline-block}.setting-hint{color:#64748b;font-size:.85rem;margin-top:.5rem}.super-admin-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.super-admin-item{background:#fef3c7;padding:.75rem 1rem;border-radius:.5rem;color:#92400e;font-weight:500}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.access-denied h1{font-size:3rem;margin-bottom:1rem}.access-denied p{color:#64748b;font-size:1.1rem;margin-bottom:2rem}.access-denied button{background:#3b82f6;color:#fff;border:none;padding:.875rem 2rem;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:500}@media(max-width:1024px){.admin-console-container{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:relative;top:0;padding:1rem}.admin-nav{flex-direction:row;flex-wrap:wrap;justify-content:center}.nav-item{padding:.5rem 1rem}.btn-back-dashboard{margin-top:1rem}}@media(max-width:768px){.admin-main{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.permissions-grid{grid-template-columns:1fr}.add-user-form{flex-direction:column}.email-input,.permission-select,.btn-add-user{width:100%}.activity-item{flex-direction:column;align-items:flex-start;gap:.25rem}.activity-user{min-width:unset}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.admin-profile{flex-direction:column;text-align:center}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}.leads-container{background-color:#f8fafc;min-height:100vh}.leads-main{max-width:1400px;margin:0 auto;padding:2rem}.leads-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.leads-header h1{color:#1e293b;font-size:1.8rem;font-weight:700}.btn-add-lead{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;box-shadow:0 2px 4px #2563eb33}.btn-add-lead:hover{transform:translateY(-1px);box-shadow:0 4px 6px #2563eb4d}.btn-back{background-color:#fff;border:1px solid #cbd5e1;color:#64748b;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back:hover{background-color:#f1f5f9;color:#334155}.leads-filters{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:2rem;display:flex;gap:1rem;align-items:center}.search-box{flex:1;position:relative}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:#3b82f6}.search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:#94a3b8}.filter-select{padding:.75rem 2rem .75rem 1rem;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;cursor:pointer;font-size:.95rem;outline:none}.leads-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.leads-table{width:100%;border-collapse:collapse}.leads-table th{background-color:#f8fafc;color:#64748b;font-weight:600;text-align:left;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.leads-table td{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;color:#334155}.leads-table tr:hover{background-color:#f8fafc;cursor:pointer}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.85rem;font-weight:500;display:inline-block}.status-new{background-color:#dbeafe;color:#1e40af}.status-contacted{background-color:#fff7ed;color:#9a3412}.status-qualified{background-color:#dcfce7;color:#166534}.status-won{background-color:#166534;color:#fff}.status-lost{background-color:#fee2e2;color:#991b1b}.lead-name{font-weight:600;color:#1e293b;display:block}.lead-company{font-size:.85rem;color:#64748b}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lead-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#334155}.required:after{content:" *";color:#ef4444}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.error-text{color:#ef4444;font-size:.85rem;margin-top:.25rem;display:block}.form-section-title{font-size:1.1rem;color:#0f172a;font-weight:600;margin-bottom:1rem;border-bottom:1px solid #e2e8f0;padding-bottom:.5rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.btn-cancel,.btn-submit{padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background-color:#fff;border:1px solid #cbd5e1;color:#64748b}.btn-submit{background-color:#3b82f6;border:none;color:#fff}.btn-submit:hover{background-color:#2563eb}.btn-cancel:hover{background-color:#f1f5f9;color:#334155}.lead-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;background:#fff;padding:2.5rem;border-radius:24px;box-shadow:0 10px 15px -3px #0000000d;border:1px solid #f1f5f9}.header-left-col{display:flex;flex-direction:column;gap:.5rem}.header-right-col{display:flex;gap:1rem;align-items:flex-start}.back-link{background:#f8fafc;border:1px solid #e2e8f0;color:#475569;cursor:pointer;font-size:.875rem;font-weight:600;margin-bottom:1.25rem;padding:.6rem 1.25rem;border-radius:12px;display:inline-flex;align-items:center;gap:.6rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content;box-shadow:0 1px 2px #0000000d}.back-link:hover{background:#fff;border-color:#3b82f6;color:#3b82f6;transform:translate(-4px);box-shadow:0 4px 6px -1px #0000001a}.lead-title{margin:0;font-size:2.25rem;color:#0f172a;font-weight:800;letter-spacing:-.025em}.lead-subtitle{color:#64748b;margin:0;font-size:1.1rem;font-weight:500}.lead-last-activity{margin-top:.5rem;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.activity-label{color:#94a3b8;font-weight:600}.activity-date{color:#475569;font-weight:700}.status-dropdown{padding:.75rem 1rem;border-radius:12px;border:2px solid #f1f5f9;background:#f8fafc;font-weight:700;color:#334155;cursor:pointer;transition:all .2s;outline:none;min-width:160px}.status-dropdown:focus{border-color:#3b82f6;background:#fff}.status-selector-container{display:flex;gap:.5rem;align-items:center}.btn-save-status{padding:.75rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:700;transition:all .2s;box-shadow:0 4px 6px -1px #3b82f633}.btn-save-status:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f64d}.btn-edit{padding:.75rem 1.5rem;background:#fff;border:2px solid #f1f5f9;border-radius:12px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s}.btn-edit:hover{background:#f8fafc;border-color:#e2e8f0}.btn-convert{padding:.75rem 1.5rem;background:#16a34a;color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 6px -1px #16a34a33;transition:all .2s}.btn-convert:hover{background:#15803d;transform:translateY(-2px);box-shadow:0 10px 15px -3px #16a34a4d}.details-grid{display:grid;grid-template-columns:380px 1fr;gap:2.5rem}.info-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9}.info-card h3{font-size:1.25rem;font-weight:800;color:#0f172a;margin:0 0 1.5rem}.info-row{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #f8fafc}.info-row label{color:#64748b;font-weight:600}.info-row span{color:#1e293b;font-weight:700}.activity-input-box{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9;margin-bottom:2rem}.activity-tabs{display:flex;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9;margin-bottom:1.5rem}.tab-btn{padding:.6rem 1.25rem;border-radius:10px;border:2px solid transparent;background:transparent;color:#64748b;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.tab-btn:hover{background:#f8fafc;color:#334155}.tab-btn.active{background:#eff6ff;color:#2563eb;border-color:#3b82f6}.activity-textarea{width:100%;min-height:120px;padding:1rem;border:2px solid #f1f5f9;border-radius:12px;background:#f8fafc;font-family:inherit;font-size:1rem;resize:vertical;transition:all .2s;margin-bottom:1rem}.activity-textarea:focus{border-color:#3b82f6;background:#fff;outline:none;box-shadow:0 0 0 4px #3b82f61a}.activity-footer{display:flex;justify-content:flex-end;gap:1rem;align-items:center}.outcome-select{padding:.6rem 1rem;border-radius:10px;border:2px solid #f1f5f9;background:#fff;font-weight:600;color:#334155;outline:none}.btn-log{padding:.6rem 1.5rem;background:#334155;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s}.btn-log:hover{background:#0f172a;transform:translateY(-1px)}.timeline-list{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9}.timeline-list h3{font-size:1.25rem;font-weight:800;color:#0f172a;margin:0 0 2rem}.timeline-item{display:flex;gap:1.5rem;padding-bottom:2rem;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:20px;top:40px;bottom:0;width:2px;background:#f1f5f9}.timeline-icon{width:40px;height:40px;border-radius:50%;background:#f8fafc;border:2px solid #f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.25rem;z-index:1}.timeline-content{flex:1}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.timeline-type{font-weight:800;color:#1e293b;font-size:1rem}.timeline-date{font-size:.85rem;color:#94a3b8;font-weight:600}.timeline-desc{color:#475569;line-height:1.5;margin:0 0 .75rem}.timeline-tag{display:inline-block;padding:.2rem .6rem;background:#f1f5f9;color:#475569;border-radius:6px;font-size:.75rem;font-weight:700;margin-bottom:.5rem}.timeline-user{font-size:.75rem;color:#94a3b8;font-weight:600;font-style:italic}.empty-state{text-align:center;color:#94a3b8;padding:2rem 0;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.conversion-modal{background:#fff;width:100%;max-width:500px;border-radius:32px;padding:3rem;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.conversion-modal h2{margin:0 0 1rem;color:#0f172a;font-size:2rem;font-weight:900;letter-spacing:-.025em}.conversion-modal p{color:#64748b;margin-bottom:2.5rem;line-height:1.6;font-size:1.1rem}.sector-selection{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:3rem}.sector-btn{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border:2px solid #f1f5f9;border-radius:20px;background:#f8fafc;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;font-size:1.25rem;font-weight:800;color:#475569}.sector-btn:hover{border-color:#3b82f6;background:#fff;transform:scale(1.02);color:#1e293b}.sector-btn.active{border-color:#3b82f6;background:#eff6ff;color:#2563eb;box-shadow:0 10px 15px -3px #2563eb1a}.sector-btn.active:after{content:"✓";font-size:1.5rem}.modal-footer{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem}.btn-confirm-convert{padding:1.25rem;border-radius:18px;background:#2563eb;color:#fff;border:none;font-weight:800;font-size:1.1rem;cursor:pointer;box-shadow:0 10px 20px #2563eb4d;transition:all .2s}.btn-confirm-convert:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 15px 30px #2563eb66}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.btn-add-same-company{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:12px 24px;border:none;border-radius:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #2563eb4d;margin:20px 0;width:fit-content}.btn-add-same-company:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #2563eb66}.plus-icon-container{width:32px;height:32px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.plus-icon-container:before{content:"+";color:#3b82f6;font-size:24px;font-weight:300}.pulse-animation{position:absolute;width:100%;height:100%;background:#3b82f633;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.8}70%{transform:scale(1.5);opacity:0}to{transform:scale(.95);opacity:0}}.mode-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#fef3c7;color:#92400e;border-radius:8px;font-size:.85rem;font-weight:700;margin-bottom:1rem;border:1px solid #fde68a;animation:fadeIn .3s ease}.locked-field{background-color:#f1f5f9!important;cursor:not-allowed;border-color:#e2e8f0!important;color:#64748b!important}.email-compose-overlay{position:fixed;bottom:0;right:24px;z-index:1000;pointer-events:none}.email-compose-overlay.minimized{bottom:0}.email-compose-modal{width:580px;max-width:90vw;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -4px 20px #0003;display:flex;flex-direction:column;pointer-events:all;animation:slideUp .3s ease-out;max-height:85vh;overflow:hidden}.email-compose-modal.minimized{height:auto;max-height:none}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.email-compose-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;border-radius:12px 12px 0 0;cursor:move}.email-compose-title{font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}.email-lead-badge{background:#ffffff26;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:400}.email-compose-actions{display:flex;gap:4px}.email-action-btn{background:transparent;border:none;color:#fff;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.email-action-btn:hover{background:#ffffff26}.email-action-btn.close:hover{background:#ef4444}.gmail-connect-banner{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(135deg,#fff3cd,#ffeeba);border-bottom:1px solid #ffc107}.gmail-connect-banner span{font-size:13px;color:#856404;font-weight:500}.btn-connect-gmail{background:linear-gradient(135deg,#4285f4,#1a73e8);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-connect-gmail:hover{transform:translateY(-1px);box-shadow:0 2px 8px #1a73e84d}.email-compose-body{padding:12px 16px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.email-field{display:flex;align-items:center;border-bottom:1px solid #e8eaed;padding:8px 0}.email-field label{width:50px;font-size:13px;color:#5f6368;font-weight:500}.email-input{flex:1;border:none;outline:none;font-size:14px;padding:4px 8px;color:#202124}.email-input::placeholder{color:#9aa0a6}.cc-bcc-toggle{background:none;border:none;color:#5f6368;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.cc-bcc-toggle:hover{background:#f1f3f4;color:#1a73e8}.email-toolbar{display:flex;align-items:center;gap:4px;padding:8px 0;border-bottom:1px solid #e8eaed}.email-toolbar button{background:none;border:none;width:32px;height:32px;border-radius:4px;cursor:pointer;font-size:14px;color:#5f6368;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.email-toolbar button:hover{background:#f1f3f4;color:#1a73e8}.toolbar-divider{color:#dadce0;margin:0 4px}.email-body-editor{flex:1;min-height:200px;max-height:350px;padding:12px 4px;font-size:14px;line-height:1.6;color:#202124;overflow-y:auto;outline:none;border:none}.email-body-editor:empty:before{content:attr(placeholder);color:#9aa0a6;pointer-events:none}.email-body-editor a{color:#1a73e8;text-decoration:underline}.email-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;border-top:1px solid #e8eaed}.attachment-chip{display:flex;align-items:center;gap:6px;background:#f1f3f4;padding:6px 10px;border-radius:8px;font-size:12px}.attachment-icon{font-size:14px}.attachment-name{color:#202124;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:#5f6368}.attachment-remove{background:none;border:none;color:#5f6368;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:50%;transition:all .2s ease}.attachment-remove:hover{background:#dadce0;color:#202124}.email-compose-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-top:1px solid #e8eaed;flex-wrap:wrap;gap:8px}.footer-left{display:flex;gap:8px}.footer-right{display:flex;gap:4px}.btn-send-email{background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff;border:none;padding:10px 24px;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #1a73e84d}.btn-send-email:hover:not(:disabled){background:linear-gradient(135deg,#1557b0,#0d47a1);box-shadow:0 2px 8px #1a73e866;transform:translateY(-1px)}.btn-send-email:disabled{background:#9aa0a6;cursor:not-allowed;box-shadow:none}.btn-save-draft{background:#fff;color:#5f6368;border:1px solid #dadce0;padding:10px 16px;border-radius:24px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save-draft:hover:not(:disabled){background:#f1f3f4;color:#202124;border-color:#5f6368}.btn-attach,.btn-discard{background:none;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-attach:hover{background:#f1f3f4}.btn-discard:hover{background:#fce8e6}.auto-save-status{width:100%;text-align:center;font-size:11px;color:#5f6368;margin-top:4px;font-style:italic}@media(max-width:640px){.email-compose-overlay{right:0;left:0}.email-compose-modal{width:100%;max-width:100%;border-radius:16px 16px 0 0}.email-body-editor{min-height:150px}.footer-left,.btn-send-email{flex:1}}.btn-compose-email{background:linear-gradient(135deg,#ea4335,#d93025);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;box-shadow:0 2px 6px #ea433540}.btn-compose-email:hover{background:linear-gradient(135deg,#d93025,#c5221f);transform:translateY(-1px);box-shadow:0 4px 12px #ea43354d}.btn-compose-email .email-icon{font-size:15px}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.btn-compose-email.visible{animation:fadeInSlide .3s ease-out}