* { box-sizing: border-box; }
body { font-family: -apple-system,BlinkMacSystemFont,sans-serif; margin: 0; background: #f5f5f0; color: #2d2d2d; }
header { background: #4a3c2a; color: white; padding: 1.5rem 2rem; }
header h1 { margin: 0; font-size: 1.5rem; }
main { padding: 2rem; }
.apps-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); gap: 1rem; }
.app-card { background: white; padding: 1.5rem; border-radius: 8px; text-decoration: none; color: inherit; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.app-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.app-icon { font-size: 2rem; margin-bottom: 0.5rem; }
.app-name { font-weight: 600; }
.app-status { font-size: 0.85rem; opacity: 0.7; }
.status-prod { border-left: 4px solid #2d8f5f; }
.status-dev { border-left: 4px solid #d4a824; }
.status-planejado { border-left: 4px solid #999; }