:root{--primary: #B71C1C;--primary-dark: #7F0000;--black: #212121;--white: #FFFFFF;--gray-light: #F5F5F5;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-500: #6b7280;--gray-800: #1f2937;--red-600: #dc2626;--border-radius: 8px;--shadow-card: 0 4px 6px rgba(0,0,0,.05);--shadow-header: 0 2px 4px rgba(0,0,0,.1);--transition-default: all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--gray-light);color:var(--black);min-height:100vh;min-width:320px;line-height:1.5}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:var(--primary);color:var(--white);padding:1rem 1.5rem;box-shadow:var(--shadow-header)}.header-content{max-width:1280px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;gap:1rem}.logo-image{height:4rem;width:auto}.app-title{font-size:1.25rem;font-weight:700;margin:0}.logout-button{background-color:var(--white);color:var(--primary);padding:.5rem 1rem;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition-default)}.logout-button:hover{background-color:var(--gray-200)}.app-main{flex:1;padding:1.5rem 1rem;max-width:1280px;width:100%;margin:0 auto}.btn{padding:.5rem 1rem;border-radius:var(--border-radius);border:none;cursor:pointer;transition:var(--transition-default);font-weight:600}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark)}.input-field{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);transition:var(--transition-default)}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #b71c1c1a}.input-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--black)}.form-card{background-color:var(--white);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-card);max-width:28rem;width:100%;margin:2rem auto}.link{color:var(--primary);text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}@media (min-width: 768px){.app-title{font-size:1.5rem}.app-main{padding:1.5rem}}.form-title[data-v-232f88df]{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:2rem;color:var(--black)}.auth-form[data-v-232f88df],.form-group[data-v-232f88df]{margin-bottom:1.5rem}.btn-full[data-v-232f88df]{width:100%;margin-top:1rem}.text-center[data-v-232f88df]{text-align:center;margin-top:1.5rem}.form-title[data-v-681a2ac3]{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:2rem;color:var(--black)}.auth-form[data-v-681a2ac3],.form-group[data-v-681a2ac3]{margin-bottom:1.5rem}.btn-full[data-v-681a2ac3]{width:100%;margin-top:1rem}.text-center[data-v-681a2ac3]{text-align:center;margin-top:1.5rem}.projects-container[data-v-e4894997]{display:flex;flex-direction:column;gap:2rem}.projects-header[data-v-e4894997]{display:flex;justify-content:space-between;align-items:center}.page-title[data-v-e4894997]{font-size:1.5rem;font-weight:700;color:var(--black);margin:0}.new-project-btn[data-v-e4894997]{display:flex;align-items:center;gap:.5rem}.plus-icon[data-v-e4894997]{font-weight:700}.create-form[data-v-e4894997]{background-color:var(--white);padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-card)}.form-subtitle[data-v-e4894997]{font-size:1.25rem;font-weight:700;text-align:center;margin-bottom:1.5rem;color:var(--black)}.project-form[data-v-e4894997]{display:flex;flex-direction:column;gap:1rem}.form-grid[data-v-e4894997]{display:grid;grid-template-columns:1fr;gap:1rem}.form-actions[data-v-e4894997]{margin-top:1rem}.projects-list[data-v-e4894997]{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-card);overflow:hidden}.table-header[data-v-e4894997]{display:grid;grid-template-columns:3fr 3fr 2fr 2fr;gap:.5rem;padding:1rem;background-color:var(--gray-light);font-weight:600;color:var(--black)}.col-client[data-v-e4894997],.col-project[data-v-e4894997]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:.5rem}.col-budget[data-v-e4894997]{text-align:right;padding-right:.5rem}.col-actions[data-v-e4894997]{display:flex;justify-content:flex-end;gap:.5rem}.project-item[data-v-e4894997]{display:grid;grid-template-columns:3fr 3fr 2fr 2fr;gap:.5rem;padding:1rem;border-bottom:1px solid var(--gray-200);align-items:center;transition:background-color .2s}.project-item[data-v-e4894997]:hover{background-color:var(--gray-light)}.icon-btn[data-v-e4894997]{background:none;border:none;cursor:pointer;padding:.25rem;font-size:1.25rem;color:var(--gray-500);transition:color .2s}.edit-btn[data-v-e4894997]:hover{color:var(--primary)}.delete-btn[data-v-e4894997]:hover{color:var(--red-600)}.empty-state[data-v-e4894997]{padding:2rem;text-align:center;color:var(--gray-500)}.modal-overlay[data-v-e4894997]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.edit-modal[data-v-e4894997]{background-color:var(--white);border-radius:var(--border-radius);padding:1.5rem;width:100%;max-width:28rem}.modal-title[data-v-e4894997]{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--black)}.modal-content[data-v-e4894997]{display:flex;flex-direction:column;gap:1rem}.modal-actions[data-v-e4894997]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn-secondary[data-v-e4894997]{background-color:var(--gray-200);color:var(--gray-800)}.btn-secondary[data-v-e4894997]:hover{background-color:var(--gray-300)}@media (max-width: 640px){.table-header[data-v-e4894997],.project-item[data-v-e4894997]{grid-template-columns:2fr 2fr 1fr 1fr;font-size:.875rem;gap:.25rem;padding:.75rem}.icon-btn[data-v-e4894997]{font-size:1rem;padding:.125rem}.col-actions[data-v-e4894997]{justify-content:center}}@media (min-width: 768px){.page-title[data-v-e4894997]{font-size:1.875rem}.form-grid[data-v-e4894997]{grid-template-columns:1fr 1fr}.table-header[data-v-e4894997],.project-item[data-v-e4894997]{grid-template-columns:4fr 4fr 2fr 2fr;gap:1rem}}@media (min-width: 1024px){.table-header[data-v-e4894997],.project-item[data-v-e4894997]{grid-template-columns:5fr 5fr 2fr 2fr}}