.sidebar{width:260px;height:calc(100vh - var(--spacing-lg) * 2);margin:var(--spacing-lg);display:flex;flex-direction:column;padding:var(--spacing-md);position:sticky;top:var(--spacing-lg)}.sidebar-header{padding:var(--spacing-md) 0;border-bottom:1px solid var(--panel-border);margin-bottom:var(--spacing-lg)}.sidebar-header h2{font-size:1.2rem;background:linear-gradient(to right,var(--accent-color),#bc7df7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-sm)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:transparent;border-radius:var(--border-radius);color:var(--text-secondary);font-weight:500;text-align:left;border:1px solid transparent}.nav-item:hover{background:var(--glass-bg);color:var(--text-primary)}.nav-item.active{background:var(--glass-bg);color:var(--accent-color);border-color:var(--accent-color)}.nav-item .icon{font-size:1.2rem}.dashboard{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.metrics-grid.secondary{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.metric-card{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:transform var(--transition-fast)}.metric-card:hover{transform:translateY(-4px)}.metric-card .label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.metric-card .value{font-size:2rem;font-weight:700}.metric-card .value.accent{color:var(--accent-color)}.metric-card .value.success{color:var(--status-ganada)}.metric-card .value.danger{color:var(--status-perdida)}.proposal-table-container{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.table-header h1{margin-bottom:0}.filters{padding:var(--spacing-md);display:flex;gap:var(--spacing-md);flex-wrap:wrap}.filters select,.filters .search-input{background:var(--bg-color);color:var(--text-primary);border:1px solid var(--panel-border);padding:8px 12px;border-radius:6px;font-family:inherit}.filters .search-input{flex:1;min-width:200px}.table-wrapper{overflow-x:auto}.proposal-table{width:100%;border-collapse:collapse;text-align:left}.proposal-table th{padding:var(--spacing-md);border-bottom:1px solid var(--panel-border);color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.proposal-table td{padding:var(--spacing-md);border-bottom:1px solid var(--panel-border);cursor:pointer}.proposal-table tr:hover{background:var(--glass-bg)}.project-info{display:flex;flex-direction:column}.project-info .client{font-weight:600;font-size:.95rem}.project-info .title{color:var(--text-secondary);font-size:.85rem}.status-select{padding:4px 8px;border-radius:6px;border:1px solid transparent;font-size:.85rem;font-weight:500;background:var(--glass-bg);color:var(--text-primary)}.status-enviada{border-color:var(--status-enviada);color:var(--status-enviada)}.status-en-conversación{border-color:var(--status-conversacion);color:var(--status-conversacion)}.status-sin-respuesta{border-color:var(--status-sin-respuesta);color:var(--status-sin-respuesta)}.status-ganada{border-color:var(--status-ganada);color:var(--status-ganada)}.status-perdida{border-color:var(--status-perdida);color:var(--status-perdida)}.status-descartada{border-color:var(--status-descartado);color:var(--status-descartado)}.score-badge{background:rgba(var(--accent-color-rgb),.1);color:var(--accent-color);padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.reminder-count-badge{background:var(--panel-border);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:600;min-width:25px;display:inline-block;text-align:center}.reminder-count-badge.active{background:#34c75926;color:#34c759;border:1px solid rgba(52,199,89,.3)}.warning-row{border-left:4px solid var(--status-sin-respuesta);background:#f851490d}.actions-cell{display:flex;gap:var(--spacing-sm)}.danger-btn{background-color:transparent;color:var(--status-perdida);border:1px solid var(--status-perdida);padding:4px 8px;border-radius:6px;font-size:.9rem;transition:all var(--transition-fast)}.danger-btn:hover{background-color:var(--status-perdida);color:#fff}.small-btn{padding:4px 8px;font-size:.8rem}.mini-badge-type{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-size:.7rem;font-weight:800}.mini-badge-type.type-propuesta{background:#34c75926;color:#34c759;border:1px solid rgba(52,199,89,.3)}.mini-badge-type.type-consulta{background:#5856d626;color:#5856d6;border:1px solid rgba(88,86,214,.3)}.mini-badge-type.type-descarte{background:#484f5826;color:#8b949e;border:1px solid rgba(72,79,88,.3)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{width:90%;max-width:650px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--panel-border);display:flex;justify-content:space-between;align-items:center}.close-btn{background:transparent;border:none;font-size:1.5rem;color:var(--text-secondary);padding:0}.modal-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-section h3{margin:var(--spacing-xs) 0}.subtitle{color:var(--text-secondary);font-size:.9rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-color);border:1px solid var(--panel-border);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-family:inherit}.highlight-required{border-color:var(--status-conversacion)!important}.external-link{font-size:.8rem;margin-top:4px}.error-text{color:var(--status-sin-respuesta);font-size:.9rem;margin-top:var(--spacing-sm)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--panel-border);display:flex;justify-content:space-between}.right-actions{display:flex;gap:var(--spacing-md)}.danger-btn{background-color:transparent;color:var(--status-perdida);border:1px solid var(--status-perdida)}.danger-btn:hover{background-color:#da36331a}.header-title-group{display:flex;align-items:center;gap:var(--spacing-md)}.badge-type{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.type-propuesta{background:#34c75926;color:#34c759;border:1px solid rgba(52,199,89,.3)}.type-consulta{background:#5856d626;color:#5856d6;border:1px solid rgba(88,86,214,.3)}.type-descarte{background:#484f5826;color:#8b949e;border:1px solid rgba(72,79,88,.3)}.h3-input{font-size:1.5rem;font-weight:700;border:none!important;background:transparent!important;padding:0!important;margin:var(--spacing-xs) 0;width:100%}.h3-input:focus{outline:none;border-bottom:1px dashed var(--accent-color)!important}.conversion-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:12px;background:rgba(var(--accent-color-rgb),.1);border:1px solid var(--accent-color)}.conversion-banner p{margin:0;font-size:.9rem;color:var(--text-primary)}.convert-btn{background:var(--accent-color);color:#fff;padding:8px 16px;border:none;border-radius:8px;font-size:.85rem;cursor:pointer}.link-input-group{display:flex;gap:var(--spacing-sm);width:100%}.link-input-group input{flex:1}.external-link-btn{background:var(--panel-border);color:var(--text-primary);padding:8px 12px;border-radius:6px;text-decoration:none;font-size:.85rem;display:flex;align-items:center}.warning-banner{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:12px;background:#ff453a1a;border:1px solid #ff453a}.warning-content{font-size:.95rem;color:var(--text-primary)}.reminder-btn{background:#ff453a;color:#fff;padding:8px 16px;border:none;border-radius:8px;font-size:.85rem;cursor:pointer;font-weight:600;width:fit-content}.counter-display{display:flex;align-items:center;gap:var(--spacing-sm)}.counter-input{width:45px;padding:2px 5px!important;border-radius:12px;background:var(--panel-border);font-weight:700;text-align:center;border:1px solid var(--panel-border);font-family:inherit;color:var(--text-primary)}.counter-input.active{background:rgba(var(--accent-color-rgb),.2);color:var(--accent-color);border:1px solid var(--accent-color)}.counter-input::-webkit-outer-spin-button,.counter-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mini-btn,.mini-btn-dec{padding:2px 10px;font-size:.9rem;font-weight:700;border-radius:6px;background:var(--panel-border);border:1px solid var(--panel-border);cursor:pointer;color:var(--text-primary);transition:all .2s}.mini-btn:hover,.mini-btn-dec:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.expandable{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--panel-border)}.notes-list,.reminders-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);max-height:200px;overflow-y:auto}.note-item{padding:var(--spacing-sm);background:#ffffff08;border-radius:8px;border-left:3px solid var(--panel-border)}.note-date{font-size:.7rem;color:var(--text-secondary);display:block;margin-bottom:4px}.note-text{font-size:.85rem;margin:0}.reminder-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:#ffffff08;border-radius:8px}.reminder-item.completed{opacity:.5}.reminder-item.completed .reminder-text{text-decoration:line-through}.reminder-info{flex:1}.reminder-text{font-size:.85rem;margin:0}.reminder-date{font-size:.75rem;color:var(--status-conversacion)}.add-note-group,.add-reminder-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.add-reminder-group{flex-direction:row;align-items:center}.add-reminder-group input[type=text]{flex:2}.add-reminder-group input[type=date]{flex:1}.empty-text{font-style:italic;color:var(--text-secondary);font-size:.85rem}.secondary-btn{background:var(--panel-border);color:var(--text-primary);border:1px solid var(--panel-border);padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;align-self:flex-end}.new-proposal-modal .modal-content{max-width:600px}.new-proposal-modal form{display:contents}.type-toggle{display:flex;gap:1px;background:var(--panel-border);padding:2px;border-radius:8px;width:fit-content}.type-toggle button{background:transparent;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.type-toggle button.active{background:var(--accent-color);color:#fff;box-shadow:0 2px 4px #0000001a}.import-export-container{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:800px;margin:0 auto}.import-tool,.export-tool{padding:var(--spacing-lg);text-align:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.import-tool h3{margin-bottom:var(--spacing-xs)}.import-tool p,.export-tool p{color:var(--text-secondary);font-size:.95em;max-width:600px;margin:0 auto var(--spacing-md)}.export-actions{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.export-actions button{min-width:180px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.button,label.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 24px;background-color:var(--accent-color);color:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all var(--transition-fast)}.button:hover,label.button:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.error-message{color:var(--status-sin-respuesta);font-size:.85em;margin-top:var(--spacing-sm)}@media(min-width:768px){.import-export-container{padding-top:var(--spacing-xl)}}.app-container{display:flex;min-height:100vh;background-color:var(--bg-color)}.main-content{flex:1;height:100vh;overflow-y:auto;padding-bottom:var(--spacing-xl)}@media(max-width:768px){.app-container{flex-direction:column}.sidebar{width:auto;height:auto;position:relative;top:0;margin:var(--spacing-md)}}:root{--bg-color: #0d1117;--panel-bg: rgba(22, 27, 34, .7);--panel-border: rgba(48, 54, 61, .8);--text-primary: #f0f6fc;--text-secondary: #8b949e;--accent-color: #58a6ff;--accent-color-rgb: 88, 166, 255;--accent-hover: #1f6feb;--status-enviada: #8b949e;--status-conversacion: #d29922;--status-ganada: #238636;--status-perdida: #da3633;--status-sin-respuesta: #f85149;--status-descartado: #484f58;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--glass-bg: rgba(255, 255, 255, .05);--glass-blur: blur(12px);--shadow-sm: 0 1px 0 rgba(1, 4, 9, .1);--shadow-md: 0 8px 24px rgba(1, 4, 9, .2);--transition-fast: .2s ease;--border-radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.glass-panel{background:var(--panel-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:var(--border-radius);box-shadow:var(--shadow-md)}button{cursor:pointer;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--accent-color);color:#fff;transition:background-color var(--transition-fast)}button:hover{background-color:var(--accent-hover)}button.secondary{background-color:transparent;border:1px solid var(--panel-border);color:var(--text-primary)}button.secondary:hover{background-color:var(--glass-bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}