ricardo
66fd4e175a
- Auth con KAPPA (login + token Bearer) - Cliente HTTP para 10 endpoints (proyectos, HUs, bitácoras, planeaciones) - Dashboard multi-proyecto con concepto médico Teloprax - Calendario colombiano con 19 feriados (Ley Emiliani + Pascua) - Scheduler tipo cron con Dexie (reglas recurrentes, toasts, log) - Diseño marca Teloprax: Inter, Space Grotesk, #1A1A2E, rojo #E63946 - Stack: Vue 3 + TypeScript + Pinia + Vite + Bun
61 lines
1.2 KiB
CSS
61 lines
1.2 KiB
CSS
:root {
|
|
--bg-primary: #1A1A2E;
|
|
--bg-secondary: #141428;
|
|
--bg-tertiary: #1E1E36;
|
|
--bg-input: #1A1A2E;
|
|
--border: #2A2A45;
|
|
--border-hover: #3A3A55;
|
|
--text-primary: #E6EDF3;
|
|
--text-secondary: #8888AA;
|
|
--text-muted: #555577;
|
|
--accent: #E63946;
|
|
--accent-hover: #C62E3A;
|
|
--success: #3FB950;
|
|
--warning: #D29922;
|
|
--error: #F85149;
|
|
--radius: 8px;
|
|
}
|
|
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
html, body {
|
|
height: 100%;
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
color: var(--text-primary);
|
|
background: var(--bg-primary);
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
#app {
|
|
height: 100%;
|
|
}
|
|
|
|
input, select, button, textarea {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
}
|
|
|
|
a {
|
|
color: var(--accent);
|
|
text-decoration: none;
|
|
}
|
|
|
|
::-webkit-scrollbar { width: 6px; }
|
|
::-webkit-scrollbar-track { background: transparent; }
|
|
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
|
|
::-webkit-scrollbar-thumb:hover { background: var(--border-hover); }
|
|
|
|
.sch-view,
|
|
.cal-view {
|
|
max-width: 960px;
|
|
}
|