body{color:#e2e8f0;background:#0f172a;margin:0;font-family:Segoe UI,sans-serif}.container{max-width:1000px;margin:auto;padding:30px}h1,h2,h3{margin-bottom:10px}.card{background:#1e293b;border-radius:12px;margin-bottom:20px;padding:20px;transition:all .2s;box-shadow:0 4px 12px #0006}.card:hover{transform:translateY(-2px)}input,select{color:#fff;background:#334155;border:none;border-radius:8px;margin:5px;padding:10px}button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;margin:5px;padding:8px 14px;transition:all .2s}button:hover{background:#4f46e5}hr{background:#334155;border:none;height:1px;margin:20px 0}.tabs{gap:10px;margin-bottom:20px;display:flex}.tabs button{color:#f1f5f9;background:#1e293b;border:1px solid #475569;font-weight:500}.tabs button:hover{color:#fff;background:#334155}.active-tab{border:none;color:#fff!important;background:#6366f1!important}.tabs button{transition:all .2s}.tabs button:hover{transform:translateY(-1px)}.auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 120px);display:flex}.auth-box{text-align:center;background:#1e293b;border-radius:16px;width:700px;padding:30px;box-shadow:0 8px 20px #00000080}.auth-grid{gap:30px;margin-top:20px;display:flex}.auth-card{background:#0f172a;border-radius:12px;flex:1;padding:20px}.auth-card form{flex-direction:column;gap:10px;display:flex}html,body,#root{height:100%}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}