:root{--zoho-navy:#1c2b36;--zoho-sidebar:#263238;--zoho-sidebar-hover:#37474f;--zoho-sidebar-active:#1e293b;--zoho-blue:#0067ff;--zoho-blue-hover:#0052cc;--zoho-accent-cyan:#0284c7;--zoho-red:#e11d48;--zoho-bg:#f3f4f6;--zoho-card:#fff;--zoho-border:#e5e7eb;--zoho-text:#1c2b36;--zoho-text-muted:#64748b;--zoho-white:#fff;--zoho-green:#10b981;--zoho-orange:#f59e0b;--zoho-purple:#8b5cf6;--font-family:Inter, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--zoho-bg);color:var(--zoho-text);width:100vw;height:100vh;font-size:13px;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-wrapper{flex-direction:column;width:100vw;height:100vh;display:flex}.global-header{background-color:var(--zoho-navy);height:50px;color:var(--zoho-white);z-index:100;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.logo-container{letter-spacing:.5px;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.logo-icon{background-color:var(--zoho-blue);color:var(--zoho-white);border-radius:4px;padding:4px 8px;font-size:14px;font-weight:800}.header-center{flex:1;max-width:500px;margin:0 32px;position:relative}.global-search{width:100%;color:var(--zoho-white);background-color:#ffffff26;border:none;border-radius:4px;outline:none;padding:6px 12px 6px 36px;font-size:13px;transition:background-color .2s}.global-search:focus{background-color:#ffffff40;box-shadow:0 0 0 2px #0067ff80}.search-icon-wrapper{color:#ffffff80;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.header-right{align-items:center;gap:16px;display:flex}.header-btn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,color .2s;display:flex}.header-btn:hover{color:var(--zoho-white);background-color:#ffffff1a}.quick-create-btn{background-color:var(--zoho-blue);color:var(--zoho-white);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:background-color .2s;display:flex}.quick-create-btn:hover{background-color:var(--zoho-blue-hover)}.user-profile{cursor:pointer;align-items:center;gap:8px;display:flex}.avatar{background-color:var(--zoho-orange);width:28px;height:28px;color:var(--zoho-white);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.role-switcher-dropdown{color:var(--zoho-white);cursor:pointer;background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;outline:none;padding:4px 8px;font-size:12px}.role-switcher-dropdown option{background-color:var(--zoho-navy);color:var(--zoho-white)}.main-container{flex:1;display:flex;position:relative;overflow:hidden}.sidebar{background-color:var(--zoho-sidebar);color:#b0bec5;border-right:1px solid #0000001a;flex-direction:column;flex-shrink:0;width:200px;display:flex;overflow-y:auto}.sidebar-menu{flex-direction:column;gap:2px;padding:12px 0;list-style:none;display:flex}.sidebar-item{position:relative}.sidebar-link{color:#b0bec5;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{background-color:var(--zoho-sidebar-hover);color:var(--zoho-white)}.sidebar-item.active .sidebar-link{background-color:var(--zoho-sidebar-active);color:var(--zoho-white);border-left-color:var(--zoho-accent-cyan)}.sidebar-submenu{flex-direction:column;gap:2px;margin-top:2px;margin-bottom:6px;padding-left:28px;list-style:none;display:flex}.sidebar-sublink{color:#90a4ae;cursor:pointer;border-radius:4px;padding:6px 12px;font-size:12px;text-decoration:none;transition:all .2s;display:block}.sidebar-sublink:hover,.sidebar-subitem.active .sidebar-sublink{color:var(--zoho-white);background-color:#ffffff0d}.content-window{background-color:var(--zoho-bg);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.sub-header{background-color:var(--zoho-white);border-bottom:1px solid var(--zoho-border);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.sub-header-left{align-items:center;gap:16px;display:flex}.module-title{color:var(--zoho-text);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.view-tabs{align-items:center;gap:4px;display:flex}.view-tab{color:var(--zoho-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500}.view-tab:hover{color:var(--zoho-text);background-color:#f1f5f9}.view-tab.active{color:var(--zoho-blue);background-color:#eff6ff;font-weight:600}.sub-header-right{align-items:center;gap:8px;display:flex}.btn{cursor:pointer;border:1px solid var(--zoho-border);background-color:var(--zoho-white);color:var(--zoho-text);border-radius:4px;outline:none;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.btn-primary{background-color:var(--zoho-blue);color:var(--zoho-white);border-color:var(--zoho-blue)}.btn-primary:hover{background-color:var(--zoho-blue-hover);border-color:var(--zoho-blue-hover)}.btn-danger{background-color:var(--zoho-red);color:var(--zoho-white);border-color:var(--zoho-red)}.btn-danger:hover{background-color:#cd1d3f;border-color:#cd1d3f}.btn-xs{border-radius:3px;padding:3px 6px;font-size:11px}.canvas{flex:1;padding:16px;overflow-y:auto}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:16px;display:grid}.card{background-color:var(--zoho-card);border:1px solid var(--zoho-border);border-radius:4px;padding:16px;box-shadow:0 1px 3px #0000000d}.card-title{text-transform:uppercase;letter-spacing:.5px;color:var(--zoho-text-muted);margin-bottom:8px;font-size:12px;font-weight:600}.card-value{color:var(--zoho-text);font-size:24px;font-weight:700}.card-subtitle{color:var(--zoho-text-muted);margin-top:4px;font-size:11px}.table-container{background-color:var(--zoho-card);border:1px solid var(--zoho-border);border-radius:4px;flex-direction:column;max-height:100%;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.table-toolbar{border-bottom:1px solid var(--zoho-border);background-color:#f8fafc;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.table-search-input{border:1px solid var(--zoho-border);border-radius:4px;outline:none;width:200px;padding:5px 10px;font-size:12px}.table-search-input:focus{border-color:var(--zoho-blue)}.zoho-table-wrapper{overflow:auto}.zoho-table{border-collapse:collapse;text-align:left;width:100%}.zoho-table th{color:var(--zoho-text);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--zoho-border);-webkit-user-select:none;user-select:none;background-color:#f1f5f9;padding:8px 12px;font-size:11px;font-weight:600}.zoho-table td{border-bottom:1px solid var(--zoho-border);color:var(--zoho-text);white-space:nowrap;text-overflow:ellipsis;max-width:250px;padding:8px 12px;font-size:12px;overflow:hidden}.zoho-table tbody tr:hover{cursor:pointer;background-color:#f8fafc}.zoho-table tbody tr.selected{background-color:#f0f7ff}.pill{text-transform:capitalize;border-radius:12px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.pill-attempted{color:#d97706;background-color:#fef3c7}.pill-future{color:#2563eb;background-color:#dbeafe}.pill-contacted{color:#059669;background-color:#d1fae5}.pill-junk{color:#dc2626;background-color:#fee2e2}.pill-lost{color:#4b5563;background-color:#f3f4f6}.pill-notcontacted{color:#0284c7;background-color:#e0f2fe}.pill-prequalified{color:#4f46e5;background-color:#eef2f6}.pill-notqualified{color:#7c3aed;background-color:#f3e8ff}.priority-high{color:#dc2626;background-color:#fee2e2}.priority-medium{color:#d97706;background-color:#fef3c7}.priority-low{color:#0284c7;background-color:#e0f2fe}.status-draft{color:#4b5563;background-color:#f3f4f6}.status-sent{color:#0369a1;background-color:#e0f2fe}.status-accepted{color:#065f46;background-color:#d1fae5}.status-declined{color:#991b1b;background-color:#fee2e2}.status-unpaid{color:#92400e;background-color:#fef3c7}.status-paid{color:#065f46;background-color:#d1fae5}.status-overdue{color:#991b1b;background-color:#fee2e2}.kanban-container{align-items:flex-start;gap:12px;height:100%;padding-bottom:8px;display:flex;overflow-x:auto}.kanban-column{border:1px solid var(--zoho-border);background-color:#f1f5f9;border-radius:4px;flex-direction:column;flex-shrink:0;width:280px;max-height:100%;display:flex}.kanban-header{border-bottom:2px solid;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.col-new{background-color:#f8fafc;border-bottom-color:#94a3b8}.col-survey{background-color:#eff6ff;border-bottom-color:#60a5fa}.col-design{background-color:#fef3c7;border-bottom-color:#f59e0b}.col-pdesign{background-color:#fdf2f8;border-bottom-color:#ec4899}.col-boq{background-color:#f5f3ff;border-bottom-color:#8b5cf6}.col-sent{background-color:#ecfeff;border-bottom-color:#06b6d4}.col-review{background-color:#ecfdf5;border-bottom-color:#10b981}.col-lost{background-color:#fef2f2;border-bottom-color:#ef4444}.col-won{background-color:#f0fdf4;border-bottom-color:#10b981}.kanban-card-list{flex-direction:column;flex:1;gap:8px;min-height:150px;padding:8px;display:flex;overflow-y:auto}.kanban-card{background-color:var(--zoho-card);border:1px solid var(--zoho-border);cursor:grab;border-radius:4px;flex-direction:column;gap:6px;padding:12px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000d}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.kanban-card-title{color:var(--zoho-text);font-size:13px;font-weight:600}.kanban-card-company{color:var(--zoho-text-muted);font-size:11px}.kanban-card-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.kanban-card-amount{color:var(--zoho-text);font-size:12px;font-weight:700}.slide-over-overlay{z-index:200;background-color:#1c2b3666;justify-content:flex-end;display:flex;position:absolute;inset:0}.slide-over{background-color:var(--zoho-card);flex-direction:column;width:550px;max-width:90vw;height:100%;animation:.25s ease-out forwards slideIn;display:flex;box-shadow:-4px 0 24px #00000026}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-over-header{border-bottom:1px solid var(--zoho-border);background-color:#f8fafc;justify-content:space-between;align-items:center;padding:16px;display:flex}.slide-over-title{color:var(--zoho-text);font-size:15px;font-weight:600}.slide-over-body{flex:1;padding:20px;overflow-y:auto}.slide-over-section{margin-bottom:24px}.slide-over-section-title{text-transform:uppercase;color:var(--zoho-text-muted);border-bottom:1px solid var(--zoho-border);margin-bottom:12px;padding-bottom:4px;font-size:12px;font-weight:600}.detail-row{border-bottom:1px dashed #f1f5f9;padding:6px 0;display:flex}.detail-label{width:140px;color:var(--zoho-text-muted);flex-shrink:0;font-weight:500}.detail-value{color:var(--zoho-text);word-break:break-word;flex-grow:1}.modal-overlay{z-index:300;background-color:#1c2b3680;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay .modal-container{background:var(--zoho-card)}.modal-content{background-color:var(--zoho-card);border-radius:4px;flex-direction:column;width:600px;max-width:95vw;max-height:90vh;display:flex;box-shadow:0 4px 12px #00000026}.modal-header{border-bottom:1px solid var(--zoho-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.modal-body{flex:1;padding:16px;overflow-y:auto}.modal-footer{border-top:1px solid var(--zoho-border);background-color:#f8fafc;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-group{flex-direction:column;gap:4px;display:flex}.form-group.full-width{grid-column:span 2}.form-label{color:var(--zoho-text);font-size:12px;font-weight:500}.form-input,.form-select,.form-textarea{border:1px solid var(--zoho-border);background-color:var(--zoho-white);border-radius:4px;outline:none;padding:6px 10px;font-size:13px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--zoho-blue);box-shadow:0 0 0 2px #0067ff1a}.form-textarea{resize:vertical;min-height:60px}.project-tabs-container{flex-direction:column;height:100%;display:flex}.project-details-grid{grid-template-columns:2fr 1fr;gap:16px;height:100%;display:grid}.project-task-tree{flex-direction:column;gap:8px;display:flex}.task-item-row{border:1px solid var(--zoho-border);background-color:var(--zoho-white);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.task-item-left{align-items:center;gap:8px;display:flex}.task-indent{border-left:2px dashed var(--zoho-border);flex-shrink:0;width:24px;height:1px;margin-left:8px}.invoice-items-table{border-collapse:collapse;width:100%;margin-top:12px}.invoice-items-table th{text-align:left;border-bottom:2px solid var(--zoho-border);background-color:#f8fafc;padding:6px 8px}.invoice-items-table td{border-bottom:1px solid var(--zoho-border);padding:6px 8px}.analytics-chart-container{background-color:var(--zoho-white);border:1px solid var(--zoho-border);border-radius:4px;flex-direction:column;height:250px;padding:16px;display:flex}.bar-chart{border-left:2px solid var(--zoho-border);border-bottom:2px solid var(--zoho-border);flex:1;justify-content:space-between;align-items:flex-end;margin-left:24px;padding-top:20px;padding-left:12px;padding-right:12px;display:flex}.bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar{background-color:var(--zoho-blue);border-radius:4px 4px 0 0;width:24px;min-height:4px;transition:height .5s;position:relative}.bar:hover:after{content:attr(data-tooltip);background-color:var(--zoho-navy);color:var(--zoho-white);white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:10px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.bar-label{color:var(--zoho-text-muted);margin-top:4px;font-size:10px}.dragging{opacity:.5;border:2px dashed var(--zoho-blue)!important}.notifications-tray{background-color:var(--zoho-card);border:1px solid var(--zoho-border);z-index:250;border-radius:4px;flex-direction:column;width:320px;max-height:400px;display:flex;position:absolute;top:45px;right:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.notifications-header{border-bottom:1px solid var(--zoho-border);background-color:#f8fafc;justify-content:space-between;padding:10px 12px;font-weight:600;display:flex}.notifications-list{flex-direction:column;display:flex;overflow-y:auto}.notification-item{border-bottom:1px solid var(--zoho-border);color:var(--zoho-text);cursor:pointer;padding:10px 12px;font-size:11px;line-height:1.4;transition:background-color .2s}.notification-item:hover{background-color:#f8fafc}.notification-item.unread{border-left:3px solid var(--zoho-blue);background-color:#eff6ff}.notification-time{color:var(--zoho-text-muted);margin-top:4px;font-size:9px}