:root{--primary: #FF6B00;--secondary: #111827;--background: #F9FAFB;--card: #FFFFFF;--text-main: #111827;--text-secondary: #6B7280;--border: #E5E7EB;--accent: #FF6B00;--accent-foreground: #FFFFFF;--sidebar-width: 280px;--header-height: 64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--background);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}.dark{--background: #0f172a;--card: #1e293b;--text-main: #f8fafc;--text-secondary: #94a3b8;--border: #334155}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.w-full{width:100%}.h-full{height:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent;font-size:.875rem;gap:.5rem}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-outline{border-color:var(--border);background-color:transparent;color:var(--text-main)}.btn-outline:hover{background-color:#0000000d}.card{background-color:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.input{width:100%;padding:.625rem;border-radius:.375rem;border:1px solid var(--border);background-color:var(--card);color:var(--text-main);font-size:.875rem}.input:focus{outline:2px solid var(--primary);outline-offset:-1px}.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--secondary);color:#fff;display:flex;flex-direction:column;position:sticky;top:0}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;color:#94a3b8;text-decoration:none;transition:all .2s;cursor:pointer}.sidebar-item:hover,.sidebar-item.active{color:#fff;background-color:#ffffff0d;border-right:4px solid var(--primary)}.sidebar-item.active{color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.construction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}