:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:#0b5c4b;color:#111;line-height:1.6}.app-container{min-height:100vh;transition:opacity .3s ease-in-out}.fade-in{opacity:0}.fade-in-complete{opacity:1}.container{min-height:100vh;background:#0b5c4b}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:#fff;border-bottom:1px solid #E5E5E5}.logo{width:40px;height:40px}.top-bar-buttons{display:flex;gap:var(--space-2)}.main-layout{display:grid;grid-template-columns:300px 1fr;min-height:calc(100vh - 80px)}.sidebar{background:#0b5c4b;color:#fff;padding:var(--space-6);border-right:1px solid #E5E5E5}.main-content{background:#f8f9fa;padding:var(--space-6);overflow-y:auto}.btn{padding:var(--space-2) var(--space-4);border:none;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#0b5c4b;border:1px solid #0B5C4B}.btn-secondary:hover:not(:disabled){background:#0b5c4b;color:#fff}.project-card{background:#fff;border:1px solid #E5E5E5;border-radius:8px;padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.project-card:hover{box-shadow:0 4px 8px #00000026}.project-card.selected{border-color:#0b5c4b;box-shadow:0 0 0 2px #0b5c4b33}.message{padding:var(--space-4);border-radius:8px;margin-bottom:var(--space-4);font-weight:700}.message.success{background:#d4edda;color:#155724;border:1px solid #C3E6CB}.message.error{background:#f8d7da;color:#721c24;border:1px solid #F5C6CB}.empty-state{text-align:center;padding:var(--space-8);color:#6c757d}.empty-state h3{margin-bottom:var(--space-2);color:#495057}.input-group{margin-bottom:var(--space-6)}.input-group label{display:block;margin-bottom:var(--space-2);font-weight:700;color:#111;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.input-group input,.input-group textarea,.input-group select{width:100%;padding:var(--space-3);border:1px solid #DEE2E6;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:#0b5c4b;box-shadow:0 0 0 2px #0b5c4b33}.status-dots{display:flex;align-items:center;gap:var(--space-1)}.status-dot{width:8px;height:8px;border-radius:50%;background:#28a745;animation:pulse 2s infinite}.status-dot.pink{background:#e83e8c}.status-text{font-size:.7rem;color:#6c757d;margin-left:var(--space-2)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width: 768px){.main-layout{grid-template-columns:1fr}.sidebar{order:2;border-right:none;border-top:1px solid #E5E5E5}.main-content{order:1}}