:root{--text-color: #444;--bg-color: #eee;--bg-input: #eee;--bg-color-active: #ccc;--shadow-color: #aaaaaa55;--bg-btn-color: #444;--text-btn-color: #eee;--bg-btn-color-active: #222;--text-btn-color-active: #eee;--bg-btn-color-secondary: #eee;--text-btn-color-secondary: #444;--bg-btn-color-secondary-active: #ccc;--text-btn-color-secondary-active: #444;--bg-danger: #f00;--text-danger: #eee;--shadow:10px 10px 15px var(--shadow-color) }body{background-color:var(--bg-color);color:var(--text-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}button,.button,input[type=reset]{background-color:var(--bg-btn-color);color:var(--text-btn-color);border:none;padding:.5em;border-radius:8px;cursor:pointer;min-width:5em;max-width:10em;margin:auto;text-align:center}button:hover,.button:hover{background-color:var(--bg-btn-color-active);color:var(--text-btn-color-active)}button.secondary,input[type=reset]{background-color:var(--bg-btn-color-secondary);color:var(--text-btn-color-secondary)}button.secondary:hover,input[type=reset]:hover{background-color:var(--bg-btn-color-secondary-active);color:var(--text-btn-color-secondary-active)}button.danger{background-color:var(--bg-danger);color:var(--text-danger)}button.danger:hover{background-color:#c00;color:var(--text-danger)}nav{display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:1em;background-color:var(--bg-color)}.app-title{font-size:large;font-weight:700}.nav-links{display:flex;flex-direction:row;gap:1em}.nav-links a{padding:.5em;cursor:pointer;border-radius:8px}.nav-links a:hover{background-color:var(--bg-color-active)}.nav-links a.active{font-weight:700;background-color:var(--bg-color-active)}main{margin:1em auto;max-width:70vw;padding:0 1em}a{text-decoration:none;color:var(--text-color)}.projects-container,.client-container,.payment-container{display:grid;grid-template-columns:1fr 1fr;gap:1em}.project-card,.client-card,.payment-card{display:flex;flex-direction:column;gap:1em;padding:1em;background-color:var(--bg-color-active);border-radius:8px;box-shadow:10px 10px 15px var(--shadow-color)}.states-container{display:flex;flex-direction:row;gap:1em}.state-column{box-shadow:4px 4px 15px var(--shadow-color);display:flex;flex-direction:column;gap:1em;padding:1em}.state-title{font-weight:700;font-size:large;padding:1em;display:flex;flex-direction:row;justify-content:space-between;border-radius:8px}.activities-container{display:flex;flex-direction:column;gap:1em}.activity-card{display:flex;flex-direction:column;gap:1em;padding:1em;background-color:var(--bg-color-active);border-radius:8px;box-shadow:var(--shadow)}dialog{border:none;box-shadow:var(--shadow);background-color:#fff;padding:2em;border-radius:8px;width:60vw;display:flex;flex-direction:column;gap:1em}dialog form{display:flex;flex-direction:column;gap:1em}form{background-color:#fff;display:flex;flex-direction:column;gap:1em;padding:1em}.input-group{display:flex;flex-direction:column;gap:5px;border:1px dashed black;padding:6px}input,select,textarea{border:none;padding:8px;background-color:var(--bg-input);border-radius:6px}textarea{width:100%}.activity-info{display:flex;flex-direction:column;gap:1em}pre{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}